@font-face {
    font-family: 'Manrope';
    src: url('/../fithubs/webfonts/Manrope-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/../fithubs/webfonts/Manrope-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/../fithubs/webfonts/Manrope-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/../fithubs/webfonts/Manrope-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('/../fithubs/webfonts/DMSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('/../fithubs/webfonts/DMSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'DM Sans';
    src: url('/../fithubs/webfonts/DMSans-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Manrope';
}

.index .container {
    overflow-y: auto;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important
}


/* navbar */

.header-bar {
    background: linear-gradient(271.59deg, #00A0FF 3.87%, #032F9E 65.15%);
    color: white;
    padding: 20px 28px;
    display: flex;
    align-items: center;
    gap: 15px;

    position: fixed;
    transform: translateX(-50%);
    left: 50%;
    top: 0%;
    width: 100%;
    max-width: 576px;
    z-index: 1030;
}


/* sidebar */

.navbar-custom {
    background: linear-gradient(271.59deg, #00A0FF 3.87%, #032F9E 65.15%);
    color: white;
    padding: 18px 20px;
    position: fixed;
    transform: translateX(-50%);
    left: 50%;
    top: 0%;
    width: 100%;
    max-width: 576px;
    z-index: 1030;
}

.toggle {
    cursor: pointer;
}

.toggle-close {
    cursor: pointer;
}

.ghoku {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.profile-img {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    object-fit: cover;
}

.profile-imgs {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    object-fit: cover;
}

.container-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
}

.sidebar {
    position: fixed;
    top: 0;
    left: -1000px;
    width: 100%;
    max-width: 323px;
    height: 100vh;
    background: #fff;
    padding: 20px;
    z-index: 1030;
    transition: left 0.3s ease;
    overflow-y: auto !important;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
  
.sidebar.active {
    left: -0px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1040;
    display: none;
  }

  .overlay.active {
    display: block;
  }
.nu-botu{
    margin-bottom: 100px;
}
  
.sidebar .nav a {
    margin-top: 15px;
    background: #F2F2F2;
    border-radius: 6px;
    padding-top: 14px;
    padding-right: 16px;
    padding-bottom: 14px;
    padding-left: 16px;
    text-align: start;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #3D4064;
    font-family: 'DM Sans';
}

.sidebar.also .nav a {
    border-radius: 10px;
    border-top-left-radius: 0px;
}

.sidebar .nav a:focus {
    box-shadow: none;
}

.sidebar .nav a.logout-btn {
    margin-top: 15px;
    background: #FFEAF0;
    border-radius: 6px;
    padding-top: 14px;
    padding-right: 16px;
    padding-bottom: 14px;
    padding-left: 16px;
    text-align: start;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #F63F4C;
    font-family: 'DM Sans';
    border: 1px solid #F63F4C;
}

.sidebar.also .nav a.logout-btn {
    border-radius: 10px;
    border-top-left-radius: 0px;
}

.sidebar .close img {
    height: 27px;
}

.navbar-custom .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 7px;
    padding-bottom: 6px;
    padding-left: 7px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}


/* footer */

.footer-nav {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    background: linear-gradient(357.73deg, #00A0FF 1.9%, #032F9E 87.18%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 576px;
    z-index: 1000;
    padding: 17.5px 10px;
}

.footer-nav .nav-link img {
    width: 24px;
    height: 24px;
}

.footer-nav .nav-link.active {
    background: #032F9E;
    border-radius: 8px;
    padding-top: 7px;
    padding-right: 8px;
    padding-bottom: 7px;
    padding-left: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
}


.footer-nav .nav-link span {
    display: none;
}

.footer-nav .nav-link.active span {
    display: block;
    word-break: break-all;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
}


/* login and register */

body.login .container {
    background-color: #FFF;
}

.login .banner {
    height: 250px;
    background: linear-gradient(357.73deg, #00A0FF 1.9%, #032F9E 87.18%);
    padding: 50px 20px 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.login .banner-bg {
    height: 65px;
    background: linear-gradient(180deg, #00A0FF 0%, #03649E 100%);
    border-radius: 24px;
    padding-top: 100px;
    margin-top: -90px;
    z-index: 1;
    position: relative;
    margin-inline: 20px;
}

.login .login-box {
    background: #FFFFFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin: -80px -20px 30px;
    padding: 25px;
    position: relative;
    z-index: 2;
}

.login .login-box h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #050505;
    margin-bottom: 10px;
}

.login .login-box h6 {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
    margin-bottom: 25px;
}

.login .login-box .form-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
}

.login .login-box .form-control {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
    background: #FFFFFF;
}

.login .login-box .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #747474;
}

.login .login-box .form-control:focus {
    box-shadow: none;
}

.login .login-box .eyes-logic {
    position: absolute;
    top: 55%;
    right: 2%;
    cursor: pointer;
}

.login .login-box .forgot-password {
    margin-top: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    float: right;
    color: #F63F4C;
    text-decoration: none;
}

.login .login-box .login-btn {
    background: #00A0FF;
    border: none;
    border-radius: 44px;
    padding: 11.5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.login .login-box .login-btn:focus {
    box-shadow: none;
}

.login .login-box p {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
}

.login .login-box p a {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
    text-decoration: none;
}

.login .login-box .divider {
    text-align: center;
    margin: 40px 0;
    position: relative;
    font-size: 14px;
}

.login .login-box .divider::before,
.divider::after {
    content: '';
    height: 1px;
    border-top: 1px dashed #D3D3D3;
    position: absolute;
    top: 50%;
    width: 50%;
}

.login .login-box .divider::before {
    left: -21px;
}

.login .login-box .divider::after {
    right: -21px;
}

.login .login-box .divider span {
    padding: 5px 8px;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    border-width: 1px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #D3D3D3;
}

.login .login-box .social-login {
    padding: 3px;
}

.login .login-box .social-login a {
    width: 100%;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.login .login-box .social-login .google-btn {
    justify-content: space-between;
    border-radius: 44px;
    padding-top: 9px;
    padding-right: 16px;
    padding-bottom: 9px;
    padding-left: 16px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px 0px #00000040;
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    color: #000000;
}

.login .login-box .social-login .apple-btn {
    justify-content: space-between;
    border-radius: 44px;
    padding-top: 9px;
    padding-right: 16px;
    padding-bottom: 9px;
    padding-left: 16px;
    background: #5B5B5B;
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.login .login-box .social-login .apple-btn:focus {
    box-shadow: none;
}



/* forgot password */

.forgot .forgot-card {
    background: #fff;
    margin: 28px 28px;
    border-radius: 12px;
    gap: 12px;
    padding-top: 23px;
    padding-right: 22px;
    padding-bottom: 23px;
    padding-left: 22px;
}

.forgot .forgot-card .form-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
}

.forgot .forgot-card .form-control {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
    background: #FFFFFF;
}

.forgot .forgot-card .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #747474;
}

.forgot .forgot-card .form-control:focus {
    box-shadow: none;
}

.forgot .forgot-card .submit-btn {
    background: #00A0FF;
    border-radius: 44px;
    padding: 10.5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
}

.forgot .forgot-card .submit-btn:focus {
    box-shadow: none;
}


/* otp */

.otp .otp-card {
    background: #fff;
    margin: 28px 28px;
    border-radius: 12px;
    gap: 12px;
    padding-top: 23px;
    padding-right: 22px;
    padding-bottom: 23px;
    padding-left: 22px;
}

.otp .otp-card h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #050505;
}

.otp .otp-card .form-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
}

.otp .otp-card .submit-btn {
    background: #00A0FF;
    border-radius: 44px;
    padding: 10.5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
}

.otp .otp-card .submit-btn:focus {
    box-shadow: none;
}

.otp .otp-card .otp-inputs {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.otp .otp-card .otp-inputs input {
    width: 100%;
    max-width: 68px;
    height: 45px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    padding: 10px;
}

.otp .otp-card .otp-inputs input:focus {
    border: 1px solid #00A0FF;
    outline: none;
}



/* new-password */

.new-pass .newpass-card {
    background: #fff;
    margin: 28px 28px;
    border-radius: 12px;
    gap: 12px;
    padding-top: 23px;
    padding-right: 22px;
    padding-bottom: 23px;
    padding-left: 22px;
}

.new-pass .newpass-card .form-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
}

.new-pass .newpass-card .eyes-logic {
    position: absolute;
    top: 55%;
    right: 2%;
    cursor: pointer;
}

.new-pass .newpass-card .form-control {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
    background: #FFFFFF;
}

.new-pass .newpass-card .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #747474;
}

.new-pass .newpass-card .form-control:focus {
    box-shadow: none;
}

.new-pass .newpass-card .submit-btn {
    background: #00A0FF;
    border-radius: 44px;
    padding: 10.5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
}

.new-pass .newpass-card .submit-btn:focus {
    box-shadow: none;
}


/* home */

.home .ghoku {
    padding: 8px;
    margin-top: 75px !important;
    margin-bottom: 130px !important;
}

.home .ghoku h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 0;
}

.home .ghoku h5 span {
    font-weight: 700;
}

.home .nav-tabs {
    border-bottom: none;
}

.home .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
    padding: 9px;
}

.home .nav-tabs .nav-link.active {
    border: 1px solid #00A0FF;
    color: #00A0FF;
}

.home .kumar .input-group-text {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-color: transparent;
    border-radius: 5px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-left: 12px;
    box-shadow: 0px 4px 4px 0px #00000014;
}

.home .kumar .form-control {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-color: transparent;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 0px;
    box-shadow: 0px 4px 4px 0px #00000014 !important;
}

.home .kumar .form-control::placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.home .kumar .form-control:focus {
    box-shadow: none;
    border-color: transparent;
}

.home .kumar .filter-btn {
    border-radius: 5px;
    padding-top: 11px;
    padding-right: 12px;
    padding-bottom: 11px;
    padding-left: 12px;
    gap: 7px;
    box-shadow: 0px 4px 4px 0px #00000014 !important;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #141B34;
}

.home .kumar .filter-btn:focus {
    box-shadow: none;
}

.home .challenge-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 14px;
    padding-right: 10px;
    padding-bottom: 14px;
    padding-left: 10px;
}

.home .challenge-img {
    position: relative;
}

.home .challenge-img img {
    width: 100%;
    max-height: 169px;
    object-fit: cover;
    border-radius: 10px;
}

.home .status-badge {
    background: #F6EA98;
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.home .challenge-card .lefty h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.home .challenge-card .lefty p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 0;
}

.home .challenge-card .righty a {
    border-radius: 30px;
    gap: 10px;
    padding: 10px 30px;
    background: #5DAF00;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
}

.home .challenge-card .righty a.bluse {
    background: #00A0FF;
}

.home .status-ending {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    background: #F6EA98;
}

.home .groups {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #E6E6E6;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}

.filter-panel {
    position: fixed;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 576px;
    height: 100%;
    max-height: 530px;
    overflow-y: auto;
    background: #fff;
    border-radius: 20px 20px 0 0;
    z-index: 1050;
    transition: bottom 0.3s ease;
    padding: 35px;
}

.filter-panel.active {
    bottom: 0;
}

.filter-panel h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #000000;
}

.filter-panel h6 {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 10px;
}

.filter-panel .form-check {
    border-width: 1px;
    border-radius: 4px;
    padding-top: 13px;
    padding-right: 10px;
    padding-bottom: 13px;
    padding-left: 10px;
    border: 1px solid #B9B9B9;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 10px;
}

.filter-panel span {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.filter-panel .form-check-input {
    width: 20px;
    height: 20px;
}

.filter-panel .form-check-input:focus {
    box-shadow: none;
}

.filter-panel .form-check-input:checked {
    background-color: #00A0FF;
    border-color: #00A0FF;
}

.filter-panel .btn-close {
    opacity: 1;
}

.filter-panel .btn-close:focus {
    box-shadow: none;
}


/* my-challenges */

.my-challanges .ghoku {
    padding: 8px;
    margin-top: 70px !important;
    margin-bottom: 130px !important;
}

.my-challanges .ghoku h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.my-challanges .ghoku h5 span {
    font-weight: 700;
}

.my-challanges .nav-tabs {
    border-bottom: none;
}

.my-challanges .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
    padding: 9px;
}

.my-challanges .nav-tabs .nav-link.active {
    border: 1px solid #00A0FF;
    color: #00A0FF;
}

.my-challanges .kumar .input-group-text {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-color: transparent;
    border-radius: 5px;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-left: 12px;
    box-shadow: 0px 4px 4px 0px #00000014;
}

.my-challanges .kumar .form-control {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-color: transparent;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 0px;
    box-shadow: 0px 4px 4px 0px #00000014 !important;
}

.my-challanges .kumar .form-control::placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.my-challanges .kumar .form-control:focus {
    box-shadow: none;
    border-color: transparent;
}

.my-challanges .kumar .filter-btn {
    border-radius: 5px;
    padding-top: 11px;
    padding-right: 12px;
    padding-bottom: 11px;
    padding-left: 12px;
    gap: 7px;
    box-shadow: 0px 4px 4px 0px #00000014 !important;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #141B34;
}

.my-challanges .kumar .filter-btn:focus {
    box-shadow: none;
}

.my-challanges .challenge-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 14px;
    padding-right: 10px;
    padding-bottom: 14px;
    padding-left: 10px;
}

