.tab{padding:6px 16px;border-radius:25.4px;font-size:12px;font-weight:500;background:var(--card-color);color:var(--heading-color)}.tab.active{background:var(--primary-color);color:#fcfcfd;border:0!important;padding:7px 17px}.input{height:44px}.input,.text-area{padding:10px 14px;border-radius:8px;background:var(--background-color);border:1px solid var(--border-color);outline:0;font-size:16px;font-weight:400;line-height:24px;color:var(--text-color);width:100%}.select-container{position:relative;display:inline-flex;align-items:center}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:44px;padding:10px 40px 10px 14px;border-radius:8px;background:var(--background-color);border:1px solid var(--border-color);outline:0;font-size:16px;font-weight:400;line-height:24px;width:100%}.select,.select-icon{color:var(--text-color)}.select-icon{position:absolute;right:15px;pointer-events:none}.label{font-size:14px;font-weight:500;line-height:20px;color:var(--label-color)}.dropzone{border:2px dashed var(--border-color);border-radius:20px;text-align:center;cursor:pointer;height:229px}.dropzone .label{font-size:14px;font-weight:600;color:var(--blue-color);margin-bottom:0}.lg-heading{font-size:20px;font-weight:500;line-height:30px;color:var(--heading-color);margin-bottom:0}.btn-submit{height:45px;padding:10px 18px;border-radius:100px;background:var(--blue-color);font-size:16px;font-weight:600;color:var(--white-color);border:0}.btn-submit:hover{background:var(--darkblue-color)}.btn-back{height:42px;padding:0 10px;border-radius:41px;background:var(--background-color);border:0;color:var(--heading-color)}.btn-back,.btn-help{font-size:20px;font-weight:500}.btn-help{height:100%;padding:0 20px;color:var(--primary-color);border-radius:53px;background:var(--card-color);border:1px solid var(--card-color);white-space:nowrap}.btn-filter,.btn-sort{font-size:14px;font-weight:400;color:var(--text-color)}@media screen and (max-width:576px){.show-video{border-radius:0!important}}hr{color:var(--border-color);margin-bottom:0;opacity:1}.custom-card{display:flex;padding:3px;margin-top:10px}.status-icon{margin-right:10px}.card-content{flex:1 1}.rounded-circle{width:24px;height:24px;border-radius:800px;margin-right:15px}.card-title{font-size:15px;font-weight:300;color:#1C1C1C;margin:0}.card-description,.card-time{font-size:12px;color:#00000066;margin-top:4px}.card-time{margin-left:auto}.text-green-500{color:#22c55e}.text-yellow-500{color:#fbbf24}.text-red-500{color:#ef4444}.text-purple-500{color:#a855f7}.check-input{accent-color:var(--primary-color);background-color:var(--card-color)}.input-icon{padding:10px 14px;border-radius:8px;background:var(--card-color);height:44px;color:var(--text-color)}.input-icon input{width:100%;background:transparent;border:0;outline:0;font-size:16px;font-weight:400;color:var(--text-color)}.input-icon input::placeholder{color:var(--text-color)}.cardimage{background:var(--primary-color);min-height:100vh;width:40%;display:flex;justify-content:center;align-items:center}.cardimage .custom-card{width:80%;height:-moz-fit-content;height:fit-content;margin:0 auto;padding:40px;border-radius:20px;background:var(--background-color)}.cardimage .text-md{font-size:36px;font-weight:700;letter-spacing:-.02em;color:var(--primary-color);line-height:44px}.cardimage .text-sm{font-size:16px;font-weight:400;color:var(--heading-color);line-height:24px}.cardimage .image{margin:0 auto;width:100%;height:auto}@media screen and (min-width:1400px){.cardimage{width:600px}.cardimage .custom-card{width:480px}}@media screen and (max-width:1200px){.cardimage .custom-card{padding:30px}.cardimage .text-md{font-size:30px;line-height:30px}.cardimage .text-sm{font-size:14px;line-height:20px}}@media screen and (max-width:992px){.cardimage .custom-card{padding:20px;width:85%}.cardimage .text-md{font-size:24px;line-height:34px}.cardimage .text-sm{font-size:12px;line-height:16px}}@media screen and (max-width:767px){.cardimage{display:none}}@media screen and (max-width:576px){.cardimage .custom-card{padding:10px 20px}}.c-card{background:var(--card-color);border-radius:40px}@media screen and (max-width:576px){.c-card{background:none;border-radius:0}}.white-card{background:var(--background-color);padding:10px;border-radius:10px}.searchbar{width:100%;position:relative}.searchbar .input-container{padding:10px 20px;background:var(--card-color);height:53px;border-radius:53px}.searchbar input{font-size:20px;font-weight:500;color:var(--text-color);background:transparent;border:0;outline:0;width:100%}.searchbar input::placeholder{color:var(--text-color)}@media screen and (max-width:576px){.searchbar .input-container{padding:0 8px;height:40px;border-radius:20px}}.logo .text-lg{font-size:20.07px;font-weight:600;background:linear-gradient(270deg,#d8963c,#c6187a 62.75%,#90bcff 65.07%,#0079d0 101.47%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:-15px;margin-bottom:0}.footer a{font-size:12px;font-weight:400;color:var(--heading-color);white-space:nowrap}.challenge-card{background-color:white;padding:10px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);min-width:220px;max-height:174px;flex-shrink:0;border:.43px solid #e0e0e0}.challenge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.points-section{display:flex;align-items:center;gap:8px}.points-badge{color:#FFB74D;font-size:10px;font-weight:700;background-color:#FFF4E6;padding:4px 8px;border-radius:9999px}.more-icon{cursor:pointer}.challenge-title{font-size:14px;font-weight:500;margin-bottom:4px;max-width:130px}.countdown-text{font-size:8px;color:gray;margin-bottom:4px}.countdown-timer{display:flex;gap:8px;margin-bottom:2px;text-align:center;font-size:14px;font-weight:500;color:#7743DB}.time{display:flex;justify-content:center;align-items:center;height:30px;width:40px;padding:13px 13px 0;border-radius:5px;background-color:#7B41B01A}.time-label{font-size:8px;color:#667085}.challenge-counters-container{display:flex;justify-content:space-between;align-items:center;background-color:#fafafa;padding:5px 15px;margin:16px;height:68px;border-radius:10px;border:1px solid #eeeeee}.challenge-details{display:flex;gap:90px}.challenge-item{position:relative;text-align:left;justify-content:space-around;padding-left:10px}.challenge-item:not(:first-child):before{content:"";position:absolute;left:-20px;top:15%;bottom:15%;width:2px;background-color:#C7C7C7}.challenge-number{font-size:16px;font-weight:700;color:#0094BA!important;margin-bottom:0!important}.challenge-label{font-size:14px;color:#7A7A7A;margin-bottom:0!important}.add-challenge-button{display:flex;align-items:center;background-color:#6fa8ff;color:white;padding:8px 16px;border-radius:100px;cursor:pointer;border:none;font-size:12px}.add-icon{margin-right:10px;color:white}.challenge-card-container-list{display:flex;justify-content:space-between;align-items:center;background-color:#fafafa;padding:4px 14px;margin-bottom:16px;border-radius:12px;border:1px solid #e1e1e1}.challenge-title-list{display:flex;margin-top:10px;gap:16px;font-size:14px;font-weight:500}.challenge-number-list{font-weight:500;color:#1D2939!important;font-size:14px}.challenge-description{font-weight:500;color:#1D2939;font-size:14px;max-width:300px}.challenge-points{background-color:#fff4e6;color:#ffb74d;font-size:10px;font-weight:700;padding:8px;border-radius:50px}.participants{display:flex;align-items:center}.participant-avatar{border-radius:50%}.extra-participants,.participant-avatar{width:23px;height:23px;border:2px solid white;margin-left:-12px}.extra-participants{background-color:#1189f4;color:white;font-size:8px;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%}.end-time{margin-top:10px;font-size:12px;color:#6b7280}.more-options{background:none;border:none;cursor:pointer;color:#6b7280}.subscription,.subscription .custom-card{display:flex;flex-direction:column;height:100%}.subscription .custom-card{justify-content:space-between;border-radius:18px;background:var(--background-color)}.subscription .text-md{font-size:14px;font-weight:600;line-height:18.86px;color:var(--heading-color);margin-bottom:0}.subscription .text-sm{line-height:15px}.subscription .text-sm,.subscription .text-sm-2{font-size:12px;font-weight:400;color:var(--heading-color);margin-bottom:0}.subscription .text-sm-2{line-height:16.97px}.subscription .custom-card:hover{background:var(--hover-color)}.subscription .custom-card:hover .text-md{color:var(--primary-color)}.user-profile .text-sm{font-size:12px;font-weight:600;color:var(--heading-color);margin-bottom:0}.user-profile .text-sm-2{font-size:12px;font-weight:400;color:var(--text-color);margin-bottom:0}.subscription-profile .text-sm{font-weight:600;color:var(--heading-color)}.subscription-profile .text-sm,.subscription-profile .text-sm-2{font-size:12px;margin-bottom:0;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.subscription-profile .text-sm-2{font-weight:400;color:var(--text-color)}.pagination-container{margin-top:1rem;gap:.5rem}.pagination-button,.pagination-container{display:flex;align-items:center;justify-content:center}.pagination-button{height:40px;width:40px;padding:10px;margin:0 .25rem;cursor:pointer;background-color:#e5e7eb;color:#000;border:none;border-radius:10px;transition:background-color .2s}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button:hover:not(:disabled){background-color:#d1d5db}.pagination-button.active-page{background-color:#1189F4;color:#fff}.pagination-button.pagination-button.active-page:hover{background-color:#2491f0}.pagination-button.prev-next{padding:1.25rem 2.5rem}.tabs-navigation-container{display:flex;justify-content:space-between;margin:16px}.tabs{display:flex;gap:10px}.tab-button{padding:5px 25px;font-size:14px;font-weight:600;border-radius:67px}.active-tab{background-color:#1189F4;color:#ffffff;font-weight:300}.inactive-tab{background-color:#F1F5FF;color:#000000;font-weight:300}.see-all{display:flex;align-items:center}.see-all-link{color:#6fa8ff;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.notifications-container{width:300px;background:#ffffff;padding:24px}.notification-list{list-style-type:none;padding:0;margin:0}.activities-container{width:300px;background:#ffffff;padding:24px}.activity-list{list-style-type:none;padding:0;margin:0}.section-title{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:20px}.sidebar .side-menus{height:calc(100vh - 80px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar .side-menus::-webkit-scrollbar{display:none}.sidebar .toggle-btn{position:absolute;top:20px;right:20px;color:var(--text-color);border:0;background:transparent;padding:0}@media screen and (max-width:576px){.sidebar .side-menus{padding-bottom:60px}}.sidebar{height:100vh;width:270px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.sidebar .logo{display:flex;justify-content:center;margin-bottom:10px}.sidebar .user-profile{margin-bottom:15px}.user-profile img{width:40px;height:40px;border-radius:50%;margin-right:15px}.user-profile .user-info{display:flex;flex-direction:column}.user-info .name{font-size:16px;font-weight:600}.user-info .email{font-size:14px;color:#6b7280}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav ul li{margin-bottom:10px}.menu-item{height:calc(100vh - 80px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;display:flex;align-items:center;color:var(--text-color);text-decoration:none;padding:0 25px;height:48px;border-radius:50px;transition:background-color .2s ease}.menu-item:hover{background:var(--hover-color);border-radius:50px}.menu-item.active{background:var(--active-color);border-radius:50px}.menu-item.active,.menu-item.active .title{color:var(--primary-color)!important}.icon{font-size:12px;color:#4b5563;margin-right:10px}.title{flex-grow:1;font-size:15px;color:var(--text-color);margin-left:20px}.count{background-color:#f3f4f6;color:#1f2937;font-size:12px;padding:2px 8px;border-radius:12px}.logout{text-align:center;margin-top:auto;padding-top:20px;padding-left:30px}.logout .menu-item:hover{background:none;border-radius:none}.logout .menu-item .icon{margin-left:30px}.logout .text{font-size:15px;color:#000000;margin-left:2px}.general-sidebar{background:var(--card-color);border-radius:40px;padding:20px 20px 0}.general-sidebar .menus .menu{font-size:16px;font-weight:500;color:var(--heading-color);width:100%;padding:10px 20px}.general-sidebar .menus .menu:hover{color:var(--primary-color);background:var(--hover-color);border-radius:20px}.general-sidebar .menus .link-active,.general-sidebar .menus .link-active .icon,.general-sidebar .menus .menu:hover .icon{color:var(--primary-color)}.general-sidebar .add-btn{width:100%;color:#f1f5ff;border:0;border-radius:53px;font-size:16px;font-weight:500;padding:10px 20px;display:flex;justify-content:center;background:linear-gradient(270deg,#d8963c,#c6187a 49.57%,#057bd1 101.47%)}.general-sidebar .updates{width:25px;height:24px;border-radius:25px;background:#f04438;font-size:14px;font-weight:500;color:#fcfcfd;line-height:0px}.other-menu{background:var(--card-color);border-radius:40px;padding:20px}.other-menu .menus .menu{font-size:14px;font-weight:400;color:var(--heading-color);width:100%;background:none}.other-menu .menus .menu:hover{color:var(--primary-color);background:var(--hover-color);border-radius:20px}.other-menu .menus .logout{font-size:14px;font-weight:400;width:100%;color:var(--danger-color)}.other-menu .menus .logout:hover{background:var(--hover-color-danger);border-radius:20px}.other-menu .menus .link-active,.other-menu .menus .link-active .icon,.other-menu .menus .menu.active,.other-menu .menus .menu:hover .icon{color:var(--primary-color)}.challenge-list-container{background-color:#fafafa;min-height:195px;margin:16px;padding:12px;border-radius:10px;border:1px solid #eeeeee}.challenge-list-header{display:flex;justify-content:space-between;align-items:center}.challenge-list-title{font-size:14px;font-weight:200;color:#7a7a7a}.challenge-list-link{color:#6fa8ff;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer}.challenge-card-container{display:flex;gap:16px;overflow-x:auto}.challenge-card-container::-webkit-scrollbar{display:none}.challenge-card-container{-ms-overflow-style:none;scrollbar-width:none}.live-sidebar{background:var(--card-color);border-radius:40px;padding:20px}.live-sidebar .heading{font-size:20px;font-weight:500;margin-bottom:0;color:var(--heading-color)}.live-sidebar .name{font-size:12px;font-weight:600;color:var(--heading-color);margin-bottom:0;line-height:20px}.live-sidebar .name.active{color:var(--primary-color)}.live-sidebar .date{font-size:12px;font-weight:400;color:var(--text-color)}.live-sidebar a.active .date{color:var(--warning-color)}.live-sidebar .video-icon{color:#f79009}.header .text-lg{display:flex;font-size:20px;font-weight:700;line-height:30px;color:var(--primary-color);margin-bottom:0;white-space:nowrap}.offcanvas.offcanvas-start{width:300px;border-right:none;background:var(--background-color)}.close-btn{position:absolute;top:16px;right:20px;font-size:30px}.settings{display:flex;align-items:center}.settings .tabs-container{padding:4px;border-radius:19px;background:#fcfcfd}.settings .tab{width:100%;padding:4px 12px;border-radius:44px;background:#f2f4f7;font-size:16px;font-weight:500;text-align:center;color:#7c8080;white-space:nowrap;border:0}.settings .tab.active{background:#1189f4;color:#f1f5ff}@media screen and (max-width:576px){.settings .tabs-container{padding:0;border-radius:0;background:none}.settings .tab{padding:4px 8px;width:-moz-fit-content;width:fit-content;font-size:12px}}.custom-settings-layout .settings .tabs-container{padding:4px;border-radius:19px;background:#fcfcfd;max-width:400px}.custom-settings-layout .settings .tab{width:100%;padding:4px 24px;border-radius:67px;background:#F1F5FF;font-size:15px;font-weight:300;text-align:center;color:#7c8080;white-space:nowrap;border:0;margin:0 5px}.custom-settings-layout .settings .tab.active{background:#1189f4;color:#f1f5ff}.sug-sub{width:318px}.sug-sub .title{font-size:20px;font-weight:700;color:#1189f4;margin-bottom:0}.subs{height:calc(100vh - 220px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.subs::-webkit-scrollbar{display:none}.comment-section .text-md{font-size:14px;font-weight:600;color:var(--heading-color);margin-bottom:0}.comment-section .text-sm{font-size:12px;font-weight:400;color:var(--text-color);margin-bottom:0}.comment-section .comment{border-left:2px solid var(--border-color);margin-left:15px;padding-left:23px}.comment-section .comment .btn-reply{border:0;background:transparent;color:var(--blue-color);font-size:14px;font-weight:600}.comment-section .btn-bookmark,.comment-section .btn-comment,.comment-section .btn-like,.comment-section .btn-share{color:var(--text-color);font-size:12px;font-weight:400}.comment-section .btn-like.active{color:var(--danger-color)}.comment-section .btn-comment:hover,.comment-section .btn-share:hover{color:var(--blue-color)}.comment-section .btn-bookmark:hover{color:var(--purple-color)}.sug-playlist{width:318px}.tag-container{overflow-x:auto;white-space:nowrap;flex-grow:1;display:flex;align-items:center;-ms-overflow-style:none;scrollbar-width:none}.tag-container::-webkit-scrollbar{display:none}.playlists{height:calc(100vh - 220px);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.playlists::-webkit-scrollbar{display:none}.playlists .thumbnail{position:relative}.playlists .thumbnail img{width:100%;height:auto;display:block;border-radius:10px}.playlists .thumbnail .backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);border-radius:10px}.playlists .thumbnail .playlist{position:absolute;top:5px;right:5px;font-size:14px;font-weight:500;color:#e0e9ff;z-index:1}.playlists .title{font-size:14px;font-weight:500}.playlists .details,.playlists .title{color:var(--heading-color);margin-bottom:0}.playlists .details{font-size:12px;font-weight:400}.subscriptions .bg-card{padding:4px;border-radius:30px;background:var(--background-color);width:-moz-fit-content;width:fit-content}.subscriptions .data-display{height:calc(100vh - 100px);overflow-y:auto;padding-bottom:150px}.subscriptions .data-display::-webkit-scrollbar{display:none}.subscription-shows .show-title{font-size:14px;font-weight:500;line-height:20px;text-align:left;color:var(--heading-color);margin-bottom:0}.subscription-shows .show-details{font-size:12px;font-weight:400;line-height:18px;text-align:left;color:var(--text-color)}.subscription-playlists .playlist-category{font-size:18px;font-weight:600;line-height:28px;text-align:left;color:var(--heading-color);margin-bottom:0}.subscription-playlists .privacy-type{font-size:10px;font-weight:600;line-height:20px;text-align:left;color:var(--text-color);margin-bottom:0}.subscription-playlists .menu-link{font-size:14px;font-weight:500;color:var(--heading-color)}.subscription-playlists .videos{padding:3px 8px;bottom:10px;right:10px;border-radius:8px;background:#10182880;font-size:10px;font-weight:600;color:var(--white-color)}.subscription-playlists .menu{position:absolute;top:40px;right:0;width:-moz-fit-content;width:fit-content;padding:10px;background:var(--background-color);z-index:999;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.all-subscriptions{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem;align-items:stretch}.profile-page{display:flex;gap:20px;padding:20px}.profile-sidebar{width:30%;height:max-content;background-color:#ffffff;padding:15px;border-radius:12px!important}.profile-img,.profile-sidebar{display:flex;flex-direction:column}.profile-img{align-self:center;text-align:center}.img{width:172px;height:159px;border-radius:12px;margin-bottom:15px}.main-content{width:70%;background-color:#ffffff;border-radius:12px!important}.contact-data,.job-info,.personal-data{margin-top:10px;background-color:#ffffff;padding:20px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.profile-flex{display:flex;flex-direction:column;gap:15px}.field{background-color:#F7F9FA;padding:10px 0 10px 30px;border-radius:8px;max-height:54px}.grid .full-width{grid-column:span 2}h3{color:#616161;font-size:16px}h1{color:#7A7A7A;font-size:14px;font-weight:300;margin-bottom:0!important}h2{color:#1189F4!important;font-size:15px}p{font-size:14px;color:#616161;font-weight:400}.value{background-color:#f0faf9;padding:10px;border-radius:8px}.subscription-details{height:100vh;overflow-y:auto;padding-bottom:200px}.subscription-details::-webkit-scrollbar{display:none}.subscription-details .text-lg{font-size:20px;font-weight:600;color:var(--primary-color);margin-bottom:0}.subscription-details .back{position:absolute;top:5px;left:25px}.subscription-details .text-sm,.subscription-details .text-sm-2{font-size:14px;font-weight:400;color:var(--heading-color);margin-bottom:0}.subscription-details .text-sm-2{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.subscription-details .bg-card{padding:4px;border-radius:30px;background:var(--background-color);width:-moz-fit-content;width:fit-content}.subscription-details .input-container{height:42px;padding:0 10px;border-radius:53px;background:var(--background-color)}.subscription-details input{font-size:12px;font-weight:600;color:var(--text-color);width:100%;background:transparent}.subscription-details input::placeholder{color:var(--text-color)}.subscription-details .banner{width:100%;border-radius:20px}.subscription-details input{border:0;outline:0}@media screen and (max-width:768px){.subscription-details .btn-back{height:32px;font-size:16px}.subscription-details .back-icon{width:24px;height:25px}}@media screen and (max-width:576px){.subscription-details .btn-back{height:22px;font-size:12px;padding:0 5px;left:5px}.subscription-details .back-icon{width:15px;height:16px}.subscription-details .user-profile{width:32px;height:32px}.subscription-details .text-lg{font-size:16px}.subscription-details .text-sm{font-size:12px}.subscription-details .sub-icon{width:16px;height:16px}.subscription-details .tabs .tab{padding:4px 16px}.subscription-details .banner{width:100%;border-radius:10px}}.btn-subscribe{width:141px;height:44px;padding:8px 14px;background:var(--hover-color);border-radius:50px;border:1px solid var(--hover-color);font-size:14px;font-weight:600;color:var(--primary-color)}.btn-subscribe.active{background:var(--primary-color);border:1px solid var(--primary-color);color:var(--white-color)}