#make_private_profile{color:#000 !important;}
.fa-envelope-o {
    color: #fff !important;  
}
.dsp-line, .heading-text, .tab-box a.activeLink, .age-text, #dsp_plugin .profle-detail ul.quick-star-details li, .right-link span, .dsp_tab1 {
    background: #3d5a1f !important;
    color: #fff;
    padding: 10px;
}

.line, .dsp_tab1-active {
    background:none !important;
}

/* ===== COMPLETE CSS - STYLES ALL SUB-MENUS ===== */

/* MAIN MENU */
.dsp-tab-container.dspdp-tab-container.touch {
    background: transparent !important;
    padding: 10px 0 !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border: none !important;
    outline: none !important;
}

.dsp-line {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
	padding-bottom:15px;

}

/* MAIN MENU TABS */
.dsp_tab1,
.dsp_tab1-active {
    display: inline-block !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    background: #28420f !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    float: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.dsp_tab1-active {
    background: #4CAF50 !important;
    font-weight: bold !important;
    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.4) !important;
}

.dsp_tab1 a,
.dsp_tab1-active a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
}

.dsp_tab1:hover {
    background: #3a6b2a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

.dsp_tab1-active:hover {
    background: #45a049 !important;
}

/* ===== SUB-MENU - STYLES ALL SUB-MENUS ===== */
.line.dsp-none {
    background: transparent !important;
    padding: 8px 0 !important;    
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    border: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.line.dsp-none .dsp_tab1 {
    display: inline-block !important;
    padding: 8px 18px !important;  
    background: #28420f !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    float: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.line.dsp-none .dsp_tab1 a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    border: none !important;
    outline: none !important;
}

.line.dsp-none .dsp_tab1:hover {
    background: #3a6b2a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* HIDE CLEARFIX */
.clr,
.line.dsp-none .clr {
    display: none !important;
}
#post-147 .box-pedding p {
    color: #000;
}

/* Sidebar login other links - green buttons in a single row */
.sidebarlogin_otherlinks {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.sidebarlogin_otherlinks li {
    display: inline-block;
    flex: 1;
    max-width: 200px;
    min-width: 120px;
}

.sidebarlogin_otherlinks li a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    background: #28420f;
    color: #ffffff !important;
    font-weight: bold;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    font-size: 13px;
    white-space: nowrap;
    border: none;
}

.sidebarlogin_otherlinks li a:hover {
    background: #3a5f1a;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40, 66, 15, 0.3);
    color: #ffffff !important;
}

.sidebarlogin_otherlinks li a:active {
    transform: translateY(0);
}

/* Responsive - stack on very small screens */
@media (max-width: 480px) {
    .sidebarlogin_otherlinks {
        flex-direction: column;
        gap: 8px;
    }
    
    .sidebarlogin_otherlinks li {
        max-width: 100%;
        min-width: unset;
    }
    
    .sidebarlogin_otherlinks li a {
        font-size: 14px;
        padding: 12px;
        white-space: normal;
    }
}



.page-id-20 button {background: transparent;}
 .page-id-20 button:hover {background: transparent;}
#ons-menu-open,#ons-menu-close{ background: transparent;}
/*old css*/
#dsp_plugin input[type="submit"] {margin-top:5px;}
.title-txt,.user-name-show{color:#fff;}
.left-online-info .user-name a{color:#fff;}
.chat-box1 {
    background: #fff;
	padding:10px;
}

/* =======================
   MINIMAL LOGIN FORM
   ======================= */

.dsp_login_main {
    max-width: 380px;
    margin: 40px auto;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.dsp_login_main .widgettitle {
    text-align: center;
    padding: 20px 20px 0;
    background: transparent;
    border: none;
}

.dsp_login_main .widgettitle span {
    font-size: 24px;
    font-weight: 600;
    color: #1f2937;
}

.dsp_login_main .dspdp-spacer-hg {
    padding: 20px;
}

.dsp_login_main form label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dsp_login_main .dspdp-form-control {
    width: 100%;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #d1d5db;
    font-size: 15px;
    background: transparent;
    transition: border-color 0.2s;
}

.dsp_login_main .dspdp-form-control:focus {
    outline: none;
    border-bottom-color: #3b82f6;
}

.dsp_login_main .rememberme {
    margin: 20px 0;
}

.dsp_login_main .dspdp-btn.dspdp-btn-default {
    width: 100%;
    background: #1f2937;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.dsp_login_main .dspdp-btn.dspdp-btn-default:hover {
    background: #111827;
}

.dsp_login_main .sidebarlogin_otherlinks {
    display: flex;
    justify-content: center;
    gap: 24px;
    padding: 16px 20px;
    border-top: 1px solid #f0f0f0;
}

.dsp_login_main .sidebarlogin_otherlinks a {
    font-size: 13px;
    color: #6b7280;
    text-decoration: none;
}

.dsp_login_main .sidebarlogin_otherlinks a:hover {
    color: #3b82f6;
}
.user-status a{color:#000 !important; }
/* =======================
   MINIMAL SEARCH SECTION
   ======================= */

.content-search {
    background: #f9fafb;
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
}

.dspdp-form-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 16px;
    justify-content: center;
}

.dspdp-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    padding: 4px 16px 4px 5px;
    border-radius: 5px;
   
}
.dspdp-nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #000;
}

.line {  
    margin-bottom: 75px !important;
}


.dspdp-nav>li>a:hover, .dspdp-nav>li>a:focus {
    text-decoration: none;
    background-color: #4CAF50 ;
}


.dsp-label {
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
}

.dspdp-form-control {   
    border: solid 1px #28420f;
    font-size: 14px;
    color: #1f2937;  
    cursor: pointer;
    min-width: 70px;
	height:52px;
}

.dspdp-form-control:focus {
    outline: none;
}

.dspdp-btn.dspdp-btn-default {
    background: #3b82f6;
    color: white;
    border: none;
    padding: 8px 24px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.dspdp-btn.dspdp-btn-default:hover {
    background: #2563eb;
}

/* Responsive */
@media (max-width: 768px) {
    .content-search {
        padding: 16px;
    }
    
    .dspdp-form-inline {
        flex-direction: column;
        gap: 10px;
    }
    
    .dspdp-inline {
        width: 100%;
        justify-content: space-between;
        border-radius: 12px;
        padding: 8px 16px;
    }
    
    .dspdp-form-control {
        flex: 1;
        text-align: left;
        padding: 8px;
    }
    
    .dspdp-btn.dspdp-btn-default {
        width: 100%;
        border-radius: 12px;
        padding: 10px;
    }
}


/* =======================
   MEMBER IMAGE BOX
   ======================= */
a#change-profile-pic {
    background: #fff;  
    padding: 1px 5px;
}

.profile-image img {
    width: 100%;
    height: auto;
    padding: 10px;
	border: solid 1px #3d5a1f;
}

.image-box {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    transition: all 0.25s ease;
    border: 1px solid #f0f0f0;
}

.image-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    border-color: #e5e7eb;
}

/* Circle image container */
.circle-image {
    margin-bottom: 14px;
}

.circle-image a {
    display: inline-block;
    text-decoration: none;
}

.circle-image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.25s ease;
}

.circle-image img:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Member name */
.img-name {
    display: block;
    margin-top: 10px;
}

.img-name a {
    font-size: 15px;
    font-weight: 500;
    color: #1f2937;
    text-decoration: none;
    transition: color 0.2s ease;
}

.img-name a:hover {
    color: #3b82f6;
}

/* Age text */
.age-text {
    display: none;
    font-size: 13px;
    color: #9ca3af;
    margin-top: 4px;
}

/* Alternative: If you want to show age */
.age-text:not(:empty)::before {
    content: "• ";
}

/* =======================
   RESPONSIVE
   ======================= */
@media (max-width: 768px) {
    .image-box {
        padding: 16px;
    }
    
    .circle-image img {
        width: 85px;
        height: 85px;
    }
    
    .img-name a {
        font-size: 14px;
    }
    
    .age-text {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .image-box {
        padding: 14px;
    }
    
    .circle-image img {
        width: 75px;
        height: 75px;
    }
}
/* =======================
   SIMPLE CLEAN MENU PROFILE
   ======================= */

.menus-profile {
    margin: 20px 0;
}

.menus-profile ul {
    display: flex;
    justify-content: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.menus-profile ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #3d5a1f;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease;
}

.menus-profile ul li a:hover {
    background: #4CAF50 ;
    color: #fff;
    transform: translateY(-2px);
}

.menus-profile ul li a i {
    font-size: 18px;
}

/* Responsive */
@media (max-width: 768px) {
    .menus-profile ul {
        gap: 10px;
    }
    
    .menus-profile ul li a {
        width: 38px;
        height: 38px;
    }
    
    .menus-profile ul li a i {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .menus-profile ul {
        gap: 8px;
    }
    
    .menus-profile ul li a {
        width: 35px;
        height: 35px;
    }
    
    .menus-profile ul li a i {
        font-size: 14px;
    }
}




.box-page .upgrade-details-page li {   
    color: #000;
}



.dsp-username a{color:#000 !important;}
.guest .user-links{display:none !important;}
/* Container styling */
.box-pedding {
    padding: 20px;   
    border-radius: 16px;
	padding:10px 10px;
}

/* Main upgrade page container */
.setting-page__disable.dsp-member-upgrade-page {
    max-width: 400px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.setting-page__disable.dsp-member-upgrade-page:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Row styling */
.setting-page__disable.dsp-member-upgrade-page .dspdp-row {
    list-style: none;
    margin: 0;
    padding: 30px 20px;
    text-align: center;
}

.setting-page__disable.dsp-member-upgrade-page .dspdp-row li {
    margin-bottom: 20px;
}

/* Image container and styling */
.setting-page__disable.dsp-member-upgrade-page .dspdp-spacer {
    text-align: center;
    padding: 10px 0;
}

.setting-page__disable.dsp-member-upgrade-page .dspdp-img-responsive.dspdp-block-center {
    display: inline-block;
    max-width: 120px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 15px;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    transition: transform 0.3s ease;
}

.setting-page__disable.dsp-member-upgrade-page .dspdp-img-responsive.dspdp-block-center:hover {
    transform: scale(1.05);
}

/* Title styling */
.setting-page__disable.dsp-member-upgrade-page .dspdp-upgrade-desc strong {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    display: block;
    margin-bottom: 5px;
}

/* Description text */
.setting-page__disable.dsp-member-upgrade-page .dspdp-upgrade-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* Price section */
.setting-page__disable.dsp-member-upgrade-page li > div {
    text-align: center;
}

.setting-page__disable.dsp-member-upgrade-page span {
    font-size: 32px !important;
    font-weight: 700;
    color: #764ba2;
    display: inline-block;
    margin-top: 10px;
}

/* Button styling */
.setting-page__disable.dsp-member-upgrade-page .dspdp-btn.dspdp-btn-default {
    display: inline-block;
    padding: 12px 30px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-bottom: 10px;
}

.setting-page__disable.dsp-member-upgrade-page .dspdp-btn.dspdp-btn-default:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
}

/* Responsive Design */
@media (max-width: 768px) {
    .box-pedding {
        padding: 15px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page {
        max-width: 350px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page .dspdp-row {
        padding: 25px 15px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page .dspdp-img-responsive.dspdp-block-center {
        max-width: 100px;
        padding: 12px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page .dspdp-upgrade-desc strong {
        font-size: 20px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page span {
        font-size: 28px !important;
    }
}

@media (max-width: 480px) {
    .setting-page__disable.dsp-member-upgrade-page {
        max-width: 300px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page .dspdp-img-responsive.dspdp-block-center {
        max-width: 80px;
        padding: 10px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page .dspdp-upgrade-desc strong {
        font-size: 18px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page .dspdp-btn.dspdp-btn-default {
        padding: 10px 25px;
        font-size: 13px;
    }
    
    .setting-page__disable.dsp-member-upgrade-page span {
        font-size: 24px !important;
    }
}

/* Alternative: Square image style */
.setting-page__disable.dsp-member-upgrade-page .dspdp-img-responsive.dspdp-block-center.square {
    border-radius: 16px;
    padding: 15px;
}

/* Alternative: No background circle - just image */
.setting-page__disable.dsp-member-upgrade-page .dspdp-img-responsive.dspdp-block-center.plain {
    background: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

/* For multiple cards in a grid */
.box-pedding.grid-view {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}
.dsp_search_result_box_in{color:#fff;}

/* Payment Form Container */
.box-page {
    max-width: 800px;
    margin: 0 auto;
  /*  background: #ffffff;*/
    border-radius: 16px;
    padding:10px 0px;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Form styling */
.box-page form {
   /* padding: 30px;*/
}

.widget_wp_sidebarlogin form input.text {   
    padding-left: 10px;
}


/* Required fields note */
.box-page form > div:first-child {
    text-align: right;
    margin-bottom: 24px;
    font-size: 12px;
    color: #666;
}

.box-page form > div:first-child span {
    background: #f8f9fa;
    padding: 6px 14px;
    border-radius: 20px;
}

/* Card Box - Payment Icons Container */
.box-page .card-box {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    gap: 20px;
}

.box-page .card-box div {
    flex: 0 0 auto;
}

.box-page .card-box img {
    max-height: 40px;
    width: auto;  
    transition: transform 0.3s ease;
}

.box-page .card-box img:hover {
    transform: translateY(-3px);
}

/* Upgrade Details List */
.box-page .upgrade-details-page {
    list-style: none;
    margin: 0;
    padding: 0;
}

.box-page .upgrade-details-page li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e9ecef;
}

.box-page .upgrade-details-page li:last-child {
    border-bottom: none;
}

/* Labels */
.box-page .upgrade-details-page li span {
    width: 160px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

/* Input fields */
.box-page .upgrade-details-page li input[type="text"] {
    flex: 1;
    min-width: 200px;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #fff;
}

.box-page .upgrade-details-page li input[type="text"]:focus {
    outline: none;
    border-color: #764ba2;
    box-shadow: 0 0 0 3px rgba(118, 75, 162, 0.1);
}

/* Radio buttons group */
.box-page .upgrade-details-page li input[type="radio"] {
    margin-right: 6px;
    margin-left: 15px;
    accent-color: #764ba2;
}

.box-page .upgrade-details-page li input[type="radio"]:first-of-type {
    margin-left: 0;
}

/* Select dropdown */
.box-page .upgrade-details-page li select {
    flex: 1;
    min-width: 200px;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
}

.box-page .upgrade-details-page li select:focus {
    outline: none;
    border-color: #764ba2;
    box-shadow: 0 0 0 3px rgba(118, 75, 162, 0.1);
}

/* Buttons */
.box-page .upgrade-details-page li input[type="submit"],
.box-page .upgrade-details-page li input[type="button"] {
    padding: 12px 28px;
    border: none;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.box-page .upgrade-details-page li input[type="submit"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.box-page .upgrade-details-page li input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

.box-page .upgrade-details-page li input[type="button"] {
    background: #f8f9fa;
    color: #666;
    border: 1px solid #ddd;
    margin-left: 15px;
}

.box-page .upgrade-details-page li input[type="button"]:hover {
    background: #e9ecef;
    transform: translateY(-2px);
}

/* Red asterisk */
.box-page .upgrade-details-page li span font {
    color: #dc3545;
    margin-right: 3px;
}

/* Note section */
.box-page form > div:last-child {
    margin-top: 25px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 10px;
    font-size: 12px;
    color: #666;
    text-align: center;
}

.box-page form > div:last-child b {
    color: #764ba2;
}

/* Responsive Design */
@media (max-width: 768px) {
    .box-page form {
        padding: 20px;
    }
    
    .box-page .upgrade-details-page li {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .box-page .upgrade-details-page li span {
        width: 100%;
    }
    
    .box-page .upgrade-details-page li input[type="text"],
    .box-page .upgrade-details-page li select {
        width: 100%;
        min-width: auto;
    }
    
    .box-page .upgrade-details-page li input[type="radio"] {
        margin-left: 0;
        margin-right: 5px;
    }
    
    .box-page .card-box {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .box-page .card-box img {
        max-height: 30px;
    }
}

/* For very small screens */
@media (max-width: 480px) {
    .box-page form {
        padding: 15px;
    }
    
    .box-page .upgrade-details-page li input[type="submit"],
    .box-page .upgrade-details-page li input[type="button"] {
        width: 100%;
    }
    
    .box-page .upgrade-details-page li input[type="button"] {
        margin-left: 0;
        margin-top: 10px;
    }
}

/* Print styles */
@media print {
    .box-page {
        box-shadow: none;
    }
    
    .box-page .card-box {
        background: #f0f0f0;
    }
    
    .box-page .card-box img {
        filter: none;
    }
}

.msg{color:#000;}
.box-page.dsp-favourite-notification {
    padding: 10px;
}

/* Remove red background circle on hover */
.box-search-result.image-container .dsp_fav_link_border:hover {
    background-color: transparent !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Keep heart icon its original color on hover */
.box-search-result.image-container .dsp_fav_link_border:hover .fa-heart {
    color: #dc3545 !important; /* Keep original red color, no white */
    transform: none !important;
}

/* Remove all hover effects from both buttons */
.box-search-result.image-container .dsp_fav_link_border {
    background-color: #f8f9fa;
    transition: none;
}

.box-search-result.image-container .dsp_fav_link_border:hover {
    background-color: #f8f9fa;
    transform: none;
    box-shadow: none;
}

.box-search-result.image-container .dsp_fav_link_border:hover .fa-heart,
.box-search-result.image-container .dsp_fav_link_border:hover .fa-envelope-o {
    color: inherit;
    transform: none;
}

/* Add fallback styling for broken images */
.box-search-result.image-container .img-box.dspdp-spacer.circle-image .img-big {
    background-color: #e0e0e0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff0000"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 8h-4v4h-4v-4H6V9h4V5h4v4h4v2z"/></svg>');
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}
/* Main container */
.box-search-result.image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    max-width: 300px;
    margin: 0 auto;
}

.box-search-result.image-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Image box container */
.box-search-result.image-container .img-box.dspdp-spacer.circle-image {
    position: relative;
    width: 150px;
    height: 150px;
    margin-bottom: 15px;
}

/* Circle image styling */
.box-search-result.image-container .img-box.dspdp-spacer.circle-image a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f0f0f0;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Image styling */
.box-search-result.image-container .img-box.dspdp-spacer.circle-image .img-big {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.box-search-result.image-container .img-box.dspdp-spacer.circle-image a:hover .img-big {
    transform: scale(1.05);
}

/* Online status indicator */
.box-search-result.image-container .online.dspdp-online-status {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2;
}

.box-search-result.image-container .online.dspdp-online-status .dspdp-status-on {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #4caf50;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* User status container */
.box-search-result.image-container .user-status {
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
}

/* Username styling */
.box-search-result.image-container .user-status .user-name.dspdp-h5.dspdp-username.dsp-username {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.box-search-result.image-container .user-status .user-name.dspdp-h5.dspdp-username.dsp-username a {
    color: #333333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.box-search-result.image-container .user-status .user-name.dspdp-h5.dspdp-username.dsp-username a:hover {
    color: #007bff;
}

/* User details */
.box-search-result.image-container .user-details.dspdp-spacer.dspdp-user-details.dsp-user-details {
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
    margin-bottom: 15px;
    width: 100%;
}

/* User links container */
.box-search-result.image-container .user-links.dsp-none {
    display: block !important;
    width: 100%;
}

/* UL row styling */
.box-search-result.image-container .user-links.dsp-none ul.dspdp-row {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 15px;
}

/* LI items */
.box-search-result.image-container .user-links.dsp-none ul.dspdp-row li.dspdp-col-xs-3 {
    flex: 0 0 auto;
    padding: 0;
}

/* Favorite link border */
.box-search-result.image-container .dsp_fav_link_border {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.box-search-result.image-container .dsp_fav_link_border:hover {
    background-color: #ff6b6b;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
}

/* Icon styling */
.box-search-result.image-container .dsp_fav_link_border .fa-heart,
.box-search-result.image-container .dsp_fav_link_border .fa-envelope-o {
    font-size: 18px;
    color: #dc3545;
    transition: all 0.3s ease;
}

.box-search-result.image-container .dsp_fav_link_border .fa-envelope-o {
    color: #007bff;
}

.box-search-result.image-container .dsp_fav_link_border:hover .fa-heart {
    color: #ffffff;
    transform: scale(1.1);
}

.box-search-result.image-container .dsp_fav_link_border:hover .fa-envelope-o {
    color: #ffffff;
    transform: scale(1.1);
}

/* Links */
.box-search-result.image-container .dsp_fav_link_border a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/* Responsive design */
@media (max-width: 768px) {
    .box-search-result.image-container {
        padding: 15px;
        max-width: 280px;
    }
    
    .box-search-result.image-container .img-box.dspdp-spacer.circle-image {
        width: 120px;
        height: 120px;
    }
    
    .box-search-result.image-container .user-status .user-name.dspdp-h5.dspdp-username.dsp-username {
        font-size: 16px;
    }
    
    .box-search-result.image-container .user-details.dspdp-spacer.dspdp-user-details.dsp-user-details {
        font-size: 13px;
    }
    
    .box-search-result.image-container .dsp_fav_link_border {
        width: 35px;
        height: 35px;
    }
    
    .box-search-result.image-container .dsp_fav_link_border .fa-heart,
    .box-search-result.image-container .dsp_fav_link_border .fa-envelope-o {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .box-search-result.image-container {
        padding: 12px;
        max-width: 260px;
    }
    
    .box-search-result.image-container .img-box.dspdp-spacer.circle-image {
        width: 100px;
        height: 100px;
    }
    
    .box-search-result.image-container .user-status .user-name.dspdp-h5.dspdp-username.dsp-username {
        font-size: 15px;
    }
    
    .box-search-result.image-container .user-details.dspdp-spacer.dspdp-user-details.dsp-user-details {
        font-size: 12px;
    }
    
    .box-search-result.image-container .dsp_fav_link_border {
        width: 30px;
        height: 30px;
    }
    
    .box-search-result.image-container .dsp_fav_link_border .fa-heart,
    .box-search-result.image-container .dsp_fav_link_border .fa-envelope-o {
        font-size: 14px;
    }
}

/* Print styles */
@media print {
    .box-search-result.image-container {
        box-shadow: none;
        border: 1px solid #ddd;
        transform: none;
    }
    
    .box-search-result.image-container .online.dspdp-online-status .dspdp-status-on {
        border: 1px solid #ddd;
    }
    
    .box-search-result.image-container .dsp_fav_link_border {
        box-shadow: none;
        border: 1px solid #ddd;
    }
}


/* Profile image container */
.box-profile-link.dsp-user-img-container.dspdp-clearfix {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

/* Profile image wrapper */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .profile-image {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Circle image container */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .circle-image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f0f0f0;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Hover effect for circle image */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .circle-image:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Image styling */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .circle-image .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Link styling */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .circle-image a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Menus/profile info container */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .menus-profile {
    width: 100%;
    margin-top: 10px;
}

/* UL styling */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .menus-profile ul.box-4.dspdp-clearfix {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 12px;
}

/* LI items */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .menus-profile ul.box-4.dspdp-clearfix li {
    margin: 0;
    padding: 0;
}

/* Favorites icon border */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Hover effect for favorites icon */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border:hover {
    background-color: #ff6b6b;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
}

/* Heart icon styling */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border .fa-heart {
    font-size: 18px;
    color: #dc3545;
    transition: all 0.3s ease;
}

/* Heart icon hover effect */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border:hover .fa-heart {
    color: #fff;
    transform: scale(1.1);
}

/* Link styling for favorites */
.box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/* Responsive design */
@media (max-width: 768px) {
    .box-profile-link.dsp-user-img-container.dspdp-clearfix .circle-image {
        width: 120px;
        height: 120px;
    }
    
    .box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border {
        width: 35px;
        height: 35px;
    }
    
    .box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border .fa-heart {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .box-profile-link.dsp-user-img-container.dspdp-clearfix .circle-image {
        width: 100px;
        height: 100px;
    }
    
    .box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border {
        width: 30px;
        height: 30px;
    }
    
    .box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border .fa-heart {
        font-size: 14px;
    }
}

/* Print styles */
@media print {
    .box-profile-link.dsp-user-img-container.dspdp-clearfix .circle-image {
        border: 1px solid #ddd;
        box-shadow: none;
    }
    
    .box-profile-link.dsp-user-img-container.dspdp-clearfix .fav_icons_border {
        box-shadow: none;
        border: 1px solid #ddd;
    }
}
/* Container ul styling */
ul.dspdp-other-details.dsp-user-detail-info {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 16px;
}

/* All li items */
ul.dspdp-other-details.dsp-user-detail-info li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 12px 16px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Hover effect */
ul.dspdp-other-details.dsp-user-detail-info li:hover {
    background-color: #f1f3f5;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Label spans */
ul.dspdp-other-details.dsp-user-detail-info li span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    margin-bottom: 6px;
}

/* Value/details */
ul.dspdp-other-details.dsp-user-detail-info li .details {
    font-size: 16px;
    font-weight: 500;
    color: #212529;
    word-wrap: break-word;
    line-height: 1.4;
}

/* Two-column layout for medium screens */
@media (min-width: 768px) {
    ul.dspdp-other-details.dsp-user-detail-info li.dsp-md-6 {
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }
    
    /* Full width items */
    ul.dspdp-other-details.dsp-user-detail-info li.li-fullwidth,
    ul.dspdp-other-details.dsp-user-detail-info li.dsp-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Optional: Three columns on large screens */
@media (min-width: 1024px) {
    ul.dspdp-other-details.dsp-user-detail-info li.dsp-md-6 {
        flex: 0 0 calc(33.333% - 11px);
        max-width: calc(33.333% - 11px);
    }
}

/* Special styling for full-width sections */
ul.dspdp-other-details.dsp-user-detail-info li.li-fullwidth {
    background-color: #e9ecef;
    border-left: 4px solid #007bff;
}

ul.dspdp-other-details.dsp-user-detail-info li.li-fullwidth span {
    color: #0056b3;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    ul.dspdp-other-details.dsp-user-detail-info li {
        padding: 10px 12px;
    }
    
    ul.dspdp-other-details.dsp-user-detail-info li .details {
        font-size: 14px;
    }
}

/* Print styles */
@media print {
    ul.dspdp-other-details.dsp-user-detail-info li {
        background-color: transparent;
        border: 1px solid #ddd;
        box-shadow: none;
        transform: none;
    }
}


.Status-box-profile .my-status {
    margin-top:10px !important; 
   
}
.Status-box-profile span {
   color:#000 !important;
   
}
.dsp_fav_link_border {display:none;}
.dsp-block-member-item span{ color: #fff !important;}
.linkright-view-profile-page span {
    color: #fff !important;
}

/* Force birth date selects into a row */
.dsp_reg_main ul li:last-of-type select,
.dsp_reg_main ul li:nth-last-child(2) select {
    width: auto !important;
    display: inline-block !important;
}

.dsp_reg_main ul li span.dsp-md-2,
.dsp_reg_main ul li span.dsp-md-3 {
    display: inline-block !important;
    width: auto !important;
    margin-right: 10px !important;
}

.dsp_reg_main ul li:has(select[name="dsp_mon"]) {
    display: block !important;
}

.dsp_reg_main ul li:has(select[name="dsp_mon"]) > span {
    display: inline-block !important;
    width: auto !important;
}



/* =====================================================
   LOST PASSWORD PAGE STYLING
   ===================================================== */

/* Change "Username or Email" text to white */
#usernemail,
.lost-password-page strong#usernemail,
.box-email-datails strong#usernemail {
    color: #000 !important;
    display: block;
    margin-bottom: 12px;
    font-size: 15px;
}

/* Style the description text */
.lost-password-page .dspdp-font-2x strong {
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
    opacity: 0.9;
}

/* Fix form layout and spacing */
.lost-password-page .dspdp-form-inline {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

/* Input field styling */
.lost-password-page #user_n_email {
    width: 100%;
    padding: 14px 18px;
    font-size: 15px;
    font-family: Poppins, sans-serif;
    border: 1px solid gray;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #000;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* Input focus state */
.lost-password-page #user_n_email:focus {
    border-color: #FFD700;
    outline: none;
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
}

/* Input placeholder */
.lost-password-page #user_n_email::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* Button styling with proper spacing */
.lost-password-page #get-password,
.lost-password-page .dspdp-btn-default {
    background: #4A0E4E !important;
    color: #000 !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: Poppins, sans-serif !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 5px !important;
    letter-spacing: 0.5px !important;
}

/* Button hover effect */
.lost-password-page #get-password:hover,
.lost-password-page .dspdp-btn-default:hover {
    background: #28420f  !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Loading image positioning */
.lost-password-page #loading_reset {
    margin-top: 5px;
    align-self: flex-start;
}

/* Responsive adjustments */
@media (min-width: 768px) {
    .lost-password-page .dspdp-form-inline {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
    }
    
    .lost-password-page #user_n_email {
        flex: 2;
        min-width: 200px;
    }
    
    .lost-password-page #get-password,
    .lost-password-page .dspdp-btn-default {
        width: auto !important;
        flex: 1;
        min-width: 150px;
    }
    
    .lost-password-page #loading_reset {
        margin-top: 0;
    }
}

/* Box container styling */
.lost-password-page .box-email-datails {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    margin-top: 20px;
}

/* Separator styling */
.lost-password-page .dspdp-seprator {
    display: block;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    margin: 20px 0;
}
.widgettitle{font-size:35px; color:#000;text-align:center;margin:10px 0px 10px 0px;}
/* Fix form group layout */
#tab-register .dspdp-form-group,
#tab-register .dsp-form-group {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 1rem !important;
    clear: both !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    #tab-register .dspdp-form-group,
    #tab-register .dsp-form-group {
        flex-direction: row !important;
        align-items: center !important;
    }
}

/* Fix label styling */
#tab-register .dsp-control-label {
    display: block !important;
    font-weight: 600 !important;
    color: #4A0E4E !important;
    margin-bottom: 0.5rem !important;
    width: 100% !important;
    text-align: left !important;
}

@media (min-width: 768px) {
    #tab-register .dsp-control-label {
        width: 150px !important;
        min-width: 150px !important;
        margin-bottom: 0 !important;
        text-align: right !important;
        padding-right: 1rem !important;
    }
}

/* Fix input container */
#tab-register .dsp-md-6,
#tab-register .dspdp-col-sm-6 {
    display: block !important;
    width: 100% !important;
    flex: 1 !important;
}

/* Fix input fields */
#tab-register .dsp-form-control {
    width: 100% !important;
   padding: 5px 10px 5px 10px;
    border: 1px solid #d1d5db !important;
    border-radius: 0.5rem !important;
    background: #fff !important;
}

/* Fix for First Name and Last Name to be on same line as labels */
#tab-register .dsp_reg_main ul li {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 1rem !important;
    padding: 0.75rem !important;
    border-bottom: 1px solid #eee !important;
}

@media (min-width: 768px) {
    #tab-register .dsp_reg_main ul li {
        flex-direction: row !important;
        align-items: center !important;
    }
}

/* Specific fix for name fields */
#tab-register li.dspdp-form-group {
    list-style: none !important;
}

/* Ensure the span and input are properly aligned */
#tab-register .dsp_reg_main ul li span.dsp-md-6 {
    display: block !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    #tab-register .dsp_reg_main ul li span.dsp-md-6 {
        display: inline-block !important;
        width: auto !important;
        flex: 1 !important;
    }
}






.registration-msg {color: #000; text-align:center; margin:0px auto; padding:10px;}

.dspdp-horiz-spacer {color:#000;}
.news-feed-page {color:#000;}
.error {color:#000;}
.thanks .error {color:#000;}
.dspdp-form-inline  {color:#000;}
.heading-feed {color:#000;}
.dspdp-row li {color:#000;}
.purchase-credit-heading {color:#000;}
.setting-page-account {color:#000;}
.dsp-row strong{color:#000;}
.dspdp-user-details {   
    color: #000;
}
.profle-detail {
    display: block;
    margin-left: 200px;
    color: #000;
}
.edit-profile select, .profile-questions select, .dspdp-form-control select {   
    margin-bottom: 10px;   
}
.heading-profile {
    font-weight: 600;
    color: #000;
}
.dsp-user-detail-info li{ color: #fff;}

#dsp_plugin button, #dsp_plugin input[type="submit"], #dsp_plugin input[type="button"], #dsp_plugin input[type="reset"], .btn-reply {
    background: #3d5a1f  !important;
    color: #fff !important;
    font-weight: bold !important;
}






/* Container for Age/DOB section */
.edit-profile li:has(select[name="dsp_mon"]),
.edit-profile .dsp-form-group:has(select[name="dsp_mon"]) {
    display: block;
    width: 100%;
    margin-bottom: 28px;
}

/* Label for Age section */
.edit-profile li:has(select[name="dsp_mon"]) .dsp-control-label,
.edit-profile .dsp-form-group:has(select[name="dsp_mon"]) .dsp-control-label {
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* Container for the three selects - 3 FIELDS IN 1 ROW */
.edit-profile li:has(select[name="dsp_mon"]) > div,
.edit-profile .dsp-form-group:has(select[name="dsp_mon"]) > div {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

/* Each select wrapper - equal distribution */
.edit-profile li:has(select[name="dsp_mon"]) .dspdp-col-sm-1,
.edit-profile li:has(select[name="dsp_mon"]) .dspdp-col-sm-2,
.edit-profile li:has(select[name="dsp_mon"]) .dspdp-col-sm-3,
.edit-profile .dsp-form-group:has(select[name="dsp_mon"]) .dspdp-col-sm-1,
.edit-profile .dsp-form-group:has(select[name="dsp_mon"]) .dspdp-col-sm-2,
.edit-profile .dsp-form-group:has(select[name="dsp_mon"]) .dspdp-col-sm-3 {
    float: none !important;
    width: 33.333% !important;
    flex: 1;
    padding: 0 !important;
    margin: 0 !important;
}

/* All DOB selects - consistent styling */
.edit-profile select[name="dsp_mon"],
.edit-profile select[name="dsp_day"],
.edit-profile select[name="dsp_year"] {
    width: 100%;
    padding: 14px 18px; 
	 margin:5px 10px 5px 10px; ;
    font-size: 15px;
    font-family: Poppins, sans-serif;
    border: 1px solid #28420f;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #000;
    height: 52px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 40px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Remove extra spacing between fields */
.edit-profile .dspdp-xs-form-group {
    margin-bottom: 0 !important;
}

/* Options styling */
.edit-profile select[name="dsp_mon"] option,
.edit-profile select[name="dsp_day"] option,
.edit-profile select[name="dsp_year"] option {
    background-color: #4A0E4E;
    color: #ffffff;
}

/* Focus state */
.edit-profile select[name="dsp_mon"]:focus,
.edit-profile select[name="dsp_day"]:focus,
.edit-profile select[name="dsp_year"]:focus {
    border-color: #FFD700;
    outline: none;
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
}

/* Hover effect */
.edit-profile select[name="dsp_mon"]:hover,
.edit-profile select[name="dsp_day"]:hover,
.edit-profile select[name="dsp_year"]:hover {
    border-color: rgba(255, 215, 0, 0.5);
}

/* Responsive - Stack on mobile */
@media (max-width: 640px) {
    .edit-profile li:has(select[name="dsp_mon"]) > div,
    .edit-profile .dsp-form-group:has(select[name="dsp_mon"]) > div {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .edit-profile li:has(select[name="dsp_mon"]) .dspdp-col-sm-1,
    .edit-profile li:has(select[name="dsp_mon"]) .dspdp-col-sm-2,
    .edit-profile li:has(select[name="dsp_mon"]) .dspdp-col-sm-3,
    .edit-profile .dsp-form-group:has(select[name="dsp_mon"]) .dspdp-col-sm-1,
    .edit-profile .dsp-form-group:has(select[name="dsp_mon"]) .dspdp-col-sm-2,
    .edit-profile .dsp-form-group:has(select[name="dsp_mon"]) .dspdp-col-sm-3 {
        width: 100% !important;
    }
    
    .edit-profile select[name="dsp_mon"],
    .edit-profile select[name="dsp_day"],
    .edit-profile select[name="dsp_year"] {
        width: 100%;
    }
}

/* =====================================================
   PROFILE QUESTIONS & TEXTAREA SECTION
   ===================================================== */

/* Profile Questions Container */
.edit-profile .dsp-form-group,
.profile-questions .dsp-form-group,
.dspdp-form-group {
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Question Labels - White Text */
.edit-profile .dsp-control-label,
.edit-profile .dspdp-control-label,
.profile-questions .dsp-control-label,
.profile-questions .dspdp-control-label,
.dspdp-control-label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #000 !important;
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    text-align: left;
    width: 100%;
}

/* Question Text (for questions that are just text) */
.edit-profile .dsp-control-label span,
.profile-questions .dsp-control-label span {
    color: #000 !important;
}

/* Textarea Styling - INCREASED HEIGHT */
.edit-profile textarea
{
    width: 100%;
    padding: 14px 18px;
    font-size: 15px;
    font-family: Poppins, sans-serif;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #000;
    transition: all 0.3s ease;
    box-sizing: border-box;
    min-height: 120px;
    resize: vertical;
    line-height: 1.5;
}

/* Textarea Focus State */
.edit-profile textarea:focus,
.profile-questions textarea:focus,
textarea.dspdp-form-control:focus {
    border-color: #FFD700;
    outline: none;   
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
}

/* Textarea Placeholder */
.edit-profile textarea::placeholder,
.profile-questions textarea::placeholder,
textarea.dspdp-form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}

/* Radio and Checkbox Groups */
.edit-profile .dspdp-radio,
.edit-profile .dspdp-checkbox,
.profile-questions .dspdp-radio,
.profile-questions .dspdp-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    color: #ffffff;
}

.edit-profile .dspdp-radio input,
.edit-profile .dspdp-checkbox input,
.profile-questions .dspdp-radio input,
.profile-questions .dspdp-checkbox input {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: #FFD700;
}

.edit-profile .dspdp-radio label,
.edit-profile .dspdp-checkbox label,
.profile-questions .dspdp-radio label,
.profile-questions .dspdp-checkbox label {
    color: #ffffff;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
}

/* Radio/Checkbox Group Container */
.edit-profile .dspdp-radio-group,
.profile-questions .dspdp-radio-group,
.edit-profile .dspdp-checkbox-group,
.profile-questions .dspdp-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 0;
}

/* Horizontal Radio Group (for gender etc) */
.edit-profile .dspdp-radio-group-horizontal,
.profile-questions .dspdp-radio-group-horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

/* Select Dropdowns */
.edit-profile select,
.profile-questions select,
.dspdp-form-control select {
    width: 100%;
    padding: 14px 18px;
    font-size: 15px;
    font-family: Poppins, sans-serif;
    border: 1px solid #28420f ;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #000;
    transition: all 0.3s ease;
    box-sizing: border-box;
    height: 52px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 40px;
}

.edit-profile select option,
.profile-questions select option {
    background-color: #4A0E4E;
    color: #ffffff;
}

/* Text Inputs */
.edit-profile input[type="text"],
.edit-profile input[type="email"],
.edit-profile input[type="password"],
.edit-profile input[type="number"],
.edit-profile input[type="tel"],
.profile-questions input[type="text"],
.profile-questions input[type="email"],
.profile-questions input[type="password"],
.profile-questions input[type="number"],
.profile-questions input[type="tel"] {
    width: 100%;
    padding: 14px 18px;
    font-size: 15px;
    font-family: Poppins, sans-serif;
    border: 1px solid #28420f;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    transition: all 0.3s ease;
    box-sizing: border-box;
    height: 52px;
}

/* Focus state for all inputs */
.edit-profile input:focus,
.profile-questions input:focus,
.edit-profile select:focus,
.profile-questions select:focus {
    border-color: #FFD700;
    outline: none;
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
}

/* Placeholder text */
.edit-profile input::placeholder,
.profile-questions input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* Disabled fields */
.edit-profile input:disabled,
.edit-profile select:disabled,
.edit-profile textarea:disabled {
    background-color: rgba(255, 255, 255, 0.05);
    cursor: not-allowed;  
    color: #000;
}

/* Helper text / Description */
.edit-profile .dspdp-help-block,
.profile-questions .dspdp-help-block {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    font-family: Poppins, sans-serif;
}

/* Error message styling */
.edit-profile .dspdp-has-error .dspdp-help-block,
.edit-profile .parsley-errors-list li,
.profile-questions .parsley-errors-list li {
    color: #FF6B6B;
    font-size: 12px;
    margin-top: 5px;
}

/* Form section dividers */
.edit-profile .dspdp-page-header,
.profile-questions .dspdp-page-header {
    margin: 32px 0 24px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    color: #FFD700;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Libre Baskerville', serif;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .edit-profile textarea,
    .profile-questions textarea {
        min-height: 100px;
        padding: 12px 16px;
    }
    
    .edit-profile input[type="text"],
    .edit-profile input[type="email"],
    .edit-profile select,
    .profile-questions input[type="text"],
    .profile-questions input[type="email"],
    .profile-questions select {
        height: 48px;
        padding: 12px 16px;
    }
    
    .edit-profile .dspdp-radio-group-horizontal,
    .profile-questions .dspdp-radio-group-horizontal {
        flex-direction: column;
        gap: 12px;
    }
}

/* Range Slider (if used for age range, etc) */
.edit-profile input[type="range"],
.profile-questions input[type="range"] {
    width: 100%;
    height: 4px;
    -webkit-appearance: none;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    outline: none;
    margin: 16px 0;
}

.edit-profile input[type="range"]::-webkit-slider-thumb,
.profile-questions input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FFD700;
    cursor: pointer;
    border: none;
}

.edit-profile input[type="range"]::-webkit-slider-thumb:hover,
.profile-questions input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
    background: #ffffff;
}

.dsp-control-label {color:#fff;}
.box-pedding p{color:#fff;}
.page-not-found{color:#000;}

.dspdp-spacer-md .heading {color:#fff;}


button, input[type="submit"], input[type="button"], input[type="reset"], .btn-reply {
    background: #3d5a1f;
}


button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .btn-reply:hover {
    background: #3d5a1f;
}


.mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
}

@media (max-width: 767px) {
    .dspdp-tab-container:before {visibility: hidden !important;}	
	.profle-detail {margin-left: 0px;}
}



/* Signed-in member navigation in the header.

   The theme's compiled Tailwind has no lg: variant, so the links can only be
   toggled at the md breakpoint. Between 768px and 1100px that leaves seven
   items fighting for the row and the buttons wrap onto two lines, so the four
   member links are held back until there is genuinely room. Below that they
   remain available in the flyout menu, which lists them in full. */
@media (max-width: 1100px) {
	.ons-member-link {
		display: none !important;
	}
}

/* Pre-launch: with the burger menu gone, the account, log-out and sign-in
   links it used to carry on phones must sit in the header itself, or a
   member on a phone has no way to reach their account or sign out. */
@media (max-width: 767px) {
	.ons-nav-hidden .ons-hdr-keep {
		display: inline-block !important;
		font-size: 10.5px !important;
		letter-spacing: .06em !important;
		white-space: nowrap;
	}

	.ons-nav-hidden .ons-hdr-keep.rounded-full {
		padding: 9px 12px !important;
	}

	.ons-nav-hidden > div {
		gap: 8px;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.ons-nav-hidden img {
		height: 3rem !important;
	}
}

/* Legal pages (Privacy Policy, Terms & Conditions): readable spacing for
   the policy text, which the theme's reset would otherwise flatten. */
.ons-legal__content {
	font-size: 15px;
	line-height: 1.75;
}

.ons-legal__content h2 {
	margin: 2.5rem 0 .75rem;
	font-family: Poppins, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
	color: #28420f;
}

.ons-legal__content h3 {
	margin: 1.75rem 0 .5rem;
	font-family: Poppins, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	color: #28420f;
}

.ons-legal__content p,
.ons-legal__content ul,
.ons-legal__content ol {
	margin: 0 0 1rem;
}

.ons-legal__content ul {
	padding-left: 1.25rem;
	list-style: disc;
}

.ons-legal__content ol {
	padding-left: 1.25rem;
	list-style: decimal;
}

.ons-legal__content li {
	margin-bottom: .35rem;
}

.ons-legal__content a {
	color: #28420f;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.ons-legal__content strong {
	font-weight: 600;
	color: #28420f;
}