.my-challanges .challenge-img {
    position: relative;
}

.my-challanges .challenge-img img {
    width: 100%;
    max-height: 169px;
    object-fit: cover;
    border-radius: 10px;
}

.my-challanges .status-badge {
    background: #F6EA98;
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.my-challanges .challenge-card .lefty h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.my-challanges .challenge-card .lefty p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 0;
}

.my-challanges .challenge-card .righty a {
    border-radius: 30px;
    gap: 10px;
    padding: 10px 30px;
    background: #5DAF00;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
}

.my-challanges .challenge-card .righty a.bluse {
    background: #00A0FF;
}

.my-challanges .status-ending {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    background: #F6EA98;
}

.my-challanges .groups {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #E6E6E6;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}


/* earned-reward */

.earned .ghoku {
    padding: 8px;
    margin-top: 80px !important;
    margin-bottom: 130px !important;
}

.earned .filter-btn {
    border-radius: 5px;
    padding-top: 11px;
    padding-right: 12px;
    padding-bottom: 11px;
    padding-left: 12px;
    gap: 7px;
    box-shadow: 0px 4px 4px 0px #00000014 !important;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #141B34;
    float: right;
}

.earned .filter-panel.active {
    bottom: 0;
}

.earned .filter-panel {
    position: fixed;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 576px;
    height: auto;
    overflow-y: auto;
    background: #fff;
    border-radius: 20px 20px 0 0;
    z-index: 1050;
    transition: bottom 0.3s ease;
    padding: 35px;
}

.earned .reward-card {
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    border-radius: 14px;
    padding-top: 16px;
    padding-right: 10px;
    padding-bottom: 16px;
    padding-left: 10px;
}

.earned .reward-card img {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.earned .reward-card .reward-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin: 0;
}

.earned .reward-card .reward-info span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.earned .reward-card .reward-info span.redyy {
    color: #FF2524;
}

.earned .reward-card .reward-action {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}

.earned .reward-card .view-qr {
    color: #00A0FF;
    cursor: pointer;
}

.earned .reward-card .redeemed {
    color: #032F9E;
}

.earned .reward-card .expired {
    color: #FF2524;
}

.earned .full {
    padding: 15px;
    padding-top: 30px;
    border-radius: 8px;
    background: #FFFFFF;
}

.earned .btn-close {
    opacity: 1;
}

.earned .btn-close:hover {
    opacity: 1;
}

.earned .btn-close:focus {
    box-shadow: none;
}


/* subscription */

body.subscri .container {
    background: linear-gradient(178.68deg, #031231 25.34%, #1342F2 105.95%);
}

.subscri .subscription-card {
    background: #FFFFFF17;
    text-align: center;
    width: 100%;
    max-width: 310px;
    box-shadow: 17px 46px 72.3px 0px #00000030;
    border-radius: 17px;
    padding-top: 21px;
    padding-right: 16px;
    padding-bottom: 21px;
    padding-left: 16px;
}

/* .subscri .diamond-img {
    margin-bottom: -120px;
} */

.subscri .price {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.subscri .price span {
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
}

.subscri .subscription-card h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}

.subscri .subscription-card p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}

.subscri .subscription-card .subscribe-btn {
    background-color: #00aaff;
    color: white;
    border: none;
    border-radius: 30px;
    padding: 10px 20px;
    font-weight: bold;
    margin-top: 15px;
    width: 100%;
    text-transform: uppercase;
}

.subscri .modal-content {
    background: linear-gradient(178.68deg, #031231 25.34%, #1342F2 105.95%);
    border-radius: 20px;
    padding: 22px;
    max-width: 378px;
    border: none;
}

.subscri .modal-content .chayo {
    background: #FFFFFF17;
    box-shadow: 17px 46px 72.3px 0px #00000030;
    border-radius: 17px;
    padding-top: 21px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
}

.subscri .modal-content h3 {
    font-weight: 800;
    font-size: 42px;
    line-height: 48px;
    color: #FFFFFF;
}

.subscri .modal-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
}

.subscri .modal-content .btn-cancel {
    border-radius: 30px;
    padding: 10px;
    border-width: 1px;
    background: #FFFFFF33;
    border: 1px solid #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #00A0FF;
}

.subscri .modal-content .btn-cancel:focus {
    box-shadow: none;
}

.subscri .modal-content .btn-pay {
    border-radius: 30px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.subscri .modal-content .btn-pay:focus {
    box-shadow: none;
}

.subscri .subscription-card .spany {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #9CFF67;
}

.subscri .subscription-carduu {
    padding-right: 16px;
    padding-left: 16px;
}

.subscri .cancel-subscribe-btn {
    background: #C5E9FF;
    color: #0F0F0F;
    border: none;
    border-radius: 30px;
    padding: 10px 20px;
    font-weight: bold;
    margin-top: 15px;
    width: 100%;
    text-transform: uppercase;
}

.subscri .modal-contentyy {
    border-radius: 30px;
    padding-top: 26px;
    padding-right: 38px;
    padding-bottom: 26px;
    padding-left: 38px;
    background: #FFFFFF;
    width: 100%;
    max-width: 381px;
}

.subscri .modal-contentyy h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.subscri .modal-contentyy p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
}

.subscri .modal-contentyy .btn-cancel {
    border-radius: 30px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.subscri .modal-contentyy .btn-pay {
    border-radius: 30px;
    padding: 10px;
    border-width: 1px;
    background: #FFFFFF;
    border: 1px solid #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #00A0FF;
}

.subscri .btn-close {
    opacity: 1;
}

.subscri .btn-close:hover {
    opacity: 1;
}

.subscri .btn-close:focus {
    box-shadow: none;
}



/* single-challenge-details */

.single-detail .ghoku {
    padding: 8px;
    margin-top: 90px !important;
    margin-bottom: 100px !important;
}

.single-detail .challenge-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 14px;
    padding-right: 10px;
    padding-bottom: 14px;
    padding-left: 10px;
}

.single-detail .challenge-img {
    position: relative;
}

.single-detail .challenge-img img {
    width: 100%;
    max-height: 169px;
    object-fit: cover;
    border-radius: 10px;
}

.single-detail .status-badge {
    background: #F6EA98;
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.single-detail .challenge-card .lefty h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.single-detail .challenge-card .lefty p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 8px;
}

.single-detail .challenge-card .lefty p span {
    font-weight: 700;
}

.single-detail .challenge-card .lefty .dista {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #00A0FF;
}

.single-detail .challenge-card .righty .expire {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF2524;
    text-align: right;
}

.single-detail .challenge-card .righty .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 7px;
    padding-bottom: 6px;
    padding-left: 7px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}

