@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    --primary-color:#000;
    --secondary-color:#FF9933;
    --white-color:#fff;
}

html { overflow-x: hidden; }
* { -webkit-box-sizing: border-box; box-sizing: border-box }
.main_body{ font-family: "Inter", sans-serif;background-color:var(--primary-color);font-size:20px;line-height:30px;font-weight:400;letter-spacing:.5px;color:var(--white-color);}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.875rem;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5); margin:  0 auto;}
.page-center { width: 100%; max-width: 1920px; display: block; padding: 0 144px; margin:0 auto; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:normal;font-weight:500;color:var(--dark-color);margin-top:0;margin-bottom: 0;}
p{margin-bottom: 0;}
a{-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
img{max-width:100%;height: auto;}
h1,.h1{
    font-size:70px;
    line-height:100%;
    font-weight:400;
    letter-spacing: 0.015em;
    font-family: "Bebas Neue", sans-serif;
}
h2,.h2{
    font-size:64px;
    line-height:100%;
    font-weight:400;
    letter-spacing: 0.015em;
    font-family: "Bebas Neue", sans-serif;
}
h3,.h3{
    font-size:32px;
    line-height:130%;
    font-weight:400;
    font-family: "Inter", sans-serif;
}
h4,.h4{
    font-size:24px;
    line-height:150%;
    font-weight:600;
    letter-spacing: 0.015em;
    font-family: "Inter", sans-serif;
}
h6,.h6{
    font-size:18px;
    line-height:150%;
    font-weight:400;
    letter-spacing: 0.015em;
    font-family: "Inter", sans-serif;
}
.common_section{padding:130px 0 0 0;}

/* ========== header ========== */
.navbar-toggler {display: none;z-index: 99;}
.navbar-toggler .line {width: 25px;height: 1.5px;background-color: var(--secondary-color);display: block;margin: 5px 0;-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navbar-collapse {flex-basis: initial!important;flex-grow: 0!important;}
.navbar-toggler .line:nth-child(2) {width: 15px;}
.navbar-toggler:hover {cursor: pointer;}
.navbar-toggler[aria-expanded="true"] .line {background-color: var(--secondary-color);}
.navbar-toggler[aria-expanded="true"] .line:nth-child(2){opacity: 0;}
.navbar-toggler[aria-expanded="true"] .line:nth-child(1){-webkit-transform: translateY(6.5px) rotate(45deg);-ms-transform: translateY(6.5px) rotate(45deg);
    -o-transform: translateY(6.5px) rotate(45deg);transform: translateY(6.5px) rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .line:nth-child(3){-webkit-transform: translateY(-6.5px) rotate(-45deg);-ms-transform: translateY(-6.5px) rotate(-45deg);
    -o-transform: translateY(-6.5px) rotate(-45deg);transform: translateY(-6.5px) rotate(-45deg);}
.sticky {position: fixed!important;top: 0;width: 100%;animation: smoothScroll 1s forwards;background-color: rgb(0, 0, 0)}
@keyframes smoothScroll {
    0% {
        transform: translateY(-60px);
    }
    100% {
        transform: translateY(0px);
    }
}

#navbar {padding-top: 18px;z-index: 99;position: relative;}
#navbar.sticky{padding-top:0;}
ul.navbar-nav{gap:40px;}
.navbar-light .navbar-nav .nav-link{position:relative;}
.navbar-light .navbar-nav .nav-link {font-size: 18px;color:var(--white-color);font-weight: 400;line-height:26px;}
.navbar-light .navbar-nav .nav-link:hover{color:var(--secondary-color);transition:  1s;}
.primary-btn{padding: 11px 14px;background-color:var(--secondary-color);color: #fff;font-size: 24px;font-weight: 400;line-height: 32px;font-family: "Bebas Neue", sans-serif;letter-spacing: 0.03em;transition: all 0.3s ease-in-out;}
.primary-btn:hover{background-color:var(--white-color);color:var(--secondary-color)}
.desktop_logo{display: none;}
/* ========== end-header ========== */

/* ========== banner ========== */
section.banner-section {padding-top: 80px;}
p.banner-paragraph{font-size: 24px;padding: 24px 0 64px 0;line-height: 150%;font-weight: 400;}
.banner-button{display: flex;align-items: center;gap: 20px;}
.banner-image img{margin-left: auto;display: block;}
/* ========== end-banner ========== */

/* ==========why-choose ============ */
.how_work_section p.h6{padding-top:26px;}
.why-choose{margin-bottom: 60px;}
.why-choose-image{position: relative;}
.choose_img_two{position: absolute;top: 10%;left: 10%;}
.why-choose-content p.h4{padding: 24px 0 8px 0;}
.work_card{background-color: #202020;padding:19px;min-height: 182px;height: 100%;}
.work_card p{font-size: 16px;line-height: 150%;padding-top: 10px;}
.row-gap-24{row-gap:24px;}
.why-choose-title .schwa {
    font-size: 1.3em;
    vertical-align: baseline;
    display: inline-block;
}
/* =========== end-why-choose ========== */

/* ========== faq ========== */
.faq_content .accordion-item{background-color: #000;border:none;  border-bottom: 1px solid #D0D0D0;padding: 32px 0;}
.faq_content .accordion-item h2{color:#FFFFFF;font-size:24px;line-height:150%;font-weight:600;font-family: "Inter", sans-serif;}
.faq_content .accordion-item .accordion-button{color:#FFFFFF;font-size:24px;line-height:150%;font-weight:600;font-family: "Inter", sans-serif;background-color: #000;padding:0;}
.faq_content .accordion-item:first-of-type{border-top: 1px solid #D0D0D0;}
.faq_content .accordion-button::after{background-image: none;content: '+';color:#fff;width: auto;height: auto;}
.faq_content .accordion-button:not(.collapsed)::after{content: '-';color:#fff; transform: none;}
.faq_content .accordion-button:focus{box-shadow: none;border-color:transparent}
.faq_content .accordion-body {padding: 10px 0 0 0;}
/* ========== end-faq ========== */

/* ========= download-app ========= */
.background_banner{background-color: var(--secondary-color);    padding: 40px 40px 0 40px;}
.download_app_content{padding: 40px 0 0 0;}
.download_app_content p.h4{padding: 20px 0 64px 0;}
.download_app_img img{margin-left: auto;display: block;}
.download_app{margin-bottom: 190px;}
/* ========= end-download-app ========= */

/* =======why_other_say ======= */
.slider_card{background-color: #202020;padding: 24px 24px 32px 24px;display: flex;gap: 24px;}
.slider_right_card .star{ display: flex;gap: 3px;align-items: center;}
.slider_whay_say .swiper-slide{width:100%!important;}
.slider_left_card h4{padding: 24px 0 0 0;}
.slider_left_card p{font-size: 16px;line-height: 150%;}
.slider_right_card{    max-width: calc(100% - 230px);}
.slider_right_card p{padding: 24px 0 0 0;}
/* ======= end-why_other_say ======= */

/* ======= footer ======= */
.footer_main{ background-image: url(../images/footer_bg.png);}
.footer{background-color: #202020;}
.footer_bottom{display:flex;justify-content: space-between;}
.footer_left p.h4{font-weight: 400;margin-bottom: 35px;margin-top: 15px;}
.footer_links{padding: 0;display: flex;gap: 32px;margin:0;}
.footer_links a{color: #737372;text-decoration: none;font-size:14px;}
.footer_links a:hover{color:var(--white-color)}
.footer_links li{list-style-type: none;}
.social_links{padding: 0;margin: 0;display: flex;gap: 8px;}
.social_links li{list-style-type: none;}
.footer_bottom p{font-weight: 400;font-size: 14px;line-height: 180%;letter-spacing: -0.01em;text-transform: uppercase;color: #737372;}
.footer_left{ margin-top: -28px;}
.form_footer{margin-top: -65px;position:relative;}
.form_footer::before{content:'';background-image: url(../images/footer_left_vector.png);
    width: 67px;height: 63px;display: block;position: absolute;left: -51px;top: 25px;z-index: 0;}
.form_footer::after{content:'';background-image: url(../images/footer_right_vector.png);    width: 67px;
    height: 63px;
    display: block;
    position: absolute;
    right: -51px;
    top: 25px;
    z-index: 0;}
.form_footer form{background-color: #FFFFFF;
    padding: 40px 32px;
    border-radius: 8px;
    outline: 8px solid #212121;
    z-index: 1;
    position: relative;}
.form_footer form .form-control{background-color: #21212114;
    border-radius: 8px;
    border: none;
    color: #212121;
    font-size: 20px;
    font-weight: 400;
    padding: 18px;
    margin-bottom: 24px;}
.submit-message-btn button{display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background-color: #FF9933;
    border: none;
    font-size: 18px;
    border-radius: 8px;
    font-weight: 700;
    padding: 14px 0;}
.submit-message-btn button:hover{}
.footer_logo address{font-weight: 400;font-size: 16px;line-height: 140%;letter-spacing: -0.02em;color: rgba(255, 255, 255, 0.9);margin: 0;}
.navbar-nav_footer{display: flex;padding: 0;margin: 0;gap: 48px;}
.navbar-nav_footer  li.nav-item {list-style-type: none;}
.navbar-nav_footer  li.nav-item a{    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding:0;}
.navbar-nav_footer  li.nav-item a:hover{color:var(--secondary-color)}
.footer_top{padding-bottom: 64px;}
.footer_bottom{    background-image: url(../images/footer_gradiant_vector.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 24px 40px; }
/* ======= end-footer ======= */

/* ==================login-page================== */
body {
    background-color: #111;
}

.login-wrapper {
    background-color: #1A1A1A;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    border: 1px solid #282828;
}

.login_col_left {
    padding: 44px;
}

.login-left {
    background:  url(../images/login_img.png)  no-repeat center center;
    background-size: cover;
    position: relative;
    display: block;
    height: 100%;
    border-radius: 12px;
    min-height: 568px;
}

.login-logo {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: black;
    padding: 10px 20px;
    border-radius: 10px;
}

.login-right {
    background-color: #1F1F1F;
    padding: 38px 48px;
    color: white;
}

.form-control {
    background-color: #2b2b2b;
    border: none;
    color: white;
}

.form-control::placeholder {
    color: #aaa;
}

.btn-primary {
    background-color: #ff9416;
    border-color: #ff9416;
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    font-family: "Public Sans", sans-serif;
    padding: 10px 10px;
}

.btn-primary:hover {
    background-color: #e07f10;
    border-color: #e07f10;
}

.form-check-input:checked {
    background-color: #1F1F1F;
    border-color: #ff9416;
}
.login_right_text h4{color:#FFFFFF;font-size:28px;line-height:100%;font-weight:400;font-family: "Public Sans", sans-serif;margin-bottom:30px;}
.login-form label ,.forgot_password_button{font-family: "Public Sans", sans-serif;    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;}
.login-form .form-control{    background-color: #353535;
    border: none;
    color: white;font-family: "Public Sans", sans-serif; border-radius:8px;}
.login-form .forgot_password  label{
    font-weight: 400;
    margin-bottom: 0;
}
a.forgot_password_button{
    margin-bottom:0;
    font-weight: 400;
}
.form-check-input:checked[type=checkbox]{
    background:  url(../images/check-square.png);
    background-size: cover;
}
/* ==================end-login-page=================== */
/* =================dashboard=================== */
/* ===sidebar=== */
#layout-wrapper{
    background-color:#000000;
    padding:20px;
}
.navbar-menu{
    background: #151515;
    border-radius: 12px;
    top: 20px;
    bottom: 44px;
    width: 260px;
    z-index:1;
}
.simplebar-content li{    padding: 5px 23px;}
.simplebar-content li a span{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    font-family: "Public Sans", sans-serif;
}
.simplebar-content .navbar-nav .nav-link {
    gap:10px;
    padding: 13px 13px;
}
.navbar-brand-box{padding: 20px 0 25px 0;}
/* ===end-sidebar=== */
/* =====header==== */
#page-topbar{
    background-color:#000;
    border:none;
    right: 20px;
    padding-top: 20px;
}
.navbar-header{
    padding:0;
    margin-right: 15px;
    height:auto;
    /* background: #151515; */
}
.navbar-header h3{
    color:#fff;
    font-weight: 800;
    font-family: "Public Sans", sans-serif;
    font-size:30px;
}
.header-profile-user {
    height: 40px;
    width: 40px;
}
.navbar-header .user-name-text{
    color:#FFFFFF;
    font-family: "Public Sans", sans-serif;
    font-size:14px;
    font-weight: 400;
    line-height: 100%;
}
.profile_content p{
    color:#FFFFFF80;
    font-family: "Public Sans", sans-serif;
    font-size:12px;
    font-weight: 400;
    line-height: 100%;
}
#page-header-user-dropdown{
    padding: 9px 16px;
}
/* ====end-header==== */
/* ====content==== */
.page-content {
    padding: 90px 0px 0 15px;
}
.card_main{
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: #151515;
    padding: 32px;
    border-radius: 12px;
}
.card_img{
    background-color: #FF9933;
    border-radius: 50%;
    width: 68px;
    height: 68px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.card_content h4{
    line-height: 100%;
    font-size: 36px;
}
.card_content p{
    color: #888888;
    font-size: 16px;
    font-weight: 400;
}
.card{
    margin-bottom: 20px;
    background-color: #151515;
}
.card-header {
    background-color: #151515;
    border-bottom: 1px solid #444444;
    padding: 20px 20px;
    flex-wrap: wrap;
}
/* .left_card_form {
  width:100%;
} */
.card-title {
    font-size: 20px;
    color: #EEE6C5;
    font-weight: 600;
    margin: 0;
    font-family: "Public Sans", sans-serif;
    line-height:100%;
}
.btn-soft-info{
    background-color: transparent;
    padding:0;
    color:#FFFFFF;
    font-size:14px;
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
}
.table-card{
    padding: 16px 12px;
}
.table{border:transparent;}
.table>thead tr th:first-child{
    border-radius: 8px 0 0 8px;
}
.table>thead tr th:last-child{
    border-radius: 0 8px 8px 0;
}
.table>thead tr{
    border:none;
}
.table th {
    color: #888888;
    font-size: 14px;
    font-weight: 500;
}
.table tr{
    border-bottom: 1px solid #292929;
}
.table tr:last-child{
    border-bottom: none;
}
.table_secondary{
    color:var(--secondary-color);
    font-size:20px;
    font-weight:500;
    line-height:100%;
    font-family: "Public Sans", sans-serif;
}
.avatar-sm {
    width: 40px;
    height: 40px;
    border: 1px solid #EEE6C5;
    border-radius: 50%;
}
.table tr td{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    padding: 15px .6rem;
}
.text-reset{
    font-size:16px;
    font-weight:500;
    font-family: "Public Sans", sans-serif;
}
.small_text{
    color:#888888;
    font-size: 14px;
    font-weight: 300;
    font-family: "Public Sans", sans-serif;
}
.btn-soft-secondary{
    color:#FF9933;
    background-color: #292929;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Public Sans", sans-serif;
}
.btn-soft-secondary:hover ,.btn-soft-secondary:focus{
    color:#000000;
    background-color: #FF9933;
}
.card_overview{
    background-color:#292929;
}
.border_card_dashed{
    border-right:1px dashed #888888;
    padding: 20px 0;
}
.border_card_dashed h5{
    color: #EEE6C5;
    font-size: 20px;
    line-height: 100%;
    font-weight: 600;
    font-family: "Public Sans", sans-serif;
}
.border_card_dashed p{
    color:#888888;
    font-size:14px;
    font-weight:400;
    line-height:100%;
    font-family: "Public Sans", sans-serif;
}
.card_music{
    border: 1px solid #282828;
    box-shadow: 0px 4px 10px 0px #00000026;
    background: linear-gradient(180deg, #1F1F1F 0%, #111111 100%);
    padding: 20px 10px;
    border-radius: 12px;
    text-align:center;
    position:relative;
}
.card_music_img{
    border: 1px solid #FF99334D;
    background-color: #FF99331A;
    width: 64px;
    border-radius: 50%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.card_music p{
    color:#FFFFFF;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    font-family: "Public Sans", sans-serif;
    padding: 16px 0 4px 0;
}
.small_text_music{
    color:#888888;
    font-size: 14px;
    font-weight: 400;
    font-family: "Public Sans", sans-serif;
}
.task-progress{
    margin:20px 0 8px 0;
}
.progress1::-webkit-progress-value {
    background: #FF9933;
}
.progress::-webkit-progress-bar {
    background-color: #444444;
}

.progress::-webkit-progress-bar,
.progress::-webkit-progress-value {
    border-radius: 40px;
}
.progress {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    height: 8px;
}
.complete_task{
    color: #888888;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
}
.card_music_img_desable{
    background-color: #EEE6C5;
    width: 64px;
    border-radius: 50%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:1;
}
.overlay_desable{
    position:relative;
}
.overlay_desable::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: #333333;
    opacity: 81%;
}
.overlay_desable .card_music_img_desable{
    display:flex;
}
.card_music_img_desable{
    display:none;;
}
.dash-filter-picker{
    background-color: #292929;
    border-radius: 4px 0px 0px 4px;
    font-size: 12px;
    font-weight: 500;
}
.dash-filter-picker .input-group-text{
    border-radius: 4px;
}
html{
    background-color:#000;
}
.search-button {
    background-color: #222222;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
#topnav-hamburger-icon{
    background-color: #222222;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -11%;
    top: 36px;
}
#topnav-hamburger-icon:has(.hamburger-icon.open){
    position: relative;
    left: 0;
    top: 0;
}
#topnav-hamburger-icon span.hamburger-icon.open span{
    width: 20px;
    height: 1.5px;
    background-color: #FFFFFF;
    display: block;
    margin: 5px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: unset;
}
#topnav-hamburger-icon .hamburger-icon.open span:nth-child(2){
    transform: rotate(0deg);
}
#topnav-hamburger-icon span.hamburger-icon.open span:nth-child(2){
    width: 10px;
    opacity:1;
}
.hamburger-icon.open {
    width: 0;
    height: 0;
    position: relative;
    cursor: pointer;
    display: block;
    top: -13px;
    left: -8px;
}

/* #topnav-hamburger-icon span.hamburger-icon span:nth-child(2) {
  opacity: 1;
} */
/* .hamburger-icon {
  transform: none;
  top: -18px;
  left: -9px;
} */
:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu{
    width:300px;
}
.hamburger-icon.open{
    transform: none;
}
#topnav-hamburger-icon span.hamburger-icon.open span:nth-child(1){
    top: -1px;
    transform: rotate(59deg);
    transition-delay: .15s;
    position: relative;
}
#topnav-hamburger-icon span.hamburger-icon.open span:nth-child(3) {
    left: 1px;
    top: 1px;
    transform: rotate(-50deg);
    transition-delay: .1s;
    position: relative;
}
#topnav-hamburger-icon span.hamburger-icon span:nth-child(1) {
    top: 13px;
    transform: rotate(0deg)!important;
    transition-delay: .15s;
    position: relative;
}
#topnav-hamburger-icon span.hamburger-icon span:nth-child(3) {
    left: 9px;
    top: 13px;
    transform: rotate(0deg)!important;
    transition-delay: .1s;
}
#topnav-hamburger-icon span.hamburger-icon span:nth-child(2) {
    left: 9px;
    top: 13px;
    transform: rotate(0deg) !important;
    transition-delay: .1s;
}
.hamburger-icon span{
    width:20px;
}
.hamburger-icon span:nth-child(3){
    width:20px;
}
.hamburger-icon.open .opacity_open{
    opacity:1;
}
.hamburger-icon .opacity_open{
    opacity:0;
}
#topnav-hamburger-icon .hamburger-icon:not(.open) span:nth-child(3) {
    transform: rotate(50deg) !important;
    bottom: -1px;
    left: -1px;
    top: -1px;
}
#topnav-hamburger-icon .hamburger-icon:not(.open) span:nth-child(2) {
    transform: rotate(-50deg) !important;
    bottom: -1px;
    left: -2px;
    top: 0px;
}
#topnav-hamburger-icon:has(.hamburger-icon:not(.open)){
    background-color: #151515;
}
:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu:hover {
    width: 0 !important;
}
.log_out_scroll{
    position: absolute;
    bottom: 100px;
}
.simplebar-content li a.nav_logout span{
    color:#FFFFFF80;
}
.nav-link.menu-link.active{
    background-color: #FF9933;
    border-radius: 4px;
}
.nav-link.menu-link.active img{
    filter: brightness(0) saturate(100%);
}
.nav-link.menu-link.active span{
    color:#000;
}
.simplebar-content .navbar-nav .nav-link.active{
    padding: 13px 27px;
}
/* ====end-content==== */
/* ===== Challenges-listing ===== */
.card_music_grid{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
}
ul.tabs-nav{
    margin: 0;
    padding: 0;
    display: flex;
    gap: 14px;
    border-radius: 4px;
    flex-wrap: wrap;
}
ul.tabs-nav li{
    border: 1px solid #2929294D;
    list-style-type: none;
    box-shadow: 0px 4px 10px 0px #00000026;
    padding: 8px 32px;
    background-color: #292929;
    border-radius: 4px;
}
ul.tabs-nav li.active{
    border:1px solid #FF9933CC;
}
ul.tabs-nav li.active a{
    color: #fff;
}
ul.tabs-nav li a{
    color: #888888;
}
.main_content{
    background-color:#151515;
    border-radius: 12px;
}
.main_content .page-title-box{
    margin:0;
    padding: 20px;
    border-bottom: 1px solid #292929;
}
.page-title-box h4{
    font-size:20px!important;
}
.main_content .left_card_form{
    padding:20px;
    flex-wrap: wrap;
}
.tabs-stage{
    padding: 0 20px 20px 20px;
}
/* =======end-challenges-listing====== */
/* ========== leaderboard-listing ========== */
.table_leaderboard{padding: 20px;overflow-y: auto;}
.table_leaderboard table{width: 100%;}
.table_leaderboard table tr:first-child{background-color: #292929;}
.table_leaderboard table tr th{white-space: nowrap;color: #888888;font-size: 14px;font-weight: 500;padding: 13px 30px}
.table_leaderboard table tr td{padding: 20px 30px;}
.table_leaderboard table tr td {color:#FFFFFF;font-size:14px;font-weight:500;white-space: nowrap;}
.table_leaderboard table tr td:first-child a{color: #FF9933;font-size: 20px;}
.table_leaderboard table tr{border-bottom: 1px solid #292929;}
.table_leaderboard table tr:first-child{border:none}
.button_profile{background-color: #FF9933;border-radius: 4px;font-size: 13px;line-height: 22px;font-weight: 400;padding: 7px 6px;}
.custom-search {width: 100%;display: flex;align-items: center;border-radius: 4px;overflow: hidden;background: #292929;margin: 10px;}
.search-input {flex: 1;border: none;outline: none;font-size: 16px;background: #292929;}
.search-button_one {background-color: #292929;color: white;border: none;padding:7px;cursor: pointer;font-size: 16px;transition: background 0.3s;}
.main_search{width: calc(100% - 180px);}
/* ============= end-leaderboard-listing ============= */
/* ============== modal-pop-ups ============== */
.modal_challenge .modal-content{
    background-color: #1F1F1F;
    background-clip: padding-box;
    border: 1px solid #282828;
    border-radius: 12px;
    outline: 0;
    box-shadow: 0px 4px 10px 0px #00000026;
}
.modal_challenge .modal-header{
    padding: 12px;
}
.modal_challenge .modal-body{
    text-align: center;
    padding:0 40px 40px;
}
.modal_challenge .modal-body p{
    padding:30px 0 6px 0;
}
.modal-body .small_text_music {
    max-width: 353px;
    margin: 0 auto;
    display: block;
    font-size:18px;
}
.modal_challenge .modal-body .task-progress{
    max-width: 155px;
    margin: 20px auto 8px auto;
}
.modal_challenge .modal-body .button_profile{
    width: 100%;
    color: black;
    margin-top: 30px;
    font-weight:600;
}
.modal_challenge .modal-body .button_profile img{
    filter: brightness(0) saturate(100%)
}
/* ============== end-modal-pop-ups ============== */
/* =================end-dashboard=================== */



.privacy-heading{
    background-color: #FF9933;
    text-align: center;
    padding: 26px;
    margin: 25px 0 50px 0;
}
.privacy-heading h1{
    font-weight: 800;
    font-size: 29.9098px;
    line-height: 36px;
    color: #FFFFFF;
    font-family: 'Inter';
    font-style: normal;
}
.privacy-content{
    background: #131313;
    padding: 40px 42px;
    margin-bottom: 100px;
}
.policy-wrap{
    margin-bottom: 25px;
}
.policy-wrap:last-child{
    margin-bottom: 0;
}
.policy-wrap h2{
    font-family: "Bebas Neue", sans-serif;
    font-size: 28px;
    line-height: normal;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px;
}
.policy-wrap h3{
    font-family: "Bebas Neue", sans-serif;
    font-size: 21px;
    line-height: normal;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 5px 0;
}
.policy-wrap p, .policy-wrap ul li{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #ffffff;
    font-family: "Inter", sans-serif;
}
.policy-wrap ul li {
    margin-bottom: 10px;
}
.policy-wrap ul li strong{
    font-weight: 600;
    font-size: 18px;
}
.policy-wrap .policy-steps {
    margin-bottom: 20px;
}
.policy-wrap p a{
    color: #ffffff;
    font-weight: 700;
}
.policy-wrap p a:hover, .policy-wrap p a:focus{
    color: var(--secondary-color);
}

.informational-page footer .footer_bottom {
    background-image: none;
}

.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.faq-sticky{
    position: sticky;
    top: 80px;
}