@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url(../css/color.css);
@import url(../css/font.css);
@import url(../css/button.css);
@import url(../css/input.css);

* { padding: 0;margin: 0;box-sizing: border-box; }
body,html { padding: 0;margin: 0;box-sizing: border-box; }
body {   font-family: "Albert Sans", sans-serif;font-weight: 400; }

.container { max-width: 1344px; }
header .container-fluid { padding: 15px 30px;gap: 40px; }
.logo img { width: 170px;}
header .nav-item .nav-link { color: var(--slate-700);font-size: 16px;font-weight: 600; }
header .nav-item .nav-link:hover { color: var(--slate-950); }
header .nav-item .nav-link.active { color: var(--secondary); }
.login-signup { display: flex;gap: 10px; }
.home-slider { border-radius: 20px;overflow: hidden; }
.slider-section .item { height: calc(100vh - 100px);background:#000; }
.slider-section .item img { position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 0.8; }
.slider-section .item video { width: 100%;height: 100%;object-fit: cover;object-position: center; opacity: 0.8;}
.slide-content-box { position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-items: center; }
.slider-section { padding: 0px 30px; }
.slider-section .slide-content-inner { color: var(--white);max-width: 700px; }
.slider-section .slide-content-inner .headings-h2 { margin-bottom: 20px; font-weight: 700;}
.slider-section .slide-content-inner p{line-height: normal;}

.slider-section .slide-content-inner .slide-btn { margin-top: 50px;}
.slider-section .owl-dots { width: 1344px;position: absolute;bottom: 40px;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: start;gap: 8px; }
.slider-section .owl-dots .owl-dot { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='white'/%3E%3Ccircle cx='7.9999' cy='8.00002' r='1.6' fill='white'/%3E%3C/svg%3E%0A");width: 18px;height: 18px;background-size: cover; }
.slider-section .owl-dots .owl-dot.active { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23E90E8B'/%3E%3Ccircle cx='7.9999' cy='8.00002' r='1.6' fill='%23E90E8B'/%3E%3C/svg%3E%0A"); }
.slide-content-box:after { content: "";height: 50%;position: absolute;left: 0;bottom: 0;width: 100%;z-index: -1;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.7; }
.slider-section .owl-nav > * { background-color: rgba(0, 0, 0, 0.16) !important;border: 1px solid rgba(255, 255, 255, 0.32) !important;backdrop-filter: blur(4.95px);width: 48px;height: 48px; border-radius: 24px !important;position: absolute;} 
.slider-section .owl-nav { margin: 0 !important;}
.slider-section .owl-nav > *:hover { background-color: rgba(0, 0, 0, 0.3) !important;border: 1px solid rgba(255, 255, 255, 0.80) !important; }
.slider-section .owl-nav .owl-prev { left: 50px;top: 50%;transform: translate(-50%, -50%);color: transparent !important; }
.slider-section .owl-nav .owl-next { right: 50px;top: 50%;transform: translate(-50%, -50%);color: transparent !important; }
.slider-section .owl-nav > *:after { content: "";width: 100%;height: 100%;position: absolute;top:0;left: 0;background-position: center;background-repeat: no-repeat; }
.slider-section .owl-nav .owl-prev:after { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5001 17.2246C12.3418 17.2246 12.1835 17.1663 12.0585 17.0413L6.62515 11.6079C5.74181 10.7246 5.74181 9.27459 6.62515 8.39126L12.0585 2.95795C12.3001 2.71629 12.7001 2.71629 12.9418 2.95795C13.1835 3.19962 13.1835 3.59962 12.9418 3.84129L7.50848 9.2746C7.10848 9.6746 7.10848 10.3246 7.50848 10.7246L12.9418 16.1579C13.1835 16.3996 13.1835 16.7996 12.9418 17.0413C12.8168 17.1579 12.6585 17.2246 12.5001 17.2246Z' fill='white'/%3E%3C/svg%3E%0A"); }
.slider-section .owl-nav .owl-next:after { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.42516 17.2246C7.26683 17.2246 7.1085 17.1663 6.9835 17.0413C6.74183 16.7996 6.74183 16.3996 6.9835 16.1579L12.4168 10.7246C12.8168 10.3246 12.8168 9.6746 12.4168 9.2746L6.9835 3.84129C6.74183 3.59962 6.74183 3.19962 6.9835 2.95795C7.22516 2.71629 7.62516 2.71629 7.86683 2.95795L13.3002 8.39126C13.7252 8.81626 13.9668 9.39126 13.9668 9.99959C13.9668 10.6079 13.7335 11.1829 13.3002 11.6079L7.86683 17.0413C7.74183 17.1579 7.5835 17.2246 7.42516 17.2246Z' fill='white'/%3E%3C/svg%3E%0A"); }
.section-head { margin-bottom: 50px; }
.section-head p { margin-bottom: 0;}
.section-head .headings-h3 { margin-bottom: 20px;}
.section-padding {padding: clamp(40px, 6vw, 100px) 0;}
.avatar { overflow: hidden;background-color: #000; }
.avatar img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.avatar.avatar-40 { width: 40px;min-width: 40px;height: 40px;border-radius: 40px; }
.models-box { transform: translateZ(0); will-change: transform; }
.models-box a { aspect-ratio: 9/14; display: block;position: relative;border-radius: 16px;overflow: hidden; }
.models-box a figcaption { position: absolute;bottom: 0;left: 0;padding: 10px;width: 100%; z-index: 100; }
.models-box a figcaption > div { background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(40.9px);border-radius: 8px;padding: 10px; }
.models-box a figcaption .subtitle-2 { color: var(--white); }
.models-box a > figure { width: 100%;height: 100%;position: absolute;left: 0;top: 0;margin: 0; transform: translateZ(0); }
.models-box a > figure > img { object-fit: cover;object-position: center;width: 100%;height: 100%; transform: translateZ(0); image-rendering: auto; }
.message-board-section { padding: 0px 30px; }
.message-board-section .message-board-section-in { background: var(--secondary-50);border-radius: 20px;padding: 50px 0; row-gap: 30px;}
.message-board-image { width: 100%;aspect-ratio: 9/10;overflow: hidden;border-radius: 16px; }
.message-board-image img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.message-user-inner .headings-h4 { margin-bottom: 15px;color: var(--primary-700); }
.message-user-inner p { color: var(--primary); }
.message-user-inner .message-area { color: var(--slate-500); }
footer { background: var(--slate-900);border-top: 10px solid var(--secondary); position: relative; z-index: 1; }

footer .top-footer {padding: clamp(40px, 6vw, 100px) 0;}
body.fixed header { position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff;border-bottom: 1px solid var(--slate-200);animation:slide-down-header 0.7s; }
header.inner-header { background: #fff;border-bottom: 1px solid var(--slate-200); }
.footer-adress-info p { color: var(--slate-400);}
.footer-adress-info p strong { font-weight: normal; }
.footer-menu { padding: 0;margin: 0;list-style: none;display: flex;flex-direction: column;gap: 15px; }
.footer-menu a { color: var(--slate-400);text-decoration: none; }
.footer-menu a:hover { color: var(--white);}
footer .headings-h5 { color: var(--secondary);margin-bottom: 30px; }
.social-btn svg { width: 28px; }
.bottom-footer { color: var(--slate-400);padding: 15px;background: var(--slate-800); }
.row { margin-left: -12px;margin-right: -12px; }
.row > * { padding-left: 12px;padding-right: 12px; }
.login-signup .dropdown-menu { right: 0;left: auto; }
.user-profile-box { padding: 5px;border-radius: 50px;background: var(--slate-100);padding-right: 5px; } 
.user-profile-box button { display: flex;align-items: center;gap: 10px;width: 100%;border: none;background: none; } 
.user-profile-box .profile-pic { margin: 0;width: 40px;height: 40px;border: none;border-radius: 40px;overflow: hidden; }
.search-login-box { display: flex;align-content: end;gap: 10px; }
.header-search { position: relative; }
.header-search .search-btn { position: absolute;top: 0;right: 0;height: 100%;width: 44px;border: none;background: none; }
@keyframes slide-down-header {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
.auth-box { border-radius: 16px;overflow: hidden;background: #F8FAFC; }
.auth-box .auth-form { display: flex;align-items: center;justify-content: center; }
.auth-box .auth-form .form-box { min-width: 400px;max-width: 400px; }
.auth-image, .auth-form { height: 750px; }
.form-head { margin-bottom: 30px;}
.form-head .headings-h4 { font-weight: 700; color: var(--primary-900); }
.form-box .text-link-1 { color: var(--secondary); }
.auth-image { display: flex; }
.auth-image figure { width: 100%;height: 100%; }
.auth-image figure img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.form-group .pass-btn { position: absolute;top: 0;right: 0;width: 44px;height: 44px; }
.form-group .pass-btn img { width: 24px;height: 24px; }
.password-input { position: relative; }
.last-login-bar { color: var(--slate-600); }
.form-check label { color: var(--slate-600); }
.form-head p { margin-bottom: 0; color: var(--slate-600);}
.otp-box input { width: 100%;width: 100% !important;margin: 0;}
.otp-box { display: flex;gap: 10px; }
.last-login-bar button { background: none;border: none; }
 input[type="file"].form-control::file-selector-button { height: 44px; }
.modal-signup-box { background: #F8FAFC;padding: 50px 0; }
.signup-form-card { max-width: 850px;margin: 0 auto;box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.3);background: var(--white);padding: 40px;border-radius: 8px; }
    .signup-form-card hr { border-color: var(--slate-300);opacity: 1; }
.profile-photo { position: relative;width: 140px;margin: auto; }
.profile-photo figure { width: 140px;height: 140px;overflow: hidden;border-radius: 50%; }
.profile-photo figure img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.profile-photo button { position: absolute;bottom: 0;right: 0;width:40px;height:40px;background: var(--primary);border: none;border-radius: 50%;color: var(--white);cursor: pointer; }
.profile-photo button input { position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer; }
.categories-video-bg .container-fluid { padding: 0px 30px; }
.categories-video-inner { display: flex;gap: 30px; }
.categories-box { 
  min-width: 290px;
  position: sticky;
  top: 20px;
  align-self: flex-start;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}
.categories-box-inner {
  position: relative;
}
.categories-video-list { width: 100%; contain: paint; }
.categories-video-list .row {   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); display: grid;grid-gap: 24px; contain: paint; }
.categories-video-list .row > * { padding: 0px; transform: translateZ(0); }
.categories-video-box figure { aspect-ratio: 16/9;overflow: hidden;border-radius: 16px;position: relative; }
/* .categories-video-box figure > * { width: 100%;height: 100%; } */
.categories-video-box figure video { object-fit: contain;object-position: center;width: 100%;height: 100%;background: #000; }
.video-info { display: flex;gap: 10px;flex-wrap: wrap;color: var(--slate-700); }
.categories-video-box a { text-decoration: none; }
.status { font-size: 13px;padding: 6px 12px;border-radius: 16px;display: inline-block;text-transform: capitalize; }
.status-green { background: var(--green-100);color: var(--green-700); }
.status-orange { background: var(--orange-100);color: var(--orange-700); }
.categories-video-box figure .status { position: absolute;top: 10px;right: 10px;height: auto;width: auto; }
.status:empty { display: none; }
.video-title-head-left h3 { color: var(--slate-800); }
.video-title-head-left p { color: var(--slate-700);margin: 0; }
.video-info span i { margin-right: 5px; }
.categories-list-li { list-style: none;padding: 0; }
.categories-list-li ul { list-style: none;padding: 0;margin: 0 !important;list-style:none; }
.categories-list-li li a { text-decoration: none;color: var(--slate-700);padding: 10px; display: block;border-radius: 8px; }
.categories-list-li li a:hover { background: var(--slate-100); }
.categories-list-li li.active > a { background: var(--primary-100);color: var(--primary); }
.video-list-loader { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center; }
.video-box { aspect-ratio: 16/9;overflow: hidden;border-radius: 16px;position: relative; }
.video-box video { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.video-info span.Like,.video-info span.Liked,.video-info span.Dislike,.video-info span.Disliked { cursor: pointer;}
.video-info span.Liked, .video-info span.Disliked { color: var(--secondary); }
.video-detail-head .headings-h5 { color: var(--slate-800); }
.video-detail-head p { color: var(--slate-700); }
.blog-box > a { text-decoration: none; }
.blog-box figure { aspect-ratio: 16/9;overflow: hidden;border-radius: 16px; }
.blog-box figure img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.blog-box figcaption h3 { color: var(--slate-800); }
.blog-box figcaption p { color: var(--slate-700); }
.page-title-head {background: var(--secondary-50);color: var(--secondary); padding: 30px 0px;}
.blog-detail-wrap .headings-h4 {color: var(--secondary); }
.blog-detail-wrap .publish-date {color: var(--slate-600); }
.product-card-box { padding: 10px;box-shadow: 0px 1px 2px rgba(0,0,0,0.1); border: 1px solid var(--slate-200);border-radius: 8px; }
.product-card-box figure { aspect-ratio: 16/11;overflow: hidden;border-radius: 8px; }
.product-card-box figure img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.product-card-box figcaption .headings-h6 a { color: var(--slate-800);text-decoration: none; }
.product-card-box figcaption p { color: var(--slate-600); }
.product-detail-image { aspect-ratio: 16/11;overflow: hidden;border-radius: 8px; }
.product-detail-image img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
ul.product-detail-list-info { list-style: none;padding: 0;margin: 0; }
.product-detail-list-info li { padding: 10px 0;border-bottom: 1px solid var(--slate-200); }
.product-detail-list-info li:last-child { border-bottom: none; }
.product-detail-list-info li .subtitle-2 { color: var(--slate-700);margin-bottom: 0;font-weight: 700; }
.product-detail-list-info li .body-2 { color: var(--slate-600); }
.product-detail-list-info li .body-2 p { margin-bottom: 0; }
.product-detail-list-info li .body-2 p:last-child { margin-bottom: 0; }
.product-detail-list-info li .body-2 p:first-child { margin-bottom: 0; }
.product-detail-list-info li .body-2 p:last-child { margin-bottom: 0; }
.product-detail-list-info li .body-2 p:last-child { margin-bottom: 0; }
.cms-text-area h1,.cms-text-area h2,.cms-text-area h3, .cms-text-area h4,.cms-text-area h5,.cms-text-area h6{ color: var(--primary-900); }
.cms-text-area p { color: var(--slate-600); }
.modal-content { border-radius: 16px;border: none;box-shadow: 0px 5px 10px rgba(0,0,0,0.1); }
.modal-header, .modal-body { padding: 15px; }
.comments-list figcaption h4 {  color: var(--slate-700); }
.comments-list figcaption p {  color: var(--slate-700); }
.star-show-user-rating { display: inline-flex;align-items: center;gap: 5px; }
.comments-list li { border-bottom: 1px solid var(--slate-200);padding: 20px 0px; }
.comments-list li:last-child { border-bottom: none;padding-bottom: 0px; }
.comments-list li:first-child { padding-top: 0px; }
.rating-modal-comment .d-flex.align-items-center.gap-2 { flex-direction: column !important; }
.rating-modal-comment .star-show-user-rating { font-size: 23px;padding: 10px 25px;background: var(--slate-100);border-radius: 40px; }
.rating-fill-unfill-star i { font-size: 40px;color: var(--slate-300); }
.rating-fill-unfill-star i.active { color: var(--secondary); }
.plan-box .plan-head { padding:20px 30px;color: var(--white); }
.plan-box .buy-btn { padding: 20px; }
.plan-box { box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1), 0px 1px 4px rgba(12, 12, 13, 0.05);
    border-radius: 16px;overflow: hidden; }
.plan-list-bg .col-md-4:nth-child(5n + 1) .plan-head { background: linear-gradient(136.79deg, #4A6FFF 24.22%, #88A2FF 100%);
}
.plan-list-bg .col-md-4:nth-child(5n + 2) .plan-head { background: linear-gradient(136.79deg, #34C759 24.22%, #75F98C 100%);}
.plan-list-bg .col-md-4:nth-child(5n + 3) .plan-head { background: linear-gradient(136.79deg, #FF9500 24.22%, #FFC472 100%); }
.plan-list-bg .col-md-4:nth-child(5n + 4) .plan-head { background: linear-gradient(136.79deg, #FE375F 24.22%, #FF7C9F 100%); }
.plan-list-bg .col-md-4:nth-child(5n + 5) .plan-head { background: linear-gradient(136.79deg, #AF52DE 24.22%, #D579FA 100%); }
.plan-list-bg figure i { font-size: 40px; }
.plan-box .plan-head .headings-h5 { font-weight: 700;}
.plan-box .plan-head .plan-price .headings-h4 { display: flex;align-items: end;gap: 10px; justify-content: center; }
.plan-ui .container { max-width: 1000px; }
.section-head .headings-h3 { color: var(--primary);}
.section-head .headings-h3 span {color: var(--secondary);  }
.section-head p.headings-h6 { color: var(--slate-500); }
.support-ui .signup-form-card { max-width: 550px; }
.form-box-profile-page { max-width: 760px; margin: auto; }
.card-site { box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.3);background: var(--white);border-radius: 16px; }
.card-site-body { padding: 20px; }
.card-site-head { padding: 20px;}
.card-site-footer { padding: 20px; }
.form-box-profile-page p { color: var(--slate-600); }
.pagination-box ul { margin: 0;padding: 0; list-style: none;}
.pagination  li a { cursor: pointer;color: var(--secondary); }
.pagination  li a:hover { color: var(--secondary);background: var(--secondary-100); }
.pagination  li.active a { color: var(--white);background: var(--secondary); border-color: var(--secondary); }
table tr th { background-color: var(--secondary-700) !important;color: var(--white) !important;padding: 15px 20px !important; }
table tr td { padding: 15px 20px !important; }
table tr:first-child th:first-child { border-top-left-radius: 16px !important; }
table tr:first-child th:last-child { border-top-right-radius: 16px !important; }
table td { color: var(--slate-600) !important;vertical-align: middle; }

.profile-full-view { display: flex;gap: 30px; }
.profile-full-view-left { width: 300px;min-width: 300px;padding: 20px;background: #F8FAFC;border-radius: 16px;height: fit-content; }
.profile-full-view-right { width: calc(100% - 330px); }
.profile-full-view-right .tabs-wrapper { position: sticky;top: 0; }
.profile-full-view-left .thmub-box { width: 180px;height: 180px;border-radius: 50%;overflow: hidden;margin: auto;display: flex;align-items: center;justify-content: center;  background: -webkit-linear-gradient(left top, var(--primary) 0%, var(--secondary) 100%); }
.profile-full-view-left .thmub-box > div { border: 8px solid var(--white) !important; width:176px !important;height:176px;border-radius:176px !important;overflow: hidden;background: #fff; }
.profile-full-view-left .thmub-box img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.profile-info-tab .nav-tabs { display: flex;gap: 10px;display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 12px;
    scroll-behavior: smooth;
    cursor: grab;flex-flow: nowrap; }.profile-info-tab .nav-tabs.dragging { cursor: grabbing;
        scroll-behavior: auto;}
     .profile-info-tab .nav-tabs li   {  flex: 0 0 auto; }
.profile-info-tab .nav-tabs li a { padding: 10px 20px;background: var(--slate-200);color: var(--slate-500);font-size: 16px;font-weight: 600;border-radius: 46px;border: none !important; }
.profile-info-tab .nav-tabs li a.active { background: var(--secondary);color: var(--white); }
.profile-full-view  .model-info .rating-fill-unfill-star { display: none !important; } 
.profile-about-modal .item figure { aspect-ratio: 9/12;overflow: hidden;border-radius: 16px; }
.profile-about-modal .item figure img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.about-info-text h3 { color: var(--secondary);font-size: 24px;font-weight: 700; }
.about-info-text { color: var(--slate-700); }
.about-info-text h5 { font-size: 18px;font-weight: 700;margin-bottom: 0; }
.about-info-text .row { row-gap: 24px; }
.profile-view-action { margin-left: -5px; margin-right: -5px; }
.profile-view-action li { padding-left: 5px; padding-right: 5px; }
.profile-view-action li:nth-child(1){ width: 50%;}
.profile-view-action li:nth-child(2){ width: 50%;}
.profile-view-action li:nth-child(3){ width: 100%;}
.profile-view-action li .d-flex div { width: 100%; }
.profile-view-action li .btn { width: 100%;padding-left: 0;padding-right: 0; }
.modal-title h5 { margin-bottom: 0;}
.my-account-list-modal ul { display: flex;flex-direction: column;gap: 20px;list-style: none;padding: 0;margin: 0;color: var(--slate-700); }
.my-account-list-modal h5 { font-size: 18px;font-weight: 700;margin-bottom: 0; }
.product-cart-list-updated ul { list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 20px; }
.product-cart-list-updated .product-card-box { display: flex;gap: 20px;position: relative; flex-wrap: wrap;}
.product-cart-list-updated .product-card-box figure { width: 250px;margin: 0 !important; }
.product-cart-list-updated .product-card-box figcaption { width: calc(100% - 250px);padding-right: 60px; }
.product-cart-list-updated .product-card-box .remove-cart { position: absolute;top: 10px;right: 10px; }
.mesgs { display: flex;flex-direction: column;height: calc(100vh - 250px);border: 1px solid var(--slate-200);border-radius: 16px;}
.msg_history { height: 100%;overflow-y: auto;background-color: var(--slate-100);padding: 20px;display: flex;flex-direction: column;gap: 15px; }
.mesgs-head  { padding: 10px;border-bottom: 1px solid var(--slate-200); }
.chat-input-container { padding: 10px;border-top: 1px solid var(--slate-200); }
.chat-input-container .form-control { height: 44px; overflow: hidden !important;}
.input_msg_write { display: flex;gap: 10px;align-items: flex-end; }
.input_msg_write .chat-attach-btn { flex-shrink: 0;height: 44px;width: 44px; }
.chat-image-msg img { max-width: 220px;max-height: 280px;border-radius: 12px;object-fit: cover;display: block; }
.chat-locked-image { text-align: center;padding: 16px;min-width: 180px;background: var(--slate-100);border-radius: 12px;border: 1px dashed var(--slate-300); }
.chat-locked-image i { font-size: 28px;color: var(--slate-500);display: block;margin-bottom: 8px; }
.chat-image-preview-wrap { position: relative;text-align: center; }
.chat-image-preview { max-width: 100%;max-height: 240px;border-radius: 12px;object-fit: contain; }
.chat-image-uploading { position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.7);border-radius: 12px; }
.chat-image-type-options label { font-size: 14px;cursor: pointer; }
.chat-view-once-prompt, .chat-view-once-expired { text-align: center;padding: 16px;min-width: 180px;background: var(--slate-100);border-radius: 12px;border: 1px dashed var(--slate-300); }
.chat-view-once-prompt i, .chat-view-once-expired i { font-size: 28px;color: var(--slate-500);display: block;margin-bottom: 8px; }
.chat-view-once-expired i { color: var(--slate-400); }
.chat-view-once-sent-badge { font-size: 12px;color: var(--slate-600);margin-bottom: 6px; }
.chat-image-display { max-width: 220px;max-height: 280px;border-radius: 12px;object-fit: cover;display: block; }
.view-once-modal .modal-content { background: #000;border: none;border-radius: 0; }
.view-once-modal-body { position: relative;padding: 40px 20px 20px;text-align: center;background: #000;min-height: 60vh;display: flex;flex-direction: column;align-items: center;justify-content: center; }
.view-once-close { position: absolute;top: 12px;right: 12px;z-index: 2;border-radius: 50%;width: 40px;height: 40px;padding: 0;display: flex;align-items: center;justify-content: center; }
.view-once-hint { color: #fff;font-size: 14px;margin-bottom: 16px;opacity: 0.8; }
.view-once-image { max-width: 100%;max-height: 70vh;object-fit: contain;user-select: none;-webkit-user-select: none;pointer-events: none; }
.msg_history .sent_msg-bg p:last-child, .received_withd_msg-bg p:last-child { margin-bottom: 0; }
.msg_history .time_date { font-size: 14px;color: var(--slate-600); }
.msg_history .outgoing_msg { width: 65%;margin-left: auto; } 
.msg_history .incoming_msg { width: 65%; } 
.received_withd_msg-bg, .sent_msg-bg { border-radius: 16px;padding: 10px;display: inline-block; }
.received_withd_msg-bg {background-color:#fff; }
.profile-pic-rounded.thmub-box { width: 180px;height: 180px;border-radius: 50%;overflow: hidden;margin: auto;  margin-bottom: auto;display: flex;align-items: center;justify-content: center;background: -webkit-linear-gradient(left top, var(--primary) 0%, var(--secondary) 100%);}
.profile-pic-rounded.thmub-box > div { border: 8px solid var(--white) !important;width: 176px !important;height: 176px;border-radius: 176px !important;overflow: hidden;background: #fff;}
.profile-pic-rounded.thmub-box img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.tab-button { padding: 10px 20px;background: var(--slate-200);color: var(--slate-500);font-size: 16px;font-weight: 600;border-radius: 46px;border: none !important;}
.tab-button.active { background: var(--secondary);color: var(--white); }
.rate-modal-ui-header { background: linear-gradient(180deg, #E90E8B 0%, #900B51 100%);padding: 30px;padding-bottom: 70px;border-radius: 16px 16px 0 0; }
.profile-photo-sm figure { width: 100px;height: 100px;border-radius: 50%;overflow: hidden; border: 7px solid var(--white);margin: auto; }
.profile-photo-sm figure img { width: 100%;height: 100%;object-fit: cover;object-position: center; }
.profile-photo-sm { margin-top: -50px; }
.model-profile-edit .audio-action { text-align: center;margin-top: -40px;position: relative;z-index: 1;margin-bottom: 15px; }
.album-main-list .lightbox_img_wrap > a  { display: block;width: 100%; }
.album-main-list .lightbox_img_wrap figure { aspect-ratio: 9/12 !important; }
.album-main-list .lightbox_img_wrap a figure img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.album-main-list .thmub-box.card-site { height: 100%; }
.album-main-list .thmub-box { position: relative; }
.photo-upload-img-preview { aspect-ratio: 10/16;overflow: hidden;border-radius: 8px;object-fit: cover;object-position: center; }
.lightbox-image-wrapper.lightbox-custom-new { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: 9999; }
.lightbox-image-wrapper.lightbox-custom-new img { width: 100%;height: 100%;object-fit: contain;object-position: center; }
.btn-lightbox-action {position: fixed;top: 0;left: 0;width: 100%;pointer-events: none;display: flex;align-items: center;z-index: 99999;height: 100%;justify-content: space-between;padding: 0px 30px; }
.btn-lightbox-action > * { pointer-events: initial; }
.lightbox-container .close  { position: fixed;top: 15px;right: 30px;z-index: 99999; }
.lightbox_img_wrap img { object-fit: cover;width: 100%;height: 100%;object-position: center; }
.video-detail-head{flex-wrap: wrap;}
.table-bg{overflow: auto;}

#agreeModal p a{display: inline-block; padding: 5px;}

/* Dark Theme Styles - Modern Professional */
.dark-theme {
    background-color: var(--bg);
    color: var(--slate-600);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.dark-theme body {
    background-color: var(--bg);
    color: var(--slate-600);
}

/* Global Text Colors Dark Theme - Fix All Text Visibility */
/* Text Colors - Dark Theme - Optimized for Better Visibility */
.dark-theme p {
    color: var(--slate-700) !important;
}

.dark-theme span {
    color: var(--slate-700) !important;
}

.dark-theme div {
    color: var(--slate-700) !important;
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
    color: var(--slate-800) !important;
}

.dark-theme a {
    color: var(--slate-700) !important;
}

.dark-theme a:hover {
    color: var(--slate-900) !important;
}

.dark-theme li {
    color: var(--slate-700) !important;
}

/* Specific Text Visibility Fixes */
.dark-theme p.text-center {
    color: var(--slate-700) !important;
}

.dark-theme p.text-center.text-muted {
    color: var(--slate-600) !important;
}

.dark-theme .text-center.py-5 {
    color: var(--slate-600) !important;
}

.dark-theme .text-center.py-5.text-muted {
    color: var(--slate-600) !important;
}

.dark-theme .text-center.py-5.text-muted p {
    color: var(--slate-600) !important;
}

.dark-theme .text-center.py-5.text-muted span {
    color: var(--slate-600) !important;
}

/* Header Dark Theme Styles - Professional Designer Level - Darker & Softer */
.dark-theme header,
.dark-theme body.fixed header,
.dark-theme header.inner-header {
    background: var(--slate-50) !important;
    border-bottom: 1px solid var(--slate-200) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
}

.dark-theme header .container-fluid {
    background: transparent !important;
}

.dark-theme header .nav-item .nav-link {
    color: var(--slate-600) !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.dark-theme header .nav-item .nav-link:hover {
    color: var(--slate-700) !important;
}

.dark-theme header .nav-item .nav-link.active {
    color: var(--secondary-600) !important;
    font-weight: 700 !important;
}

.dark-theme .logo {
    opacity: 1 !important;
}

.dark-theme .logo img {
    filter: brightness(1.15) contrast(1.05) !important;
    opacity: 0.95 !important;
}

.dark-theme .navbar-toggler {
    color: var(--slate-600) !important;
    border-color: var(--slate-400) !important;
    background: transparent !important;
}

.dark-theme .navbar-toggler svg {
    fill: var(--slate-600) !important;
}

.dark-theme .navbar-toggler svg path {
    fill: var(--slate-600) !important;
    stroke: var(--slate-600) !important;
}

.dark-theme .navbar-toggler:hover {
    color: var(--slate-800) !important;
    border-color: var(--slate-500) !important;
    background: var(--slate-200) !important;
}

.dark-theme .navbar-toggler:hover svg,
.dark-theme .navbar-toggler:hover svg path {
    fill: var(--slate-800) !important;
    stroke: var(--slate-800) !important;
}

.dark-theme .signup-form-card,
.dark-theme .card-site {
    background: var(--slate-200) !important;
    color: var(--slate-600) !important;
    border: 1px solid var(--slate-300) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .card-site-body,
.dark-theme .card-site-head,
.dark-theme .card-site-footer {
    color: var(--slate-600) !important;
}

.dark-theme .card-site h1,
.dark-theme .card-site h2,
.dark-theme .card-site h3,
.dark-theme .card-site h4,
.dark-theme .card-site h5,
.dark-theme .card-site h6 {
    color: var(--slate-800) !important;
}

/* Cart Page - Dark Theme Styles */
.dark-theme .product-card-box {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .product-card-box.bg-white {
    background-color: var(--slate-200) !important;
}

.dark-theme .product-card-box * {
    color: var(--slate-700) !important;
}

.dark-theme .product-card-box .headings-h6,
.dark-theme .product-card-box h3,
.dark-theme .product-card-box h4,
.dark-theme .product-card-box h5 {
    color: var(--slate-800) !important;
}

.dark-theme .product-card-box .text-dark {
    color: var(--slate-800) !important;
}

.dark-theme .product-card-box .text-muted {
    color: var(--slate-600) !important;
}

.dark-theme .product-card-box .text-primary {
    color: var(--primary-600) !important;
}

.dark-theme .product-card-box a {
    color: var(--slate-800) !important;
}

.dark-theme .product-card-box a.text-primary {
    color: var(--primary-600) !important;
}

.dark-theme .product-card-box a.text-decoration-none {
    color: var(--slate-800) !important;
}

.dark-theme .product-card-box figure {
    background-color: var(--slate-300) !important;
}

.dark-theme .product-card-box .cart-carousel figure {
    background-color: var(--slate-300) !important;
}

.dark-theme .cart-carousel .cart-crousal-container figure {
    background-color: var(--slate-300) !important;
}

.dark-theme .total-amount-box {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
}

.dark-theme .total-amount-box .headings-h6,
.dark-theme .total-amount-box .headings-h4 {
    color: var(--slate-800) !important;
}

.dark-theme .total-amount-box .btn-primary {
    background-color: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    color: var(--slate-950) !important;
}

.dark-theme .total-amount-box .btn-primary:hover {
    background-color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
    box-shadow: 0px 4px 12px rgba(91, 163, 245, 0.4) !important;
}

/* Override inline background colors for dark theme */
.dark-theme [style*="background-color: #f8f9fa"],
.dark-theme [style*="background-color:#f8f9fa"],
.dark-theme [style*="background: #f8f9fa"],
.dark-theme [style*="background:#f8f9fa"] {
    background-color: var(--slate-300) !important;
}

.dark-theme [style*="background-color: #f0f0f0"],
.dark-theme [style*="background-color:#f0f0f0"],
.dark-theme [style*="background: #f0f0f0"],
.dark-theme [style*="background:#f0f0f0"] {
    background-color: var(--slate-300) !important;
}

/* Cart Quantity Buttons - Dark Theme */
.dark-theme .quantity {
    background: transparent !important;
}

.dark-theme .quantity .btn-primary {
    background-color: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    color: var(--slate-950) !important;
}

.dark-theme .quantity .btn-primary:hover:not(:disabled) {
    background-color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
}

.dark-theme .quantity .btn-primary:disabled {
    background-color: var(--slate-400) !important;
    border-color: var(--slate-400) !important;
    color: var(--slate-600) !important;
    cursor: not-allowed !important;
}

.dark-theme .quantity .input-box {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-800) !important;
}

.dark-theme .cart-product-price {
    color: var(--slate-800) !important;
}

.dark-theme .remove-cart {
    background-color: var(--slate-300) !important;
    border-color: var(--slate-400) !important;
    color: var(--slate-700) !important;
}

.dark-theme .remove-cart:hover {
    background-color: var(--red-600) !important;
    border-color: var(--red-600) !important;
    color: var(--slate-950) !important;
}

.dark-theme .cart-list-right-box {
    background: transparent !important;
}

/* Model Sign Up Page - Dark Theme Styles */
.dark-theme .modal-signup-box {
    background-color: var(--bg) !important;
}

.dark-theme .become-model-bg {
    background-color: transparent !important;
}

.dark-theme .signup-form-card {
    background-color: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .signup-form-card hr {
    border-color: var(--slate-300) !important;
    opacity: 0.5 !important;
}

.dark-theme .signup-form-card .form-head h2,
.dark-theme .signup-form-card .form-head .headings-h4 {
    color: var(--slate-800) !important;
}

.dark-theme .signup-form-card .form-head p,
.dark-theme .signup-form-card .form-head .body-2 {
    color: var(--slate-600) !important;
}

.dark-theme .signup-form-card .headings-h5 {
    color: var(--slate-800) !important;
}

.dark-theme .profile-photo figure {
    background-color: var(--slate-300) !important;
    border: 2px solid var(--slate-400) !important;
}

.dark-theme .profile-photo button {
    background-color: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    color: var(--slate-950) !important;
}

.dark-theme .profile-photo button:hover {
    background-color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
}

/* Location Autocomplete Suggestions - Dark Theme */
.dark-theme .location-box {
    background-color: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .location-box ul {
    background-color: var(--slate-200) !important;
}

.dark-theme .location-box ul li {
    background-color: var(--slate-200) !important;
    color: var(--slate-700) !important;
    border-bottom: 1px solid var(--slate-300) !important;
}

.dark-theme .location-box ul li:hover,
.dark-theme .location-box ul li[style*="background-color: #41b6e6"] {
    background-color: var(--primary-600) !important;
    color: var(--slate-950) !important;
}

.dark-theme .location-box ul li[style*="background-color: #fff"] {
    background-color: var(--slate-200) !important;
    color: var(--slate-700) !important;
}

/* File Upload Inputs - Dark Theme */
.dark-theme input[type="file"] {
    color: var(--slate-700) !important;
}

.dark-theme input[type="file"]::file-selector-button {
    background-color: var(--slate-300) !important;
    border: 1px solid var(--slate-400) !important;
    color: var(--slate-800) !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.dark-theme input[type="file"]::file-selector-button:hover {
    background-color: var(--slate-400) !important;
    border-color: var(--slate-500) !important;
    color: var(--slate-900) !important;
}

.dark-theme input[type="file"].form-control {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-700) !important;
}

.dark-theme input[type="file"].form-control::file-selector-button {
    background-color: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    color: var(--slate-950) !important;
    margin-right: 12px !important;
}

.dark-theme input[type="file"].form-control::file-selector-button:hover {
    background-color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
}

.dark-theme .auth-box {
    background: var(--slate-200);
    border: 1px solid var(--slate-300);
}

.dark-theme .received_withd_msg-bg {
    background-color: var(--slate-800) !important;
}

.dark-theme .profile-full-view-left .thmub-box > div,
.dark-theme .profile-pic-rounded.thmub-box > div {
    border: 8px solid var(--slate-700) !important;
    background: var(--slate-800) !important;
}

.dark-theme .dropdown-menu {
    background: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .dropdown-menu li a {
    color: var(--slate-600) !important;
}

.dark-theme .dropdown-menu li a:hover {
    background: var(--slate-300) !important;
    color: var(--slate-800) !important;
}

.dark-theme .form-control,
.dark-theme .form-select {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-800) !important;
}

.dark-theme .form-control:focus,
.dark-theme .form-select:focus {
    background-color: var(--slate-200) !important;
    border-color: var(--primary) !important;
    color: var(--slate-900) !important;
}

.dark-theme .modal-content {
    background-color: var(--slate-200) !important;
    color: var(--slate-700) !important;
    border: 1px solid var(--slate-300) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .modal-header {
    border-bottom-color: var(--slate-300) !important;
    background: var(--slate-200) !important;
    color: var(--slate-800) !important;
}

.dark-theme .modal-header h2,
.dark-theme .modal-header h3,
.dark-theme .modal-header h4,
.dark-theme .modal-header h5 {
    color: var(--slate-800) !important;
}

.dark-theme .modal-body {
    background-color: var(--slate-200) !important;
    color: var(--slate-700) !important;
}

.dark-theme .modal-body * {
    color: var(--slate-700) !important;
}

.dark-theme .modal-body h1,
.dark-theme .modal-body h2,
.dark-theme .modal-body h3,
.dark-theme .modal-body h4,
.dark-theme .modal-body h5,
.dark-theme .modal-body h6 {
    color: var(--slate-800) !important;
}

.dark-theme .modal-footer {
    border-top-color: var(--slate-300) !important;
    background: var(--slate-200) !important;
    color: var(--slate-800) !important;
}

/* Modal Close Button (btn-close) - Dark Theme */
.dark-theme .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
    opacity: 0.8 !important;
    transition: all 0.2s ease !important;
}

.dark-theme .btn-close:hover {
    opacity: 1 !important;
    filter: invert(1) grayscale(100%) brightness(250%) !important;
    transform: scale(1.1) !important;
}

.dark-theme .btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25) !important;
    opacity: 1 !important;
}

.dark-theme .modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
    opacity: 0.8 !important;
}

.dark-theme .modal-header .btn-close:hover {
    opacity: 1 !important;
    filter: invert(1) grayscale(100%) brightness(250%) !important;
    transform: scale(1.1) !important;
}

.dark-theme .modal-header .btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25) !important;
    opacity: 1 !important;
}

/* Alternative: If using SVG or custom close icon */
.dark-theme .btn-close svg,
.dark-theme .modal-header .btn-close svg {
    fill: var(--slate-700) !important;
    stroke: var(--slate-700) !important;
}

.dark-theme .btn-close:hover svg,
.dark-theme .modal-header .btn-close:hover svg {
    fill: var(--slate-900) !important;
    stroke: var(--slate-900) !important;
}

/* FAQ Accordion - Dark Theme - Professional Styling (Like Light Theme) */
.dark-theme .faq-ui {
    background-color: var(--bg) !important;
}

.dark-theme .faq-box {
    background-color: transparent !important;
}

.dark-theme .faq-inner {
    background-color: var(--bg) !important;
}

.dark-theme .accordion {
    background-color: transparent !important;
}

.dark-theme .accordion-item {
    background-color: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2) !important;
    overflow: hidden !important;
}

.dark-theme .accordion-button {
    background-color: var(--slate-200) !important;
    color: var(--slate-800) !important;
    border: none !important;
    border-bottom: 1px solid var(--slate-300) !important;
    padding: 16px 20px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.dark-theme .accordion-button:not(.collapsed) {
    background-color: var(--slate-200) !important;
    color: var(--slate-900) !important;
    border-bottom-color: var(--slate-300) !important;
    box-shadow: none !important;
}

.dark-theme .accordion-button:hover {
    background-color: var(--slate-300) !important;
    color: var(--slate-900) !important;
}

.dark-theme .accordion-button:focus {
    background-color: var(--slate-200) !important;
    color: var(--slate-900) !important;
    border-color: var(--primary-600) !important;
    box-shadow: 0px 0px 0px 3px rgba(91, 163, 245, 0.2) !important;
}

.dark-theme .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11L3 6L4 5L8 9L12 5L13 6L8 11Z' fill='%23D8D8D8'/%3E%3C/svg%3E") !important;
    filter: brightness(1.2) !important;
}

.dark-theme .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5L3 10L4 11L8 7L12 11L13 10L8 5Z' fill='%23D8D8D8'/%3E%3C/svg%3E") !important;
}

.dark-theme .accordion-body {
    background-color: var(--slate-200) !important;
    color: var(--slate-700) !important;
    padding: 20px !important;
    border-top: 1px solid var(--slate-300) !important;
}

.dark-theme .accordion-body p {
    color: var(--slate-700) !important;
    margin-bottom: 12px !important;
    line-height: 1.6 !important;
}

.dark-theme .accordion-body ul,
.dark-theme .accordion-body ol {
    color: var(--slate-700) !important;
    padding-left: 20px !important;
}

.dark-theme .accordion-body li {
    color: var(--slate-700) !important;
    margin-bottom: 8px !important;
}

.dark-theme .accordion-body a {
    color: var(--primary-600) !important;
    text-decoration: underline !important;
}

.dark-theme .accordion-body a:hover {
    color: var(--primary-700) !important;
}

.dark-theme .user-profile-box {
    background: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
}

.dark-theme .user-profile-box button {
    color: var(--slate-700) !important;
}

.dark-theme .user-profile-box .username,
.dark-theme .user-profile-box figcaption {
    color: var(--slate-800) !important;
    font-weight: 500 !important;
}

.dark-theme .user-profile-box button * {
    color: var(--slate-800) !important;
}

.dark-theme .user-profile-box:hover {
    background: var(--slate-300) !important;
    border-color: var(--slate-400) !important;
}

.dark-theme .text-dark {
    color: var(--slate-700) !important;
}

/* Additional Dark Theme Styles - Header */
.dark-theme .navbar {
    background: var(--slate-50) !important;
}

.dark-theme .navbar-nav {
    background: transparent !important;
}

.dark-theme .navbar-collapse {
    background: transparent !important;
}

/* Navbar Collapse Dark Theme - Mobile/Responsive View */
@media (max-width: 1280px) {
    .dark-theme body .navbar-expand-lg .navbar-collapse {
        background: var(--slate-200) !important;
        border-top: 1px solid var(--slate-300) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
    }

    .dark-theme body .navbar-expand-lg .navbar-collapse.show {
        background: var(--slate-200) !important;
    }

    /* Navbar Toggler Dark Theme */
    .dark-theme .navbar-toggler {
        background: var(--slate-300) !important;
        border: 1px solid var(--slate-400) !important;
    }

    .dark-theme .navbar-toggler:hover {
        background: var(--slate-400) !important;
        border-color: var(--slate-500) !important;
    }

    .dark-theme .navbar-toggler svg {
        fill: var(--slate-700) !important;
    }

    .dark-theme .navbar-toggler svg path {
        fill: var(--slate-700) !important;
    }

    .dark-theme .navbar-toggler:hover svg,
    .dark-theme .navbar-toggler:hover svg path {
        fill: var(--slate-900) !important;
    }

    /* Navbar Nav in Collapse - Dark Theme */
    .dark-theme .navbar-expand-lg .navbar-nav {
        width: 100%;
    }

    .dark-theme .navbar-collapse .navbar-nav .nav-item {
        width: 100%;
        margin-bottom: 5px;
    }

    .dark-theme .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: var(--slate-700) !important;
        padding: 12px 15px !important;
        border-radius: 8px !important;
        transition: all 0.2s ease !important;
        width: 100%;
        display: block;
    }

    .dark-theme .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
        background: var(--slate-300) !important;
        color: var(--slate-900) !important;
    }

    .dark-theme .navbar-collapse .navbar-nav .nav-item .nav-link.active {
        background: var(--secondary-600) !important;
        color: var(--slate-950) !important;
        font-weight: 700 !important;
    }

    /* Search Login Box in Navbar Collapse - Dark Theme */
    .dark-theme .navbar-collapse .search-login-box {
        width: 100%;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid var(--slate-300) !important;
    }

    /* Login Signup Buttons in Navbar Collapse - Dark Theme */
    .dark-theme .navbar-collapse .login-signup {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .dark-theme .navbar-collapse .login-signup .btn {
        width: 100%;
        background: var(--primary-600) !important;
        color: var(--slate-950) !important;
        border: none !important;
        box-shadow: 0 2px 8px rgba(91, 163, 245, 0.25) !important;
        transition: all 0.2s ease !important;
    }

    .dark-theme .navbar-collapse .login-signup .btn:hover {
        background: var(--primary-700) !important;
        box-shadow: 0 4px 12px rgba(91, 163, 245, 0.35) !important;
        transform: translateY(-1px) !important;
    }

    .dark-theme .navbar-collapse .login-signup .btn-secondary {
        background: var(--secondary-600) !important;
        color: var(--slate-950) !important;
        border: none !important;
        box-shadow: 0 2px 8px rgba(230, 139, 184, 0.25) !important;
    }

    .dark-theme .navbar-collapse .login-signup .btn-secondary:hover {
        background: var(--secondary-700) !important;
        box-shadow: 0 4px 12px rgba(230, 139, 184, 0.35) !important;
    }

    /* Dropdown in Navbar Collapse - Dark Theme */
    .dark-theme .navbar-collapse .dropdown {
        width: 100%;
    }

    .dark-theme .navbar-collapse .dropdown .dropdown-toggle {
        width: 100%;
        background: var(--slate-300) !important;
        color: var(--slate-800) !important;
        border: 1px solid var(--slate-400) !important;
    }

    .dark-theme .navbar-collapse .dropdown .dropdown-toggle:hover {
        background: var(--slate-400) !important;
        color: var(--slate-900) !important;
        border-color: var(--slate-500) !important;
    }

    .dark-theme .navbar-collapse .dropdown-menu {
        background: var(--slate-200) !important;
        border-color: var(--slate-300) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
        width: 100%;
    }

    .dark-theme .navbar-collapse .dropdown-menu .dropdown-item {
        color: var(--slate-700) !important;
        padding: 12px 15px !important;
    }

    .dark-theme .navbar-collapse .dropdown-menu .dropdown-item:hover {
        background: var(--slate-300) !important;
        color: var(--slate-900) !important;
    }

    .dark-theme .navbar-collapse .dropdown-menu .dropdown-item.text-dark {
        color: var(--slate-700) !important;
    }

    /* Header Search in Navbar Collapse - Dark Theme */
    .dark-theme .navbar-collapse .header-search {
        width: 100%;
        margin-bottom: 15px;
    }

    .dark-theme .navbar-collapse .header-search .form-control {
        background-color: var(--slate-100) !important;
        border-color: var(--slate-300) !important;
        color: var(--slate-800) !important;
        width: 100%;
    }

    .dark-theme .navbar-collapse .header-search .form-control::placeholder {
        color: var(--slate-500) !important;
    }

    .dark-theme .navbar-collapse .header-search .form-control:focus {
        background-color: var(--slate-100) !important;
        border-color: var(--primary-600) !important;
        color: var(--slate-900) !important;
        box-shadow: 0px 0px 0px 3px rgba(91, 163, 245, 0.2) !important;
    }

    /* User Profile Box in Navbar Collapse - Dark Theme */
    .dark-theme .navbar-collapse .user-profile-box {
        width: 100%;
        margin-top: 15px;
    }

    /* Account Nav in Navbar Collapse - Dark Theme */
    .dark-theme .navbar-collapse .notification-btn {
        background: transparent !important;
    }

    .dark-theme .navbar-collapse .btn-secondary {
        width: 100%;
        background: var(--secondary-600) !important;
        color: var(--slate-950) !important;
        border: none !important;
        margin-bottom: 10px;
    }

    .dark-theme .navbar-collapse .btn-secondary:hover {
        background: var(--secondary-700) !important;
    }

    /* Dropdown Menu Items in Navbar Collapse - Dark Theme */
    .dark-theme .navbar-collapse .nav-item .dropdown-menu {
        background: var(--slate-200) !important;
        border-color: var(--slate-300) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
        margin-top: 5px;
    }

    .dark-theme .navbar-collapse .nav-item .dropdown-menu li a {
        color: var(--slate-700) !important;
        padding: 10px 15px !important;
    }

    .dark-theme .navbar-collapse .nav-item .dropdown-menu li a:hover {
        background: var(--slate-300) !important;
        color: var(--slate-900) !important;
    }
}

.dark-theme .dropdown-toggle::after {
    border-top-color: var(--slate-600) !important;
}

.dark-theme .dropdown-toggle:hover::after {
    border-top-color: var(--slate-800) !important;
}

.dark-theme header .dropdown-menu {
    background: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme header .dropdown-menu li a {
    color: var(--slate-700) !important;
}

.dark-theme header .dropdown-menu li a:hover {
    background: var(--slate-300) !important;
    color: var(--slate-900) !important;
}

/* Theme Toggle Button Dark Theme */
.dark-theme .btn-round-icon {
    background: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
    color: var(--slate-700) !important;
}

.dark-theme .btn-round-icon:hover {
    background: var(--slate-300) !important;
    border-color: var(--slate-400) !important;
    color: var(--slate-900) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .btn-round-icon svg {
    stroke: var(--slate-700) !important;
}

.dark-theme .btn-round-icon:hover svg {
    stroke: var(--slate-900) !important;
}

.dark-theme .search-login-box {
    background: transparent !important;
}

.dark-theme .header-search input {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-800) !important;
}

.dark-theme .header-search input::placeholder {
    color: var(--slate-500) !important;
}

/* Text Muted and Common Text Classes Dark Theme */
.dark-theme .text-muted {
    color: var(--slate-600) !important;
}

.dark-theme p.text-muted {
    color: var(--slate-600) !important;
}

.dark-theme .text-center.text-muted {
    color: var(--slate-600) !important;
}

.dark-theme small.text-muted {
    color: var(--slate-500) !important;
}

.dark-theme .text-success {
    color: var(--green-600) !important;
}

.dark-theme .text-danger {
    color: var(--red-600) !important;
}

.dark-theme .text-primary {
    color: var(--primary-600) !important;
}


/* Section Head Dark Theme */
.dark-theme .section-head {
    color: var(--slate-700) !important;
}

.dark-theme .section-head p {
    color: var(--slate-600) !important;
}

.dark-theme .section-head .headings-h3 span {
    color: var(--secondary-600) !important;
}

/* Models List and Cards Dark Theme */
.dark-theme .models-list {
    background: transparent !important;
}
.dark-theme .models-box .card-body * {
    color: var(--slate-700) !important;
}

.dark-theme .models-box .card-body p,
.dark-theme .models-box .card-body span,
.dark-theme .models-box .card-body div,
.dark-theme .models-box .card-body small {
    color: var(--slate-700) !important;
}

.dark-theme .models-box figcaption {
    background: var(--slate-200) !important;
    color: var(--slate-700) !important;
}

.dark-theme .models-box figcaption * {
    color: var(--slate-700) !important;
}

.dark-theme .models-box figcaption p,
.dark-theme .models-box figcaption span,
.dark-theme .models-box figcaption div,
.dark-theme .models-box figcaption small {
    color: var(--slate-700) !important;
}

.dark-theme .model-box-name {
    color: var(--slate-700) !important;
}

.dark-theme .model-box-name .subtitle-2 {
    color: var(--slate-800) !important;
}

/* Live Badge Dark Theme */
.dark-theme .live-badge {
    background: var(--red-600) !important;
    color: var(--slate-950) !important;
}

/* Popular Models Section Dark Theme */
.dark-theme .popular-modal-section {
    background: transparent !important;
}

.dark-theme .models-list-section {
    background: transparent !important;
}

/* Bootstrap Utility Classes Dark Theme Override */
.dark-theme .text-center {
    color: inherit !important;
}

.dark-theme .text-center p,
.dark-theme .text-center span,
.dark-theme .text-center div {
    color: var(--slate-600) !important;
}

.dark-theme .py-5 {
    color: var(--slate-600) !important;
}

.dark-theme .py-5 p,
.dark-theme .py-5 span {
    color: var(--slate-600) !important;
}

/* Ensure all text in sections is visible */
.dark-theme section {
    color: var(--slate-600) !important;
}

.dark-theme section p,
.dark-theme section span,
.dark-theme section div {
    color: var(--slate-600) !important;
}

.dark-theme section h1,
.dark-theme section h2,
.dark-theme section h3,
.dark-theme section h4,
.dark-theme section h5,
.dark-theme section h6 {
    color: var(--slate-800) !important;
}

/* Container and Row Dark Theme */
.dark-theme .container {
    color: var(--slate-600) !important;
}

.dark-theme .container p,
.dark-theme .container span,
.dark-theme .container div {
    color: var(--slate-600) !important;
}

.dark-theme .row {
    color: var(--slate-600) !important;
}

.dark-theme .row p,
.dark-theme .row span,
.dark-theme .row div {
    color: var(--slate-600) !important;
}

/* Shadow and Border Utilities Dark Theme */
.dark-theme .shadow-sm {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

/* Slider and Models Box Dark Theme - Softer Colors */
.dark-theme .slider-section .slide-content-inner {
    color: var(--slate-950) !important;
}

.dark-theme .models-box a figcaption .subtitle-2 {
    color: var(--slate-950) !important;
}

.dark-theme .footer-menu a:hover {
    color: var(--slate-950) !important;
}

/* Livecam Credits Page - Dark Theme Styles */
.dark-theme .plan-ui {
    background-color: var(--bg) !important;
}

.dark-theme .plan-list-bg {
    background: transparent !important;
}

.dark-theme .plan-box {
    background-color: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5) !important;
}



.dark-theme .plan-box .buy-btn {
    background: transparent !important;
}

.dark-theme .plan-box .buy-btn .btn-primary {
    background: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
    color: var(--slate-950) !important;
}

.dark-theme .plan-box .buy-btn .btn-primary:hover {
    background: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
    box-shadow: 0px 4px 12px rgba(91, 163, 245, 0.4) !important;
}

.dark-theme .profile-photo button {
    color: var(--slate-950) !important;
}

/* About Us and CMS Pages Dark Theme */
/* Blogs Page - Dark Theme Optimization */
.dark-theme .page-title-head {
    background: linear-gradient(135deg, var(--secondary-100) 0%, var(--secondary-200) 100%) !important;
    color: var(--secondary-600) !important;
    border-bottom: 2px solid var(--secondary-300) !important;
}

.dark-theme .page-title-head h1,
.dark-theme .page-title-head .headings-h4 {
    color: var(--secondary-600) !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .blog-list-bg {
    background-color: var(--bg) !important;
}

.dark-theme .blog-box {
    background-color: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
    border-radius: 16px !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.dark-theme .blog-box:hover {
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.6) !important;
    transform: translateY(-2px) !important;
    border-color: var(--slate-400) !important;
}

.dark-theme .blog-box figure {
    background-color: var(--slate-300) !important;
    border-radius: 16px 16px 0 0 !important;
}

.dark-theme .blog-box figcaption {
    background-color: transparent !important;
    padding: 20px !important;
}

.dark-theme .blog-box figcaption h3 {
    color: var(--slate-800) !important;
}

.dark-theme .blog-box figcaption p {
    color: var(--slate-600) !important;
}

.dark-theme .blog-box > a {
    color: inherit !important;
    text-decoration: none !important;
}

.dark-theme .form-bg-section {
    background: var(--bg) !important;
}

.dark-theme .modal-signup-box {
    background: var(--bg) !important;
}

.dark-theme .support-ui {
    background: var(--bg) !important;
}



.dark-theme .signup-form-card {
    background: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
    border-radius: 16px !important;
    padding: 40px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .form-head {
    color: var(--slate-700) !important;
}

.dark-theme .form-head h2,
.dark-theme .form-head .headings-h4 {
    color: var(--slate-800) !important;
}

.dark-theme .form-head p,
.dark-theme .form-head .body-2 {
    color: var(--slate-600) !important;
}

.dark-theme .form-heading {
    color: var(--slate-800) !important;
    font-weight: 600 !important;
}

.dark-theme .cms-text-area {
    color: var(--slate-600) !important;
}

.dark-theme .cms-text-area h1,
.dark-theme .cms-text-area h2,
.dark-theme .cms-text-area h3,
.dark-theme .cms-text-area h4,
.dark-theme .cms-text-area h5,
.dark-theme .cms-text-area h6 {
    color: var(--slate-800) !important;
}

.dark-theme .cms-text-area p {
    color: var(--slate-600) !important;
}

.dark-theme .content-parent {
    color: var(--slate-600) !important;
}

.dark-theme .content-parent p {
    color: var(--slate-600) !important;
}

.dark-theme .content-parent h1,
.dark-theme .content-parent h2,
.dark-theme .content-parent h3,
.dark-theme .content-parent h4,
.dark-theme .content-parent h5,
.dark-theme .content-parent h6 {
    color: var(--slate-800) !important;
}

.dark-theme .content-parent a {
    color: var(--secondary-600) !important;
}

.dark-theme .content-parent a:hover {
    color: var(--secondary-700) !important;
}

.dark-theme .content-parent ul,
.dark-theme .content-parent ol {
    color: var(--slate-600) !important;
}

.dark-theme .content-parent li {
    color: var(--slate-600) !important;
}

.dark-theme .content-parent strong,
.dark-theme .content-parent b {
    color: var(--slate-800) !important;
}

.dark-theme .header-search {
    background: transparent !important;
}

.dark-theme .header-search .form-control {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-800) !important;
}

.dark-theme .header-search .form-control::placeholder {
    color: var(--slate-500) !important;
}

.dark-theme .header-search .form-control:focus {
    background-color: var(--slate-200) !important;
    border-color: var(--primary-600) !important;
    color: var(--slate-900) !important;
    box-shadow: 0px 0px 0px 3px rgba(0, 128, 255, 0.2) !important;
}

.dark-theme .header-search .search-btn {
    color: var(--slate-600) !important;
    background: transparent !important;
}

.dark-theme .header-search .search-btn:hover {
    color: var(--slate-800) !important;
}

.dark-theme .header-search .search-btn svg {
    color: var(--slate-600) !important;
}

.dark-theme .header-search .search-btn svg path {
    fill: var(--slate-600) !important;
}

.dark-theme .header-search .search-btn:hover svg path {
    fill: var(--slate-800) !important;
}

.dark-theme .login-signup {
    background: transparent !important;
}

.dark-theme .login-signup .btn {
    background: var(--primary-600) !important;
    color: var(--slate-950) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(91, 163, 245, 0.25) !important;
    transition: all 0.2s ease !important;
}

.dark-theme .login-signup .btn:hover {
    background: var(--primary-700) !important;
    box-shadow: 0 4px 12px rgba(91, 163, 245, 0.35) !important;
    transform: translateY(-1px) !important;
}

.dark-theme .login-signup .btn-secondary {
    background: var(--secondary-600) !important;
    color: var(--slate-950) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(230, 139, 184, 0.25) !important;
    transition: all 0.2s ease !important;
}

.dark-theme .login-signup .btn-secondary:hover {
    background: var(--secondary-700) !important;
    box-shadow: 0 4px 12px rgba(230, 139, 184, 0.35) !important;
    transform: translateY(-1px) !important;
}

.dark-theme .dropdown-toggle {
    color: var(--slate-200) !important;
}

.dark-theme .dropdown-toggle::after {
    border-top-color: var(--slate-200) !important;
}

.dark-theme .username {
    color: var(--slate-800) !important;
    font-weight: 500 !important;
}

.dark-theme .message-board-section .message-board-section-in {
    background: var(--slate-200) !important;
}

.dark-theme .message-user-inner .headings-h4 {
    color: var(--primary-600) !important;
}

.dark-theme .message-user-inner p {
    color: var(--primary-500) !important;
}

.dark-theme .message-user-inner .message-area {
    color: var(--slate-500) !important;
}

.dark-theme .section-head .headings-h3,
.dark-theme .section-head .headings-h4,
.dark-theme .section-head .headings-h5 {
    color: var(--slate-800) !important;
}

.dark-theme .section-head p {
    color: var(--slate-600) !important;
}

.dark-theme .form-head .headings-h4 {
    color: var(--primary-600) !important;
}

.dark-theme .form-head p {
    color: var(--slate-600) !important;
}

.dark-theme .form-check label {
    color: var(--slate-700) !important;
}

.dark-theme .last-login-bar {
    color: var(--slate-600) !important;
}

.dark-theme .form-link {
    color: var(--secondary-600) !important;
}

.dark-theme .form-link:hover {
    color: var(--secondary-700) !important;
}

.dark-theme .table {
    color: var(--slate-700) !important;
}

.dark-theme .table thead th,
.dark-theme table tr th {
    background-color: var(--slate-200) !important;
    color: var(--slate-800) !important;
    border-color: var(--slate-300) !important;
}

.dark-theme .table tbody td {
    background-color: var(--slate-100) !important;
    color: var(--slate-700) !important;
    border-color: var(--slate-300) !important;
}

.dark-theme .table tbody tr:hover {
    background-color: var(--slate-200) !important;
}

.dark-theme .card {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-700) !important;
}

.dark-theme .card * {
    color: var(--slate-700) !important;
}

.dark-theme .card p,
.dark-theme .card span,
.dark-theme .card div {
    color: var(--slate-700) !important;
}

.dark-theme .card-header {
    background-color: var(--slate-200) !important;
    border-bottom-color: var(--slate-300) !important;
    color: var(--slate-800) !important;
}

.dark-theme .card-header * {
    color: var(--slate-800) !important;
}

.dark-theme .card-body {
    background-color: var(--slate-200) !important;
    color: var(--slate-700) !important;
}

.dark-theme .card-body * {
    color: var(--slate-700) !important;
}

.dark-theme .card-body p,
.dark-theme .card-body span,
.dark-theme .card-body div {
    color: var(--slate-700) !important;
}

.dark-theme .list-group-item {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-700) !important;
}

.dark-theme .list-group-item:hover {
    background-color: var(--slate-300) !important;
}

.dark-theme .breadcrumb {
    background-color: transparent !important;
}

.dark-theme .breadcrumb-item a {
    color: var(--slate-600) !important;
}

.dark-theme .breadcrumb-item.active {
    color: var(--slate-800) !important;
}

.dark-theme .pagination .page-link {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-700) !important;
}

.dark-theme .pagination .page-link:hover {
    background-color: var(--slate-300) !important;
    color: var(--slate-900) !important;
}

.dark-theme .pagination .page-item.active .page-link {
    background-color: var(--secondary-600) !important;
    border-color: var(--secondary-600) !important;
    color: var(--slate-950) !important;
}

.dark-theme .pagination li.active a {
    color: var(--slate-950) !important;
}

.dark-theme .badge {
    background-color: var(--slate-300) !important;
    color: var(--slate-900) !important;
}

.dark-theme .alert {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-700) !important;
}

.dark-theme .nav-tabs {
    border-bottom-color: var(--slate-300) !important;
}

.dark-theme .nav-tabs .nav-link {
    color: var(--slate-600) !important;
    border-color: transparent !important;
}

.dark-theme .nav-tabs .nav-link:hover {
    color: var(--slate-800) !important;
    border-color: var(--slate-300) !important;
}

.dark-theme .nav-tabs .nav-link.active {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) var(--slate-300) var(--slate-200) !important;
    color: var(--secondary-600) !important;
}

.dark-theme .tab-content {
    background-color: transparent !important;
    color: var(--slate-700) !important;
    padding: 20px 0 !important;
}

.dark-theme .tab-pane {
    background-color: transparent !important;
    color: var(--slate-700) !important;
}

.dark-theme .tab-pane * {
    color: var(--slate-700) !important;
}

.dark-theme .tab-pane h1,
.dark-theme .tab-pane h2,
.dark-theme .tab-pane h3,
.dark-theme .tab-pane h4,
.dark-theme .tab-pane h5,
.dark-theme .tab-pane h6 {
    color: var(--slate-800) !important;
}

/* Profile Page - Additional Elements */
.dark-theme .profile-view-action {
    background: transparent !important;
}

.dark-theme .profile-view-action li {
    background: transparent !important;
    color: var(--slate-700) !important;
}

.dark-theme .status-green {
    background: var(--green-100) !important;
    color: var(--green-700) !important;
}

.dark-theme .model-video-list,
.dark-theme .categories-video-list {
    background: transparent !important;
}

.dark-theme .model-video-list .row,
.dark-theme .categories-video-list .row {
    background: transparent !important;
}

/* NoSearchFound Component */
.dark-theme .heading.text-blue {
    color: var(--primary-600) !important;
}

.dark-theme .text-blue {
    color: var(--primary-600) !important;
}

/* Footer Dark Theme */
.dark-theme footer {
    background: var(--slate-100) !important;
    border-top-color: var(--secondary-500) !important;
}

.dark-theme .footer-adress-info p {
    color: var(--slate-600) !important;
}

.dark-theme .footer-menu a {
    color: var(--slate-600) !important;
}

.dark-theme .footer-menu a:hover {
    color: var(--slate-800) !important;
}

.dark-theme footer .headings-h5 {
    color: var(--secondary-600) !important;
}

.dark-theme .bottom-footer {
    background: var(--slate-200) !important;
    color: var(--slate-600) !important;
}

/* Profile Page Dark Theme Styles - Premium Professional */
.dark-theme .model-detail-bg {
    background-color: var(--bg) !important;
}

.dark-theme .profile-full-view {
    background: transparent !important;
}

.dark-theme .profile-full-view-left {
    background: var(--slate-200) !important;
    border: 1px solid var(--slate-300) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
    border-radius: 16px !important;
}

.dark-theme .profile-full-view-left .thmub-box > div {
    border: 8px solid var(--slate-200) !important;
    background: var(--slate-200) !important;
}

.dark-theme .profile-full-view-right {
    background: transparent !important;
}

.dark-theme .profile-full-view-right .tabs-wrapper {
    background: transparent !important;
}

.dark-theme .model-profile-info {
    background: transparent !important;
    color: var(--slate-700) !important;
}

.dark-theme .model-profile-edit {
    background: transparent !important;
}

.dark-theme .model-profile-image {
    background: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
}

.dark-theme .model-profile-image img {
    border-color: var(--slate-300) !important;
}

.dark-theme .model-profile-edit .form-control,
.dark-theme .model-profile-edit .form-select,
.dark-theme .model-profile-edit textarea {
    background-color: var(--slate-100) !important;
    border-color: var(--slate-400) !important;
    color: var(--slate-800) !important;
}

.dark-theme .model-profile-edit .form-control:focus,
.dark-theme .model-profile-edit .form-select:focus,
.dark-theme .model-profile-edit textarea:focus {
    background-color: var(--slate-100) !important;
    border-color: var(--primary-600) !important;
    color: var(--slate-900) !important;
}

.dark-theme .model-profile-edit label {
    color: var(--slate-700) !important;
}

.dark-theme .model-info {
    color: var(--slate-700) !important;
    background: transparent !important;
}

.dark-theme .model-info .headings-h5,
.dark-theme .model-info h2,
.dark-theme .model-info h3,
.dark-theme .model-info h4,
.dark-theme .model-info h5 {
    color: var(--slate-800) !important;
}

.dark-theme .model-info .subtitle-2 {
    color: var(--slate-600) !important;
}

.dark-theme .model-info p {
    color: var(--slate-600) !important;
}

.dark-theme .model-title-rating {
    color: var(--slate-700) !important;
}

.dark-theme .model-title-rating h2,
.dark-theme .model-title-rating .headings-h5 {
    color: var(--slate-800) !important;
}

.dark-theme .model-title-rating p {
    color: var(--slate-600) !important;
}

.dark-theme .model-rating {
    color: var(--slate-700) !important;
}

.dark-theme .my-account-list {
    background: transparent !important;
}

.dark-theme .my-account-list ul {
    color: var(--slate-700) !important;
    background: transparent !important;
}

.dark-theme .my-account-list li {
    color: var(--slate-700) !important;
    border-bottom-color: var(--slate-300) !important;
    background: transparent !important;
}

.dark-theme .my-account-list li h5 {
    color: var(--slate-800) !important;
}

.dark-theme .my-account-list li span {
    color: var(--slate-600) !important;
}

.dark-theme .my-account-list-modal ul {
    color: var(--slate-600) !important;
}

.dark-theme .my-account-list-modal h5 {
    color: var(--slate-800) !important;
}

/* Model Profile Tabs - Dark Theme - Professional Optimization */
.dark-theme .profile-info-tab {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

.dark-theme .profile-info-tab .nav-tabs {
    background: transparent !important;
    border-bottom: 2px solid var(--slate-300) !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--slate-400) var(--slate-200) !important;
}

.dark-theme .profile-info-tab .nav-tabs::-webkit-scrollbar {
    height: 6px !important;
}

.dark-theme .profile-info-tab .nav-tabs::-webkit-scrollbar-track {
    background: var(--slate-200) !important;
    border-radius: 10px !important;
}

.dark-theme .profile-info-tab .nav-tabs::-webkit-scrollbar-thumb {
    background: var(--slate-400) !important;
    border-radius: 10px !important;
}

.dark-theme .profile-info-tab .nav-tabs::-webkit-scrollbar-thumb:hover {
    background: var(--slate-500) !important;
}

.dark-theme .profile-info-tab .nav-tabs li {
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
}

.dark-theme .profile-info-tab .nav-tabs li a {
    background: var(--slate-200) !important;
    color: var(--slate-800) !important;
    border: 2px solid var(--slate-300) !important;
    border-radius: 46px !important;
    padding: 10px 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.dark-theme .profile-info-tab .nav-tabs li a:hover {
    background: var(--slate-300) !important;
    color: var(--slate-900) !important;
    border-color: var(--slate-400) !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .profile-info-tab .nav-tabs li a.active {
    background: linear-gradient(135deg, var(--secondary-600) 0%, var(--secondary-700) 100%) !important;
    color: var(--slate-950) !important;
    border-color: var(--secondary-600) !important;
    transform: translateY(-2px) scale(1.05) !important;
    z-index: 2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
}

.dark-theme .profile-info-tab .nav-tabs li a.active::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background: linear-gradient(135deg, var(--secondary-600), var(--secondary-700)) !important;
    border-radius: 46px !important;
    z-index: -1 !important;
    opacity: 0.3 !important;
    filter: blur(8px) !important;
}

/* Progress Bar - Dark Theme */
.dark-theme .progress {
    background-color: var(--slate-300) !important;
    border-radius: 10px !important;
    height: 8px !important;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .progress-bar {
    background: linear-gradient(90deg, var(--secondary-600) 0%, var(--secondary-700) 100%) !important;
    border-radius: 10px !important;
    box-shadow: 
        0px 2px 8px rgba(230, 139, 184, 0.4),
        inset 0px 1px 2px rgba(255, 255, 255, 0.2) !important;
    transition: width 0.3s ease !important;
}

.dark-theme .progress-bar.bg-info {
    background: linear-gradient(90deg, var(--secondary-600) 0%, var(--secondary-700) 100%) !important;
}

.dark-theme .text-secondary {
    color: var(--slate-600) !important;
}

.dark-theme .tab-button.active {
    background: var(--secondary-600) !important;
    color: var(--slate-950) !important;
}

.dark-theme .about-info-text {
    color: var(--slate-600) !important;
}

.dark-theme .about-info-text h3 {
    color: var(--secondary-600) !important;
}

.dark-theme .about-info-text h5 {
    color: var(--slate-800) !important;
}



.dark-theme table tr td {
    color: var(--slate-600) !important;
    background-color: var(--slate-100) !important;
}

.dark-theme table tr:hover td {
    background-color: var(--slate-200) !important;
}

/* Typography Dark Theme */
.dark-theme .headings-h1,
.dark-theme .headings-h2,
.dark-theme .headings-h3,
.dark-theme .headings-h4,
.dark-theme .headings-h5,
.dark-theme .headings-h6 {
    color: var(--slate-800) !important;
}

.dark-theme .subtitle-1,
.dark-theme .subtitle-2,
.dark-theme .subtitle-3 {
    color: var(--slate-600) !important;
}

.dark-theme .body-1,
.dark-theme .body-2,
.dark-theme .body-3 {
    color: var(--slate-900) !important;
}

.dark-theme .text-link-1,
.dark-theme .text-link-2 {
    color: var(--secondary-600) !important;
}

.dark-theme .text-link-1:hover,
.dark-theme .text-link-2:hover {
    color: var(--secondary-700) !important;
}

/* Profile Action Buttons Dark Theme */
.dark-theme .profile-view-action .btn {
    color: var(--slate-950) !important;
}

.dark-theme .profile-view-action .btn-primary {
    background: var(--primary-600) !important;
}

.dark-theme .profile-view-action .btn-secondary {
    background: var(--secondary-600) !important;
}

.dark-theme .profile-view-action .btn:hover {
    opacity: 0.9;
}

/* Additional Profile Elements Dark Theme */
.dark-theme .model-rating {
    color: var(--slate-600) !important;
}

.dark-theme .star-show-user-rating {
    color: var(--slate-600) !important;
}

.dark-theme .audio-hover-box {
    background: transparent !important;
}

.dark-theme .audio-action .btn {
    background: var(--primary-600) !important;
    color: var(--white) !important;
}

.dark-theme .audio-action .btn:hover {
    background: var(--primary-700) !important;
}

/* Gallery and Carousel Dark Theme */
.dark-theme .owl-carousel {
    background: transparent !important;
}

.dark-theme .owl-stage-outer {
    background: transparent !important;
}

.dark-theme .owl-item {
    background: transparent !important;
}

/* Dropdown Arrow in Header */
.dark-theme .dropdown-toggle::after {
    border-top-color: var(--slate-600) !important;
}

.dark-theme .nav-link.dropdown-toggle::after {
    border-top-color: var(--slate-500) !important;
}

.dark-theme .nav-link.dropdown-toggle:hover::after {
    border-top-color: var(--slate-700) !important;
}

/* Search Box in Header */
.dark-theme .header-search .form-control {
    background-color: var(--slate-200) !important;
    border-color: var(--slate-300) !important;
    color: var(--slate-700) !important;
}

.dark-theme .header-search .form-control::placeholder {
    color: var(--slate-500) !important;
}

.dark-theme .header-search .form-control:focus {
    background-color: var(--slate-200) !important;
    border-color: var(--primary-600) !important;
    color: var(--slate-800) !important;
}