.single-detail .boxee {
    border-radius: 14px;
    padding: 20px;
    padding-bottom: 1px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 20px;
}

.single-detail .boxee h4 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #032F9E;
    margin-bottom: 10px;
}

.single-detail .boxee h5 {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}

.single-detail .boxee p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.single-detail .butus {
    padding: 20px;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    max-width: 576px;
    z-index: 1030;
}

@media (min-width: 578px) and (max-width: 767.98px) {
    .single-detail .butus {
        max-width: 540px;
    }
}

.single-detail .butus a.challenge {
    border-radius: 30px;
    gap: 10px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid #00A0FF;
}

.single-detail .butuss a.challenge {
    border-radius: 30px;
    gap: 10px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid #00A0FF;
}

.single-detail .butus a.progresses {
    border-radius: 30px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #00A0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #00A0FF;
}


/* group-challenge-details */

.group-detail .ghoku {
    padding: 8px;
    margin-top: 90px !important;
    margin-bottom: 100px !important;
}

.group-detail .challenge-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 14px;
    padding-right: 10px;
    padding-bottom: 14px;
    padding-left: 10px;
}

.group-detail .challenge-img {
    position: relative;
}

.group-detail .challenge-img img {
    width: 100%;
    max-height: 169px;
    object-fit: cover;
    border-radius: 10px;
}

.group-detail .status-badge {
    background: #F6EA98;
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.group-detail .challenge-card .lefty h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.group-detail .challenge-card .lefty p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 8px;
}

.group-detail .challenge-card .lefty p span {
    font-weight: 700;
}

.group-detail .challenge-card .lefty .dista {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #5DAF00;
}

.group-detail .challenge-card .righty .expire {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF2524;
    text-align: right;
}

.group-detail .challenge-card .righty .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 7px;
    padding-bottom: 6px;
    padding-left: 7px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}

.group-detail .boxee {
    border-radius: 14px;
    padding: 20px;
    padding-bottom: 1px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 20px;
}

.group-detail .boxee h4 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #032F9E;
    margin-bottom: 10px;
}

.group-detail .boxee h5 {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}

.group-detail .boxee p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.group-detail .alert-custom {
    background: #FFEAF0;
    border: 1px solid #F63F4C;
    color: #F63F4C;
    margin-top: 20px;
    border-radius: 6px;
    padding-top: 15px;
    padding-right: 16px;
    padding-bottom: 15px;
    padding-left: 16px;
    border-width: 1px;
}

.group-detail h2 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #302E2E;
    margin-top: 15px;
    margin-bottom: 15px;
}

.group-detail .group-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.group-detail .group-card img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.group-detail .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.group-detail .group-info span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.group-detail .group-card a {
    margin-left: auto;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #032F9E;
    text-decoration: none;
}

@media (max-width: 365px) {
    .group-detail .group-card img {
        width: 90px;
        height: 65px;
    }

    .group-detail .group-info h6 {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 0px;
    }

    .group-detail .group-info span {
        font-size: 9px;
        line-height: 15px;
    }

    .group-detail .group-card a {
        font-size: 10px;
        line-height: 16px;
    }
}


/* view-members */

body.view-members .container {
    background: #FFFFFF;
}

.view-members .ghoku {
    padding: 8px;
    margin-top: 70px !important;
    margin-bottom: 100px !important;
}

.view-members .group-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.view-members h2 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #302E2E;
    margin-top: 15px;
    margin-bottom: 15px;
}

.view-members .group-card img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.view-members .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 0px;
}

.view-members .group-info span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.view-members .group-card a {
    margin-left: auto;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #032F9E;
    text-decoration: none;
}


/* view-members-admin */

body.view-members-admin .container {
    background: #FFFFFF;
}

.view-members-admin .ghoku {
    padding: 8px;
    margin-top: 70px !important;
    margin-bottom: 100px !important;
}

.view-members-admin .group-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.view-members-admin h2 {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #302E2E;
    margin-top: 15px;
    margin-bottom: 15px;
}

.view-members-admin .group-card img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.view-members-admin .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 0px;
}

.view-members-admin .group-info span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.view-members-admin .group-card a {
    margin-left: auto;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #032F9E;
    text-decoration: none;
}

.view-members-admin .bich-line {
    margin-inline: -20px;
    border: 1px solid #000000;
}

.view-members-admin .group-card .pending {
    margin-left: auto;
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: #EFEFEF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #515151;
}

.view-members-admin .group-card .declined {
    margin-left: auto;
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: #FF3C3C26;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF3C3C;
}

.view-members-admin .group-card a img {
    width: 12px;
    height: 12px;
}


/* Submit-Proof */

.sub-proof .ghoku {
    padding: 8px;
    margin-top: 90px !important;
    margin-bottom: 130px !important;
}

.sub-proof .challenge-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
}

.sub-proof .challenge-img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.sub-proof .challenge-card .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.sub-proof .challenge-card .group-info p {
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #747474;
    margin-bottom: 0;
}

.sub-proof .challenge-card .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}

.sub-proof h6 {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}

.sub-proof h3 {
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #032F9E;
    margin-bottom: 20px;
}

.sub-proof .upload-box {
    border-radius: 14px;
    padding-top: 25px;
    padding-right: 17px;
    padding-bottom: 25px;
    padding-left: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
}

.sub-proof .upload-box img {
    margin-right: 10px;
}

.sub-proof .upload-box h6 {
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.sub-proof .upload-box p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 0;
}

.sub-proof .note-box {
    border-radius: 12px;
    gap: 17px;
    padding: 23px;
    background: #FFFFFF;
    margin-bottom: 20px;
}

.sub-proof .note-box label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.sub-proof .note-box textarea {
    border-radius: 4px;
    padding: 10px;
    border-width: 1px;
    background: #FFFFFF;
    border: 1px solid #B3B3B3;
}

.sub-proof .submit-btn {
    background: #00A0FF;
    border-radius: 50px;
    gap: 10px;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

@media (max-width: 348px) {
    .sub-proof .challenge-img {
        width: 90px;
        height: 70px;
    }

    .sub-proof .challenge-card .coin {
        font-size: 8px;
    }
}

.upload-box input[type="file"] {
    display: none;
}


/* Member-Progress */

.mem-progress .ghoku {
    padding: 8px;
    margin-top: 90px !important;
    margin-bottom: 130px !important;
    flex: 1;
}

.mem-progress .butus {
    padding: 20px;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    max-width: 576px;
    z-index: 1030;
}

@media (min-width: 578px) and (max-width: 767.98px) {
    .mem-progress .butus {
        max-width: 540px;
    }
}

.mem-progress .ghoku-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.mem-progress .challenge-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
}

.mem-progress .challenge-img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.mem-progress .challenge-card .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.mem-progress .challenge-card .group-info p {
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #747474;
    margin-bottom: 0;
}

.mem-progress .challenge-card .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}

.mem-progress .sofia {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
}

.mem-progress .sofia img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.mem-progress .sofia h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #050505;
    margin-bottom: 5px;
}

.mem-progress .sofia p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #050505;
    margin-bottom: 0;
    border-bottom: none;
}

.mem-progress h2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #050505;
}

.mem-progress .pro {
    border-radius: 14px;
    justify-content: space-between;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 10px;
}

.mem-progress .pro span {
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #050505;
}

.mem-progress .pro .media-button {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #032F9E;
    text-decoration: none;
    cursor: pointer;
}

.mem-progress .admin-status {
    border-radius: 14px;
    justify-content: space-between;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
}

.mem-progress .admin-status span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.mem-progress .admin-status .final-proof {
    border-radius: 3px;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    gap: 10px;
    border: 0.5px solid #032F9E;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #032F9E;
}

.mem-progress .admin-status .rejected {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF4040;
    cursor: pointer;
}

.mem-progress .admin-status .appu {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #302E2E;
}

.mem-progress .add-progress {
    border-radius: 30px;
    padding: 10px 24px;
    background: #5DAF00;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mem-progress .add-progress:hover {
    color: #FFFFFF;
}

.mem-progress .add-progress:focus {
    box-shadow: none;
}

.mem-progress .final-submit {
    border-radius: 50px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mem-progress .final-submit:focus {
    box-shadow: none;
}

.mem-progress .filter-panel h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.mem-progress .filter-panel .media-img {
    width: 100%;
    height: 121px;
    object-fit: cover;
    border-radius: 10px;
}

.mem-progress .filter-panel .model-body p {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #00A0FF;
}

.mem-progress .filter-panel .model-body span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.mem-progress .filter-panel .model-body video {
    width: 100%;
    height: 188px;
    border-radius: 10px;
    object-fit: cover;
}

.mem-progress .filter-panel .model-body button:focus {
    box-shadow: none;
}

.mem-progress .rejecty .modal-content {
    max-width: 381px;
    border-radius: 30px;
    padding-top: 26px;
    padding-right: 28px;
    padding-bottom: 26px;
    padding-left: 28px;
    background: #FFFFFF;
    align-items: center;
}

.mem-progress .rejecty .modal-content img {
    width: 63px;
    height: 63px;
}

.mem-progress .rejecty .modal-content h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.mem-progress .rejecty .modal-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
}

.mem-progress .rejecty .modal-content .btn-close {
    opacity: 1;
}


/* my-profile */

.my-profile .ghoku {
    padding: 8px;
    margin-top: 85px !important;
    margin-bottom: 130px !important;
}

.my-profile .nav-tabs {
    border-bottom: none;
}

.my-profile .nav-tabs .nav-link.active {
    border: 1px solid #032F9E;
    color: #032F9E;
}

.my-profile .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
    padding: 9px;
}

.my-profile .user-pro {
    border-radius: 14px;
    padding-top: 14px;
    padding-right: 12px;
    padding-bottom: 14px;
    padding-left: 12px;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 18px 0px #00000024;
}

.my-profile .user-pro img {
    width: 58px;
    height: 58px;
    object-fit: cover;
    border-radius: 50%;
}

.my-profile .user-pro h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.my-profile .user-pro span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
}

.my-profile .user-balance {
    border-radius: 14px;
    padding-top: 14px;
    padding-right: 12px;
    padding-bottom: 14px;
    padding-left: 12px;
    background: #00A0FF;
    box-shadow: 0px 5px 18px 0px #00000024;
}

.my-profile .user-balance h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}

.my-profile .user-balance .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 7px;
    padding-bottom: 6px;
    padding-left: 7px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}

.my-profile .tab-content .group-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.my-profile .tab-content .group-card img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.my-profile .tab-content .group-card .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.my-profile .tab-content .group-card .group-info p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 0;
}

.my-profile .tab-content .group-card a {
    margin-left: auto;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #032F9E;
    text-decoration: none;
}

.my-profile .tab-content .group-card .pending {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #EFEFEF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #515151;
    display: flex;
    width: max-content;
    margin-left: inherit;
}

.my-profile .tab-content .group-card a img {
    width: 12px;
    height: 12px;
    border-radius: 0%;
}

.my-profile .tab-content .group-card .declined {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #FF3C3C26;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF3C3C;
    display: flex;
    width: max-content;
    margin-left: inherit;
}

.my-profile .tab-content .group-card .appro {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #E7E5FF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #032F9E;
    display: flex;
    width: max-content;
    margin-left: inherit;
}

.my-profile .tab-content #submitted .group-card .group-info h6 {
    margin-bottom: 8px;
}

.my-profile .tab-content .group-card .lasku .approve-ad {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #5DAF00;
    text-align: right;
}

.my-profile .tab-content .group-card .lasku .reject-ow {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF3C3C;
    text-align: right;
    cursor: pointer;
}

.my-profile .tab-content .group-card .lasku .pending-ow {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #00A0FF;
    text-align: right;
}

.my-profile .rejecty .modal-content {
    max-width: 381px;
    border-radius: 30px;
    padding-top: 26px;
    padding-right: 28px;
    padding-bottom: 26px;
    padding-left: 28px;
    background: #FFFFFF;
    align-items: center;
}

.my-profile .rejecty .modal-content .btn-close {
    opacity: 1;
}

.my-profile .rejecty .modal-content img {
    width: 63px;
    height: 63px;
}

.my-profile .rejecty .modal-content h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.my-profile .rejecty .modal-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
}

@media (max-width: 400px) {
    #submitted .group-card {
        flex-direction: column;
    }

    .my-profile .tab-content #submitted .group-card img {
        width: 100%;
        height: 120px;
    }

    .my-profile .tab-content #submitted .group-card a img {
        width: 12px;
        height: 12px;
        border-radius: 0%;
    }
}

.my-profile .tab-scroll {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
}

.my-profile .tab-scroll::-webkit-scrollbar {
    display: none;
}

.my-profile .nav-tabs .nav-link {
    margin-bottom: 0px;
}

.my-profile .reward-card {
    margin-bottom: 17px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    border-radius: 14px;
    padding-top: 16px;
    padding-right: 10px;
    padding-bottom: 16px;
    padding-left: 10px;
}

.my-profile .reward-card .ghuma img {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.my-profile .reward-card .ghuma .reward-info h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 3px;
}

.my-profile .reward-card .ghuma .reward-info span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.my-profile .reward-card .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}

.my-profile .reward-card .reward-action {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #00A0FF;
    cursor: pointer;
}

.my-profile .full {
    padding: 15px;
    padding-top: 30px;
    border-radius: 8px;
    background: #FFFFFF;
}

.my-profile .btn-close {
    opacity: 1;
}

@media (max-width: 400px) {
    .reward-info {
        width: min-content;
    }

    .my-profile .reward-card .coin {
        padding-right: 5px;
        padding-left: 5px;
    }

    .my-profile .reward-card .reward-action {
        font-size: 10px;
        line-height: 16px;
    }

    .my-profile .reward-card .ghuma img {
        margin-right: 8px;
    }
}



/* notificatins */

.noti .ghoku {
    padding: 8px;
    margin-top: 85px !important;
    margin-bottom: 130px !important;
}

.noti .noti-detail {
    gap: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 15px;
    padding-right: 16px;
    padding-bottom: 15px;
    padding-left: 16px;
    background: #FFFFFF;
    margin-bottom: 20px;
}

.noti .noti-detail h2 {
    font-family: 'DM Sans';
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #032F9E;
}

.noti .noti-detail p {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #3D4064;
    margin-bottom: 5px;
}

.noti .noti-detail span {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #8D8A8A;
}

.noti .noti-detail h2.submi {
    color: #13A644;
}


/* my-groups */

.group .ghoku {
    padding: 8px;
    margin-top: 65px !important;
    margin-bottom: 130px !important;
}

.group .butus {
    padding: 20px;
    position: fixed;
    bottom: 0;
    left: 49.5%;
    width: 100%;
    transform: translateX(-50%);
    max-width: 550px;
    z-index: 1030;
}

@media (min-width: 578px) and (max-width: 767.98px) {
    .group .butus {
        max-width: 520px;
    }
}

.group .nav-tabs {
    border-bottom: none;
}

.group .nav-tabs .nav-item {
    width: 100%;
    max-width: 135px;
}

.group .nav-tabs .nav-link.active {
    border: 1px solid #00A0FF;
    color: #00A0FF;
}

.group .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
    padding: 9px;
}

.group .group-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.group .group-card img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.group .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.group .group-info span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.group .group-card .banner {
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    border-radius: 3px;
    margin-left: auto;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #032F9E;
    background: #E7E5FF;
    max-width: 89px;
}

@media (max-width: 370px) {
    .group .group-card img {
        width: 90px;
        height: 65px;
        object-fit: cover;
        border-radius: 10px;
    }

    .group .group-card .banner {
        padding-right: 6px;
        padding-left: 6px;
        font-size: 10px;
        line-height: 16px;
        max-width: 75px;
    }

    .group .group-info h6 {
        font-size: 12px;
        line-height: 19px;
    }

    .group .group-info span {
        font-size: 9px;
        line-height: 15px;
    }
}

.group .maju {
    padding-inline: 8px;
    text-decoration: none;
}

.group .create-group-btn {
    background: #00A0FF;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 11px;
    padding-left: 12px;
    border-radius: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
    border: none;
}

.group .bottom-buttons {
    margin-bottom: 100px;
}


/* create-group */

.create-group .ghoku {
    padding: 8px;
    margin-top: 80px !important;
    margin-bottom: 130px !important;
}

.create-group .card-custom {
    gap: 13px;
    border-radius: 12px;
    padding: 23px;
    background: #FFFFFF;
}

.create-group .card-custom h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 15px;
}

.create-group .card-custom .upload-box {
    border-radius: 14px;
    padding-top: 23px;
    padding-right: 17px;
    padding-bottom: 23px;
    padding-left: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
}

.create-group .card-custom .upload-box img {
    margin-right: 10px;
}

.create-group .card-custom .upload-box h6 {
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.create-group .card-custom .upload-box p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 0;
}

.create-group .card-custom label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.create-group .card-custom .form-control {
    border-radius: 4px;
    border-width: 1px;
    padding: 8px;
    border: 1px solid #B3B3B3;
}

.create-group .card-custom .form-control:focus {
    box-shadow: none;
}

.create-group .card-custom .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #BCBCBC;
}

.create-group .card-custom .btn-create {
    border-radius: 30px;
    padding: 12px;
    background: #00A0FF;
    border: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
}

.create-group .modal-content {
    border-radius: 20px;
    padding: 30px;
}

.create-group .modal-content h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.create-group .modal-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
    margin-bottom: 10px;
}

.create-group .modal-content .btn-invite {
    background: #00A0FF;
    gap: 10px;
    border-radius: 30px;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 15px;
}

.modal-content .btn-invite:focus {
    box-shadow: none;
}

.create-group .modal-content .btn-close {
    opacity: 1;
}

.create-group .modal-content .btn-close:focus {
    box-shadow: none;
}



/* request-group */

.request-group .ghoku {
    padding: 8px;
    margin-top: 80px !important;
    margin-bottom: 130px !important;
}

.request-group .butus {
    padding: 20px;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    max-width: 576px;
    z-index: 1030;
}

@media (min-width: 578px) and (max-width: 767.98px) {
    .request-group .butus {
        max-width: 540px;
    }
}

.request-group .gr-detail {
    gap: 10px;
    padding-top: 13px;
    padding-right: 10px;
    padding-bottom: 13px;
    padding-left: 10px;
    border-radius: 14px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
}

.request-group .gr-detail img {
    width: 100%;
    height: 199px;
    border-radius: 10px;
    object-fit: cover;
}

.request-group .gr-detail h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-top: 10px;
    margin-left: 5px;
}

.request-group .gr-detail p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 5px;
    margin-left: 5px;
}

.request-group .bottom-buttons {
    margin-bottom: 100px;
    padding-inline: 8px;
}

.request-group .add-decline {
    gap: 10px;
    border-radius: 30px;
    border-width: 1px;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #00A0FF;
}

.request-group .add-decline:focus {
    box-shadow: none;
}

.request-group .final-accept:focus {
    box-shadow: none;
}

.request-group .final-accept {
    gap: 10px;
    border-radius: 30px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.request-group .modal-contentyy {
    border-radius: 30px;
    padding-top: 26px;
    padding-right: 38px;
    padding-bottom: 26px;
    padding-left: 38px;
    background: #FFFFFF;
    width: 100%;
    max-width: 381px;
}

.request-group .modal-contentyy h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.request-group .modal-contentyy p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
}

.request-group .modal-contentyy .btn-cancel {
    border-radius: 30px;
    border-width: 1px;
    padding: 10px;
    padding-left: 19px;
    padding-right: 19px;
    background: #FFFFFF;
    border: 1px solid #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #00A0FF;
}

.request-group .modal-contentyy .btn-cancel {
    box-shadow: none;
}

.request-group .modal-contentyy .btn-pay {
    box-shadow: none;
}

.request-group .modal-contentyy .btn-pay {
    border-radius: 30px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}



/* invite-member */

.invite-member .ghoku {
    padding: 8px;
    margin-top: 80px !important;
    margin-bottom: 130px !important;
}

.invite-member .invite-box {
    gap: 13px;
    border-radius: 12px;
    padding: 23px;
    background: #FFFFFF;
}

.invite-member .invite-box h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.invite-member .invite-box label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.invite-member .invite-box .form-control {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
}

.invite-member .invite-box .form-control:focus {
    box-shadow: none;
}

.invite-member .invite-box .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #BCBCBC;
}

.invite-member .invite-box .btn-submit {
    background: #00A0FF;
    border-radius: 30px;
    padding: 12px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    width: 100%;
}

.invite-member .modal-content {
    border-radius: 20px;
    padding: 30px;
}

.invite-member .modal-content .btn-close {
    opacity: 1;
}

.invite-member .modal-content .btn-close:focus {
    box-shadow: none;
}

.invite-member .modal-content h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.invite-member .modal-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
    margin-bottom: 10px;
}

.invite-member label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.invite-member .form-control {
    border-radius: 4px;
    border-width: 1px;
    padding: 8px;
    border: 1px solid #B3B3B3;
}

.invite-member .modal-content .btn-invite {
    background: #00A0FF;
    gap: 10px;
    border-radius: 30px;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 15px;
}

.invite-member .form-control:focus {
    box-shadow: none;
}

.invite-member .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #BCBCBC;
}



/* my-groups-detail */

.my-group-detail .ghoku {
    padding: 8px;
    margin: auto;
    display: flex;
    flex-direction: column;
    height: 80vh;
    margin-top: 75px !important;
}

.my-group-detail .container{
    overflow: hidden;
}

@media (max-width: 767px) {
    .my-group-detail .ghoku {
        height: 75vh;
    }
}

.my-group-detail .group-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    display: flex;
    align-items: center;
}

.my-group-detail .group-card img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.my-group-detail .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.my-group-detail .group-info p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 0;
}

.my-group-detail .nav-tabs {
    border-bottom: none;
}

.my-group-detail .nav-tabs .nav-item {
    width: 100%;
    max-width: 135px;
}

.my-group-detail .nav-tabs .nav-link.active {
    border: 1px solid #00A0FF;
    color: #00A0FF;
}

.my-group-detail .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
    padding: 9px;
}

.my-group-detail .user-card {
    border-radius: 14px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-group-detail .user-card .user-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.my-group-detail .user-card .user-info img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.my-group-detail .user-card .user-info p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: lowercase;
    color: #000000;
    margin: 0;
}

.my-group-detail .user-card .status-badge {
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
}

.my-group-detail .user-card .admin {
    background: #E7E5FF;
    color: #032F9E;
}

.my-group-detail .user-card .accepted {
    color: #5DAF00;
}

.my-group-detail .user-card .decline {
    color: #FF0202;
}

.my-group-detail .user-card .pending {
    color: #747474;
}

.my-group-detail .leave-group {
    border-radius: 30px;
    border-width: 1px;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #F63F4C;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #F63F4C;
}

.my-group-detail .leave-group:hover {
    color: #F63F4C;
}

.my-group-detail .leave-group:focus {
    box-shadow: none;
}

.my-group-detail .invite-member {
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    border-radius: 44px;
    background: #00A0FF;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.my-group-detail .invite-member:hover {
    color: #FFFFFF;
}

.my-group-detail .invite-member:focus {
    box-shadow: none;
}

.my-group-detail .tab-content-wrapper {
    flex: 1;
    overflow-y: auto;
}

.my-group-detail .footer-btns .btn {
    flex: 1;
}

.my-group-detail .modal-content {
    padding: 30px;
    border-radius: 30px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
}

.my-group-detail .modal-content h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-group-detail .modal-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
}

.my-group-detail .modal-content .btn-close {
    opacity: 1;
}

.my-group-detail .modal-content label {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #302E2E;
}

.my-group-detail .modal-content .form-select {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
}

.my-group-detail .modal-content .form-select:focus {
    box-shadow: none;
}

.my-group-detail .modal-content .form-select {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #000000;
}

.my-group-detail .modal-content .btn-confirm {
    border-radius: 30px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
}

.my-group-detail .modal-content .btn-confirm:hover {
    color: #FFFFFF;
}

.my-group-detail .modal-content .btn-confirm:focus {
    box-shadow: none;
}


/* payment-history */

.payment-history .ghoku {
    padding: 8px;
    margin-top: 80px !important;
    margin-bottom: 130px !important;
}

.payment-history .billing-info {
    margin-bottom: 15px;
}

.payment-history .billing-info h2 {
    font-family: 'DM Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #3D4064;
    margin-bottom: 0;
}

.payment-history .billing-info p {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #3D4064;
    margin-bottom: 0;
}

.payment-history .billing-info p span {
    font-weight: 600;
}

.payment-history .billing-info .status {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #9F0543;
}

.payment-history .payment-card {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 15px;
    padding-right: 16px;
    padding-bottom: 15px;
    padding-left: 16px;
    background: #FFFFFF;
    margin-bottom: 15px;
}

.payment-history .payment-card .payment-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.payment-history .payment-card .payment-title .head {
    font-family: 'DM Sans';
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #032F9E;
}

.payment-history .payment-card .payment-title .price {
    font-family: 'DM Sans';
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #3D4064;
}

.payment-history .payment-card .payment-desc {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #3D4064;
    margin-bottom: 10px;
}

.payment-history .payment-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
}

.payment-history .payment-card .payment-footer .date-time {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #8D8A8A;
}

.payment-history .payment-card .payment-footer .receipt-link {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #032F9E;
    text-decoration: none;
}


/* challenge-join-request */

.cha-joi-req .ghoku {
    padding: 8px;
    margin-top: 80px !important;
    margin-bottom: 130px !important;
}

.cha-joi-req .challenge-title {
    font-family: 'DM Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #050505;
    margin-bottom: 10px;
}

.cha-joi-req .challenge-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-wrap: wrap;
    border-radius: 14px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
}

.cha-joi-req .challenge-card .challenge-info {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1
}

.cha-joi-req .challenge-card .challenge-info img {
    width: 107px;
    height: 78px;
    border-radius: 10px;
    object-fit: cover;
}

.cha-joi-req .challenge-card .challenge-info .group-text h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #050505;
}

.cha-joi-req .challenge-card .challenge-info .group-text p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin: 0;
}

.cha-joi-req .challenge-card .challenge-actions {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.cha-joi-req .challenge-card .challenge-actions .btn-accept {
    border-radius: 30px;
    padding: 8px 32px;
    background: #00A0FF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
}

.cha-joi-req .challenge-card .challenge-actions .btn-accept {
    box-shadow: none;
}

.cha-joi-req .challenge-card .challenge-actions .btn-decline {
    box-shadow: none;
}

.cha-joi-req .challenge-card .challenge-actions .btn-decline {
    border-radius: 30px;
    border-width: 1px;
    padding: 8px 32px;
    background: #FFFFFF;
    border: 1px solid #EB0909;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #EB0909;
}

@media (max-width: 378px) {
    .cha-joi-req .challenge-card .challenge-actions {
        width: 100%;
    }

    .cha-joi-req .challenge-card .challenge-actions .btn-accept {
        width: 50%;
    }

    .cha-joi-req .challenge-card .challenge-actions .btn-decline {
        width: 50%;
    }

    .cha-joi-req .challenge-card .challenge-actions {
        flex-direction: row;
        margin-top: 10px;
    }
}



/* Bussiness */

/* bu-login and bu-register */

body.bu-login .container {
    background-color: #FFF;
}

.bu-login .banner {
    height: 250px;
    background: linear-gradient(357.73deg, #00A0FF 1.9%, #032F9E 87.18%);
    padding: 50px 20px 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.bu-login .banner-bg {
    height: 65px;
    background: linear-gradient(180deg, #00A0FF 0%, #03649E 100%);
    border-radius: 24px;
    padding-top: 100px;
    margin-top: -90px;
    z-index: 1;
    position: relative;
    margin-inline: 20px;
}

.bu-login .login-box {
    background: #FFFFFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin: -80px -20px 30px;
    padding: 25px;
    position: relative;
    z-index: 2;
}

.bu-login .login-box h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #050505;
    margin-bottom: 10px;
}

.bu-login .login-box h6 {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
    margin-bottom: 25px;
}

.bu-login .login-box .form-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
}

.bu-login .login-box .form-control {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
    background: #FFFFFF;
}

.bu-login .login-box .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #747474;
}

.bu-login .login-box .form-control:focus {
    box-shadow: none;
}

.bu-login .login-box .eyes-logic {
    position: absolute;
    top: 55%;
    right: 2%;
    cursor: pointer;
}

.bu-login .login-box .forgot-password {
    margin-top: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    float: right;
    color: #F63F4C;
    text-decoration: none;
}

.bu-login .login-box .login-btn {
    background: #00A0FF;
    border: none;
    border-radius: 44px;
    padding: 11.5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.bu-login .login-box .login-btn:focus {
    box-shadow: none;
}

.bu-login .login-box p {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
}

.bu-login .login-box p a {
    font-weight: 700;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
    text-decoration: none;
}

.bu-login .login-box .danger {
    border-radius: 6px;
    gap: 10px;
    padding-top: 15px;
    padding-right: 16px;
    padding-bottom: 15px;
    padding-left: 16px;
    background: #FFEAF0;
    border: 1px solid #F63F4C;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #F63F4C;
    margin-bottom: 100px;
}

.bu-login .login-box .form-select {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
}

.bu-login .login-box .form-select:focus {
    box-shadow: none;
}

.bu-login .login-box .form-select {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #000000;
}

.bu-login .login-box .logo-upload-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.bu-login .login-box .logo-upload-container .logo-placeholder img {
    width: 65px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}

.bu-login .login-box .logo-upload-container .upload-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #032F9E;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.bu-login .login-box .logo-upload-container input[type="file"] {
    display: none;
}

.bu-login .login-box .niku {
    margin-bottom: 100px;
}



/* bu-dashboard */

.bu-dashboard .ghoku {
    padding: 8px;
    margin-top: 90px !important;
    margin-bottom: 130px !important;
}

.bu-dashboard .stats-box {
    border-radius: 12px;
    gap: 17px;
    padding: 23px;
    background: #FFFFFF;
    height: 100%;
}

.stats-box h4 {
    font-weight: 700;
    font-size: 33px;
    line-height: 39px;
    color: #022E9D;
    margin-bottom: 10px;
}

.stats-box p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0;
}

.bu-dashboard p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.bu-dashboard .ghoku h5 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.bu-dashboard .ghoku h5 span {
    font-weight: 700;
}

.bu-dashboard .challenge-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 14px;
    padding-right: 10px;
    padding-bottom: 14px;
    padding-left: 10px;
}

.bu-dashboard .challenge-img {
    position: relative;
}

.bu-dashboard .challenge-img img {
    width: 100%;
    max-height: 169px;
    object-fit: cover;
    border-radius: 10px;
}

.bu-dashboard .status-badge {
    background: #00A0FF;
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.bu-dashboard .challenge-card .lefty h6 {
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 0;
}

.bu-dashboard .challenge-card .lefty p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 0;
}

.bu-dashboard .challenge-card .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
    float: right;
}

.bu-dashboard .challenge-card .groups {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #E6E6E6;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    width: 100%;
    max-width: 71px;
    margin-top: 10px;
}



/* bu-notifications */

.bu-noti .ghoku {
    padding: 8px;
    margin-top: 85px !important;
    margin-bottom: 130px !important;
}

.bu-noti .noti-detail {
    gap: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 15px;
    padding-right: 16px;
    padding-bottom: 15px;
    padding-left: 16px;
    background: #FFFFFF;
    margin-bottom: 20px;
}

.bu-noti .noti-detail h2 {
    font-family: 'DM Sans';
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #3D4064;
}

.bu-noti .noti-detail p {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #3D4064;
    margin-bottom: 5px;
}

.bu-noti .noti-detail span {
    font-family: 'DM Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #8D8A8A;
}

.bu-noti .noti-detail h2.submi {
    color: #05884F;
}



/* bu-profile */

.bu-profile .ghoku {
    padding: 8px;
    margin-top: 90px !important;
    margin-bottom: 160px !important;
}

.bu-profile .profile-bar {
    border-radius: 12px;
    gap: 17px;
    padding: 23px;
    background: #FFFFFF;
}

.bu-profile .profile-bar h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.bu-profile .logo-upload-container {
    display: flex;
    align-items: center;
    gap: 15px;
}

.bu-profile .logo-upload-container .logo-placeholder img {
    width: 65px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
}

.bu-profile .logo-upload-container .upload-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #032F9E;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.bu-profile .logo-upload-container input[type="file"] {
    display: none;
}

.bu-profile .form-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #050505;
}

.bu-profile .form-control {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
    background: #FFFFFF;
}

.bu-profile .login-btn {
    background: #00A0FF;
    border: none;
    border-radius: 44px;
    padding: 11.5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.bu-profile .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #747474;
}

.bu-profile .form-control:focus {
    box-shadow: none;
}

.bu-profile .login-btn:focus {
    box-shadow: none;
}


.bu-profile .form-select {
    border-radius: 4px;
    border-width: 1px;
    padding: 10px;
    border: 1px solid #B3B3B3;
}

.bu-profile .form-select:focus {
    box-shadow: none;
}

.bu-profile .form-select {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #000000;
}


/* bu-my-challenge */

.bu-my-challenge .ghoku {
    padding: 8px;
    margin-top: 75px !important;
    margin-bottom: 160px !important;
}

.bu-my-challenge .nav-tabs {
    border-bottom: none;
}

.bu-my-challenge .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
    padding: 9px 19px;
}

.bu-my-challenge .nav-tabs .nav-link.active {
    border: 1px solid #00A0FF;
    color: #00A0FF;
}

.bu-my-challenge .mainy h2 {
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    color: #032F9E;
    margin-bottom: 0;
}

.bu-my-challenge .mainy a {
    border-radius: 6px;
    border-width: 1px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    background: #FFFFFF;
    border: 1px solid #032F9E;
    box-shadow: 0px 4px 4px 0px #00000040;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #032F9E;
}

.bu-my-challenge .mainy a span {
    font-weight: 600;
}

.bu-my-challenge .tab-content .group-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.bu-my-challenge .tab-content .group-card img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.bu-my-challenge .tab-content .group-card .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 7px;
}

.bu-my-challenge .tab-content .group-card .appro {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #E7E5FF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #032F9E;
    display: flex;
    width: max-content;
}

.bu-my-challenge .tab-content .group-card .lasku .approve-me {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #747474;
}

.bu-my-challenge .tab-content .group-card a {
    text-decoration: none;
}

.bu-my-challenge .tab-content .group-card .pending {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #EFEFEF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #515151;
    display: flex;
    width: max-content;
}

.bu-my-challenge .tab-content .group-card a img {
    width: 12px;
    height: 12px;
    border-radius: 0%;
}

.bu-my-challenge .tab-content .group-card .declined {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #FF3C3C26;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF3C3C;
    display: flex;
    width: max-content;
    margin-left: inherit;
}

.bu-my-challenge .tab-content .group-card .comple {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #0F70021A;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #0F7002;
    display: flex;
    width: max-content;
    margin-left: inherit;
}

.bu-my-challenge .tab-content .group-card .lasku .reject-ow {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FF3C3C;
    text-align: right;
}

.bu-my-challenge .rejecty .modal-content {
    max-width: 381px;
    border-radius: 30px;
    padding-top: 26px;
    padding-right: 28px;
    padding-bottom: 26px;
    padding-left: 28px;
    background: #FFFFFF;
    align-items: center;
}

.bu-my-challenge .rejecty .modal-content .btn-close {
    opacity: 1;
}

.bu-my-challenge .rejecty .modal-content .btn-close:focus {
    box-shadow: none;
}

.bu-my-challenge .rejecty .modal-content img {
    width: 63px;
    height: 63px;
}

.bu-my-challenge .rejecty .modal-content h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.bu-my-challenge .rejecty .modal-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
}

@media (max-width: 400px) {
    .bu-my-challenge .group-card {
        flex-direction: column;
    }

    .bu-my-challenge .tab-content .group-card img {
        width: 100%;
        height: 120px;
    }

    .bu-my-challenge .tab-content .group-card a img {
        width: 12px;
        height: 12px;
        border-radius: 0%;
    }
}



/* bu-reward-redemption */

.bu-reward-redemption .ghoku {
    padding: 8px;
    margin-top: 85px !important;
    margin-bottom: 160px !important;
}

.bu-reward-redemption .winner-card {
    border-radius: 10px;
    padding-top: 13px;
    padding-right: 12px;
    padding-bottom: 13px;
    padding-left: 12px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
}

.bu-reward-redemption .winner-card h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #050505;
    margin-bottom: 5px;
}

.bu-reward-redemption .winner-card .user-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bu-reward-redemption .winner-card .user-info img {
    width: 23px;
    height: 23px;
    border-radius: 50%;
}

.bu-reward-redemption .winner-card .user-info span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #050505;
}

.bu-reward-redemption .winner-card .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 7px;
    padding-bottom: 6px;
    padding-left: 7px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}

.bu-reward-redemption .winner-card .group-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #032F9E;
    margin-bottom: 5px;
}

.bu-reward-redemption .winner-card .pending {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #EFEFEF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #515151;
    display: flex;
    width: max-content;
    margin-left: inherit;
    text-decoration: none;
}

.bu-reward-redemption .winner-card .redeemed {
    border-radius: 3px;
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    align-items: center;
    background: #E7E5FF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #0066FF;
    display: flex;
    width: max-content;
    margin-left: inherit;
    text-decoration: none;
}


/* bu-single-challenge-details */

.single-detail .nav-tabs {
    border-bottom: none;
}

.single-detail .nav-tabs .nav-link.active {
    border: 1px solid #00A0FF;
    color: #00A0FF;
}

.single-detail .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
    padding: 9px 34px;
}

.single-detail .group-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.single-detail .group-card img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.single-detail .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.single-detail .group-info span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
}

.single-detail .group-card a {
    margin-left: auto;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #032F9E;
    text-decoration: none;
}

.single-detail #members .user-card {
    border-radius: 14px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-detail #members .user-card .user-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.single-detail #members .user-card .user-info img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
}

.single-detail #members .user-card .user-info p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: lowercase;
    color: #000000;
    margin: 0;
}

.single-detail #members .user-card .status-badges {
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
}

.single-detail #members .user-card .accepted {
    color: #032F9E;
}

.single-detail #members .user-card .rejected {
    color: #EE0537;
}


/* bu-group-details */

.bu-group-details .ghoku {
    padding: 8px;
    margin-top: 85px !important;
    margin-bottom: 160px !important;
}

.bu-group-details .detailu-card {
    border-radius: 14px;
    padding: 12px;
    gap: 9px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 20px;
}

.bu-group-details .detailu-card img {
    width: 100%;
    height: 170px;
    border-radius: 10px;
    object-fit: cover;
}

.bu-group-details .detailu-card h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-top: 8px;
    margin-bottom: 0;
}

.bu-group-details .user-card {
    border-radius: 14px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bu-group-details .user-card .user-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bu-group-details .user-card .user-info img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
}

.bu-group-details .user-card .user-info p {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: lowercase;
    color: #000000;
    margin: 0;
}

.bu-group-details .user-card .status-badge {
    padding-top: 6px;
    padding-right: 8px;
    padding-bottom: 6px;
    padding-left: 8px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
}

.bu-group-details .user-card .accepted {
    color: #032F9E;
}

.bu-group-details .user-card .rejected {
    color: #EE0537;
}


/* bu-scan-qr */

.bu-scan-qr .scanner-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url('../images/back-qr.svg') no-repeat center center/cover;
}

.bu-scan-qr .scanner-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000000BF;
    z-index: 1;
}

.bu-scan-qr .scanner-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 250px;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 21px;
    background: #FFFFFF4A;
}

.bu-scan-qr .corner {
    position: absolute;
    width: 35px;
    height: 35px;
    border: 5px solid white;
    z-index: 3;
}

.bu-scan-qr .top-left {
    top: -3px;
    left: -4px;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 21px;
}

.bu-scan-qr .top-right {
    top: -3px;
    right: -4px;
    border-left: none;
    border-bottom: none;
    border-top-right-radius: 21px;
}

.bu-scan-qr .bottom-left {
    bottom: -3px;
    left: -4px;
    border-right: none;
    border-top: none;
    border-bottom-left-radius: 21px;
}

.bu-scan-qr .bottom-right {
    bottom: -3px;
    right: -4px;
    border-left: none;
    border-top: none;
    border-bottom-right-radius: 21px;
}


/* bu-create-challenge */

.bu-create-challenge .ghoku {
    padding: 8px;
    margin-top: 85px !important;
    margin-bottom: 160px !important;
}

.bu-create-challenge .challenge-form {
    background: #FFFFFF;
    border-radius: 12px;
    gap: 17px;
    padding: 23px;
}

.bu-create-challenge .challenge-form h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.bu-create-challenge .challenge-form p {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.bu-create-challenge .upload-box {
    border-radius: 14px;
    padding-top: 25px;
    padding-right: 17px;
    padding-bottom: 25px;
    padding-left: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
}

.bu-create-challenge .upload-box img {
    margin-right: 10px;
}

.bu-create-challenge .upload-box h6 {
    font-weight: 600;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.bu-create-challenge .upload-box p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #747474;
    margin-bottom: 0;
}

.bu-create-challenge .upload-box label {
    cursor: pointer;
    font-weight: 500;
}

.bu-create-challenge .upload-box input[type="file"] {
    display: none;
}

.bu-create-challenge .form-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
}

.bu-create-challenge .form-control,
.form-select {
    border-radius: 4px;
    gap: 10px;
    padding: 10px;
    border-width: 1px;
    border: 1px solid #B3B3B3;
}

.bu-create-challenge .form-control {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.bu-create-challenge .form-select {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

.bu-create-challenge .form-control,
.form-select:focus {
    box-shadow: none;
    border-color: #B3B3B3;
}

.bu-create-challenge .form-control::placeholder {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #BCBCBC;
}

.bu-create-challenge .btn-submit {
    width: 100%;
    border-radius: 44px;
    padding: 11px;
    background: #00A0FF;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.bu-create-challenge .btn-submit:focus {
    box-shadow: none;
}

.bu-create-challenge input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

.bu-create-challenge .custom-calendar-icon {
    position: absolute;
    right: 15px;
    bottom: 10px;
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.bu-create-challenge .custom-date-input {
    padding-right: 20px;
}

.bu-create-challenge .fitbucks-input {
    padding-right: 40px;
}

.bu-create-challenge .fitbucks-icon {
    position: absolute;
    right: 15px;
    top: 45px;
    pointer-events: none;
}


.bu-create-challenge .image-preview {
    position: relative;
    width: 100%;
    height: 162px;
    border-radius: 12px;
    overflow: hidden;
}

.bu-create-challenge .image-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.bu-create-challenge .delete-icon {
    position: absolute;
    left: 10px;
    bottom: 8px;
    background: white;
    border-radius: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.bu-create-challenge .delete-icon img {
    width: 40px;
    height: 40px;
}


/* bu-submission-detail */

.bu-submission-detail .ghoku {
    padding: 8px;
    margin-top: 85px !important;
    margin-bottom: 110px !important;
}

.bu-submission-detail .butus {
    padding: 20px;
    position: fixed;
    bottom: -2%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    max-width: 576px;
    z-index: 1030;
}

@media (min-width: 578px) and (max-width: 767.98px) {
    .bu-submission-detail .butus {
        max-width: 540px;
    }
}

.bu-submission-detail .challenge-card {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
}

.bu-submission-detail .challenge-img {
    width: 107px;
    height: 78px;
    object-fit: cover;
    border-radius: 10px;
}

.bu-submission-detail .challenge-card .group-info h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 5px;
}

.bu-submission-detail .challenge-card .group-info p {
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    color: #747474;
    margin-bottom: 0;
}

.bu-submission-detail .challenge-card .coin {
    border-radius: 19px;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #032F9E;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
}

.bu-submission-detail .sofia {
    border-radius: 14px;
    gap: 10px;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
    margin-bottom: 15px;
}

.bu-submission-detail .sofia img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.bu-submission-detail .sofia h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #050505;
    margin-bottom: 5px;
}

.bu-submission-detail .sofia p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #050505;
    margin-bottom: 0;
    border-bottom: none;
}

.bu-submission-detail .sofia .date-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #747474;
}

.bu-submission-detail .sofia .date {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    color: #000000;
}

.bu-submission-detail .be {
    border-radius: 7px;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20.8px 0px #00000024;
}

.bu-submission-detail .be h4 {
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 0;
}

.bu-submission-detail .be .appro-date {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #0080C0;
}

.bu-submission-detail .be .reject-date {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #FF2524;
    cursor: pointer;
}

.bu-submission-detail .sub-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.bu-submission-detail .chalen-note {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #00A0FF;
    margin-bottom: 5px;
}

.bu-submission-detail .chalen-des {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.bu-submission-detail .btn-request {
    border-radius: 4px;
    gap: 10px;
    padding: 10px;
    border-width: 1px;
    background: #FFE8FA;
    border: 1px solid #9F5F91;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #9F5F91;
}

.bu-submission-detail .btn-request:focus {
    box-shadow: none;
}

.bu-submission-detail .btn-reject {
    border-radius: 30px;
    padding: 10px;
    border-width: 1px;
    background: #FFFFFF;
    border: 1px solid #F63F4C;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #F63F4C;
}

.bu-submission-detail .btn-approve {
    border-radius: 30px;
    gap: 10px;
    padding: 10px;
    background: #5DAF00;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.bu-submission-detail .btn-approve,
.btn-reject:focus {
    box-shadow: none;
}

.bu-submission-detail .media-img {
    width: 100%;
    height: 121px;
    object-fit: cover;
    border-radius: 10px;
}

.bu-submission-detail video {
    width: 100%;
    height: 188px;
    border-radius: 10px;
    object-fit: cover;
}

.bu-submission-detail button:focus {
    box-shadow: none;
}

.bu-submission-detail .rejecty .modal-content {
    max-width: 381px;
    border-radius: 30px;
    padding-top: 26px;
    padding-right: 28px;
    padding-bottom: 26px;
    padding-left: 28px;
    background: #FFFFFF;
    align-items: center;
}

.bu-submission-detail .rejecty .modal-content .btn-close {
    opacity: 1;
}

.bu-submission-detail .rejecty .modal-content img {
    width: 63px;
    height: 63px;
}

.bu-submission-detail .rejecty .modal-content h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.bu-submission-detail .rejecty .modal-content p {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
}


.bu-submission-detail .rejectys .modal-content {
    max-width: 381px;
    border-radius: 30px;
    padding-top: 26px;
    padding-right: 28px;
    padding-bottom: 26px;
    padding-left: 28px;
    background: #FFFFFF;
}

.bu-submission-detail .rejectys h6 {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 10px;
}

.bu-submission-detail .rejectys .modal-content .btn-close {
    opacity: 1;
    padding-bottom: 0px;
}

.bu-submission-detail .rejectys .form-control::placeholder {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #BCBCBC;
}

.bu-submission-detail .rejectys .form-control {
    border: 1px solid #B3B3B3;
}

.bu-submission-detail .rejectys .form-control:focus {
    box-shadow: none;
    border-color: #B3B3B3;
}

.bu-submission-detail .rejectys .exit {
    border-radius: 30px;
    gap: 10px;
    padding: 10px;
    background: #00A0FF;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.bu-submission-detail .be .pending-date {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #B29F15;
}



/* bu-analytics-insights */

.bu-analytics-insights .ghoku {
    padding: 8px;
    margin-top: 85px !important;
    margin-bottom: 110px !important;
}

.bu-analytics-insights h5 {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 0;
}

.bu-analytics-insights h6{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #032F9E;
}

.bu-analytics-insights p{
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #959595;
}

.bu-analytics-insights .filter-btn {
    border-radius: 5px;
    padding-top: 11px;
    padding-right: 12px;
    padding-bottom: 11px;
    padding-left: 12px;
    gap: 7px;
    box-shadow: 0px 4px 4px 0px #00000014 !important;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #141B34;
    float: right;
}

.bu-analytics-insights .nav-tabs {
    border-bottom: none;
}

.bu-analytics-insights .nav-tabs .nav-link.active {
    border: 1px solid #00A0FF;
    color: #00A0FF;
}

.bu-analytics-insights .nav-tabs .nav-link {
    margin-bottom: 0px;
}

.bu-analytics-insights .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #A7A7A7;
    padding: 9px;
}

.bu-analytics-insights .cardus {
    border-radius: 7.16px;
    background: #FFFFFF;
    box-shadow: 0px 4px 7.8px 0px #0000001F;
    padding: 20px;
}

.bu-analytics-insights .filter-radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bu-analytics-insights .filter-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #B9B9B9;
    border-radius: 4px;
    border-width: 1px;
    padding-top: 13px;
    padding-right: 10px;
    padding-bottom: 13px;
    padding-left: 10px;
    cursor: pointer;
}