#mod-custom119 {
    display: flex !important;
    flex-direction: column !important; /* Stack items */
    justify-content: center !important; /* Center vertically */
    align-items: center !important; /* Center horizontally */
    text-align: center !important;
    width: 100% !important;
    padding: 20px 0 !important;
}

#mod-custom119 p {
    margin: 5px 0 !important; /* Reduce spacing between lines */
}

#mod-custom119 a {
    text-decoration: none !important;
    color: #3F270D !important; /* Change link color */
}

#mod-custom119 a:hover {
    text-decoration: none !important;
}

/* Center the main menu */
.container-nav {
    display: flex !important;
    justify-content: center !important; /* Centers the menu */
    align-items: center !important;
}

/* Ensure navbar takes full width */
.navbar {
    width: 100% !important;
}

/* Center align the menu inside */
.navbar-collapse {
    display: flex !important;
    justify-content: center !important; /* Centers menu items */
    width: 100% !important;
}

.mod-menu {
    display: flex !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important; /* Centers horizontally */
}

.mod-menu .nav-item {
    margin: 0 10px !important; /* Space between menu items */
}

/* Style the menu links */
.mod-menu .nav-item a {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #3F270D !important;
    background: #F5CE69; /* Yellow background */
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}

.mod-menu .nav-item a:hover {
    background: #3F270D !important; /* Darker Brown on hover */
    color: #F5CE69 !important;
}
/* Ensure the menu collapses properly on mobile */
@media (max-width: 768px) {
    .navbar-collapse {
        display: none !important; /* Hide full menu initially */
    }

    .navbar-toggler {
        display: block !important; /* Show the toggle button */
    }

    .navbar-collapse.show {
        display: flex !important; /* Show the menu when toggled */
        flex-direction: column !important;
        align-items: center !important;
    }

    .mod-menu {
        flex-direction: column !important;
        width: 100% !important;
    }

    .mod-menu .nav-item {
        text-align: center !important;
        width: 100% !important;
    }
}
/* Change primary button color */
.btn-primary {
    background-color: #F5CE69 !important; /* Yellow background */
    border-color: #F5CE69 !important;
    color: #3F270D !important; /* Dark brown text */
    font-weight: bold !important;
}

/* Change hover effect */
.btn-primary:hover {
    background-color: #F5CE69 !important; /* Dark brown background */
    border-color: #3F270D !important;
}

/* Adjust footer height like the header */
footer.container-footer {
    padding: 5px 0;  /* Same padding as header */
    min-height: auto; /* Remove any fixed height */
    display: flex; /* Ensure proper alignment */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
.grid-child {
    padding: 0 !important;
    margin: 0 !important;
}
}

/* Reduce header height */
.header.container-header {
    padding: 5px 0; /* Reduce padding */
    min-height: auto; /* Override any fixed height */
}

/* Reduce the logo size */
.navbar-brand img {
    max-width: 500px; /* Adjust width */
    height: auto; /* Keep aspect ratio */
}

/* Adjust navigation padding */
.container-nav {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Reduce space between menu items */
.navbar .nav-item {
    padding: 5px 10px;
}
/* Reduce header height for mobile screens */
@media (max-width: 768px) {
    .header.container-header {
        padding: 5px 0 !important; /* Reduce padding */
        min-height: auto !important; /* Adjust height */
    }

    /* Adjust logo size */
    .navbar-brand img {
        max-width: 250px !important; /* Decrease logo width */
        height: auto !important;
    }

    /* Reduce top margin for the logo */
    .navbar-brand {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Adjust navigation bar spacing */
    .container-nav {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 768px) { 
    .parent-class-of-nav { 
        display: none !important; 
    }
}

.top-b, .card {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
@media (max-width: 768px) { 
    #mod-custom135 p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px; /* Spacing between images */
    }

    #mod-custom135 img {
        width: 25%; /* Adjust size */
        max-width: 150px; /* Prevent images from becoming too large */
        height: auto;
    }
}
.bottom-a, .card {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.navbar-brand {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.brand-logo img {
    display: block;
    margin: 0 auto;
}
.moduletable {
    padding: 0px !important;
}
div.jwts_toggleControlContainer a.jwts_toggleOff {
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: block !important;
    border: 1px solid #3F270D !important; /* Dark brown border */
    border-radius: 8px !important; /* Rounded corners */
    background-color: #3F270D !important; /* Dark brown background */
    color: #F5CE69 !important; /* Yellow text */
    padding: 8px 12px !important;
    margin-bottom: 5px !important;
    text-align: left !important;
    transition: all 0.3s ease-in-out !important;
    
    /* Remove background image */
    background-image: none !important; 
    background-repeat: none !important; 
    background-position: none !important;
}

/* Hover Effect */
div.jwts_toggleControlContainer a.jwts_toggleOff:hover {
    background-color: #F5CE69 !important; /* Yellow background on hover */
    color: #3F270D !important; /* Dark brown text */
}

/* Active/Open Tab */
div.jwts_toggleControlContainer a.jwts_toggleOn {
    background-color: #F5CE69 !important; /* Yellow background */
    border: 1px solid #3F270D !important; /* Dark brown border */
    color: #3F270D !important; /* Dark brown text */
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: block !important;
  
    /* Remove background image */
    background-image: none !important;
    background-repeat: none !important;
    background-position: none !important;
}
@media (max-width: 768px) { 
    #mod-custom138 p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 12px; /* Spacing between images */
    }

    #mod-custom138 img {
        width: 100%; /* Adjust size */
        max-width: 120px; /* Prevent images from becoming too large */
        height: auto;
    }
  #mod-custom148 p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 15px; /* Spacing between images */
    }

    #mod-custom148 img {
        width: 100%; /* Adjust size */
        max-width: 120px; /* Prevent images from becoming too large */
        height: auto;
    }
}
@media screen and (max-width: 768px) { 
    .container-nav { 
        display: none !important; 
    }
}

#Community Builder

.cbFieldCell {
    padding: 10px;
}

.cbFormTable th {
    background: #f8f9fa;
    text-align: right;
    padding-right: 10px;
}

/* Change "Previous" and "Next" Buttons in Community Builder Registration Form */
.cbTabsStepByStepNav .btn-outline-primary {
    background-color: #F5CE69 !important; /* Change button background color */
    border-color: #F5CE69 !important; /* Change border color */
    color: #3F270D !important; /* Change text color */
    font-size: 16px !important;
    font-weight: bold !important;
}

/* Change Hover Effect */
.cbTabsStepByStepNav .btn-outline-primary:hover {
    background-color: #3F270D !important; /* Darker shade on hover */
    border-color: #3F270D !important;
    color: #F5CE69 !important; /* Change text color */
    font-size: 16px !important;
    font-weight: bold !important;
}
/* Center align tabs */
.cbTabsNav.nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

/* Style tabs */
.cbTabsNav .nav-link {
    background-color: #F5CE69 !important; /* Light gray background */
    color: #3F270D !important; /* Text color */
    border: 1px solid #ccc !important; /* Border for separation */
    border-radius: 5px !important; /* Rounded corners */
    padding: 10px 15px !important;
    margin: 5px !important;
    font-weight: bold;
    text-align: center;
}

/* Active Tab */
.cbTabsNav .nav-link.active {
    background-color: #F5CE69 !important; /* Blue active tab */
    color: white !important;
    border-color: #F5CE69 !important;
    color: #3F270D !important; /* Text color */
    font-weight: bold;
}

/* Hover Effect */
.cbTabsNav .nav-link:hover {
    background-color: #3F270D !important; /* Darker Orrange */
    color: white !important;
}

/* Disable Tab Cursor */
.cbTabsNav .nav-link.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* Profile field wrapper */
.my-custom-style {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 4px 8px; /* Some spacing for neatness */
    font-size: 16px;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 50px; /* Optional: for consistent field height */
    box-sizing: border-box;
}
/* Profile Image (Circular + Centered) */
.cbUserListAvatar img, 
.cbProfileImage img,
.my-custom-style img {
    width: 200px !important; /* Adjust size */
    height: 200px  !important;
    object-fit: cover !important; /* Maintain proper ratio */
    border-radius: 50% ! important; /* Make it circular */
    border: 2px solid #ddd; /* Optional border */
    display: block;
    margin: 0 auto; /* Center the image */
}
/* Watermark only when image is inside */
.cbUserListAvatar:has(img)::after,
.cbProfileImage:has(img)::after,
.my-custom-style:has(img)::after {
    content: "www.malijagat.com";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #3F270D;
    font-size: 20px !important;
    font-weight: 600;
    pointer-events: none;
    z-index: 2;
    white-space: nowrap;
}
/* Change Pagination Background and Text Color */
.cbPageNavLink.page-link {
    background-color: #F5CE69 !important; /* Change background color */
    color: #fff !important; /* Change text color */
    border: 1px solid #ffffff !important; /* Border color */
    border-radius: 5px !important; /* Rounded corners */
}

/* Change Hover Effect */
.cbPageNavLink.page-link:hover {
    background-color: #3F270D !important;
    color: #ffffff !important;
}

/* Active Page Styling */
.cbPageNavLink.page-link.active {
    background-color: #F5CE69 !important; /* Change active page color */
    color: #ffffff !important;
    border: 1px solid #F5CE69 !important;
}

.cbListFieldCont a:hover {
    background-color: #3F270D !important;  /* Brown background on hover */
    color: #F5CE69 !important;  /* Yellow text on hover */
}
.grid-child {
    display: flex; 
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Align items centrally */
}
@media (min-width: 1024px) {
    #cbUserTable {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; /* 3 columns */
        gap: 20px;
    }

    .cbUserListRow {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .cbCanvasLayoutContent {
        grid-template-columns: 1fr !important; /* Single column for mobile */
    }
    
    .cbUserListRow {
        display: flex !important;
        flex-direction: column; /* Stack items */
        width: 100% !important;
    }

    .cbUserListFL_avatar img {
        width: 80px; /* Adjust size */
        height: 80px;
    }
    
    .cbUserListRowColumn {
        width: 100% !important;
    }
}

/* Ensure proper spacing for fields */
.cbUserListRowColumn {
    text-align: center;
    width: 100% !important;
}

/* Ensure images fit properly */
.cbUserListFL_avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

/* Adjust Bootstrap columns */
[class*="col-"] {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
}
/* Style for the username background and text */
.cbUserListFL_username a {
    background-color: #F5CE69 !important; /* Yellowish background */
    color: #3F270D !important; /* Dark brown text */
    padding: 4px 8px; /* Adjust padding */
    border-radius: 5px; /* Rounded corners */
    display: inline-block; /* Proper alignment */
    font-weight: bold; /* Make text bold */
    text-decoration: none; /* Remove underline */
}

/* Optional: Adjust hover effect */
.cbUserListFL_username a:hover {
    background-color: #E5B85D !important; /* Slightly darker yellow */
    color: #2D1B09 !important; /* Darker brown */
}
/* Change background and text color */
.cb_tab_container {
    background-color: #f8f9fa !important; /* Light gray background */
    color: #333 !important; /* Dark text for readability */
    padding: 20px;
    border-radius: 10px;
}



/* Section headings */
.cb_tab_content h3 {
    background: #ffbf00;
    padding: 10px;
    color: white;
    border-radius: 5px;
    text-align: center;
}

/* Add spacing between sections */
.section-container {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #F5CE69;
}
/* 🌟 Style the Search Dropdown Container */
.cbSearchContainer {
    width: 100%;
    max-width: 400px; /* Adjust width */
    margin: 0 auto; /* Center align */
    padding: 10px;
    background: #3F270D; /* Light yellow background */
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 🌟 Style the Dropdown */
.cbSearchCriteria select {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #3F270D; /* Dark brown text */
    background: #F5CE69;
    border: 2px solid #3F270D; /* Matching border */
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 🌟 Hover and Focus Effect */
.cbSearchCriteria select:hover,
.cbSearchCriteria select:focus {
    border-color: #F5CE69;
    background: #F5CE69;
}

/* 🌟 Responsive Design */
@media (max-width: 768px) {
    .cbSearchContainer {
        max-width: 100%;
    }
    .cbSearchCriteria select {
        font-size: 14px;
        padding: 10px;
    }
}
/* 🌟 Center Align Entire Search Table */
.cbSearchContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* 🌟 Ensure the Search Form is Centered */
.cbSearchContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* 🌟 Center Align the Whole Search Form */
.cbSearchContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* 🌟 Center the Search Table */
.cbSearchCriteria table {
    margin: 0 auto; /* Center table */
    width: 80%; /* Adjust width */
    max-width: 900px;
    border-collapse: collapse;
}

/* 🌟 Center Align Field Labels (Titles) */
.cbSearchCriteria table th,
.cbSearchCriteria label {
    text-align: center !important;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

/* 🌟 Center Input Fields */
.cbSearchCriteria table td {
    text-align: center !important;
    padding: 10px;
    border: 1px solid #ddd;
}

/* 🌟 Fix Misaligned Labels */
.cbSearchCriteria label {
    display: block;
    text-align: center !important;
    font-weight: bold;
    font-size: 16px;
}

/* 🌟 Make "Age Between" Fields Appear Vertical */
.ageBetweenContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background-color: #3F270D; /* Same yellowish background */
    padding: 15px;
    border-radius: 10px;
}

/* 🌟 Style the Dropdowns Inside Age Selection */
.ageBetweenContainer select {
    width: 80px;
    text-align: center;
    font-size: 14px;
    padding: 5px;
}

/* 🌟 Responsive Fix for Mobile */
@media (max-width: 768px) {
    .cbSearchCriteria table {
        width: 100%;
    }
    .cbSearchCriteria table th, 
    .cbSearchCriteria table td {
        padding: 8px;
        font-size: 14px;
    }
    .cbSearchCriteria label {
        font-size: 14px;
    }
    .ageBetweenContainer select {
        width: 100px;
    }
}
#cblabcb_gender {
    text-align: center;
    display: block;
    width: 100%;
}
#cblabcb_dob {
    text-align: center;
    display: block;
    width: 100%;
}
#cblabcb_mali_sub_cast {
    text-align: center;
    display: block;
    width: 100%;
}
#cblabcb_educationdetails {
    text-align: center;
    display: block;
    width: 100%;
}
#cblabcb_district {
    text-align: center;
    display: block;
    width: 100%;
}
/* 🌟 Vertically Align "Between and" Section */
.cbSearchFromToLine {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    color: #F5CE69 !important; /* Text color changed to white */
}
.cb-page-header-title {
    text-align: center;
}
/* Ensure button stays inside the main content */
.cbUserlistSubmit {
    display: block !important;
    width: auto !important; /* Keeps the button size proper */
    max-width: 250px !important; /* Avoids full width */
    margin: 20px auto !important;
    text-align: center !important;
}

/* Remove Bootstrap offset */
.offset-sm-3 {
    margin-left: 0 !important;
}

/* Center align the button wrapper */
.col-sm-9 {
    display: flex !important;
    justify-content: center !important;
}

/* Ensure button stays at center */
.cbUserlistSubmit {
    width: auto !important;
    max-width: 250px !important;
    text-align: center !important;
}
.cbUserListResultCount {
    text-align: center !important;
    display: block; /* Ensures it takes full width */
    width: 100%;
}
/* First row - Dark Brown background (#3F270D) with white text */
.cbUserListRowColumn:first-child {
    background-color: #3F270D !important;
    color: white !important;
    font-weight: bold;
}

/* Remaining rows - Light Yellow background (#F5CE69) */
.cbUserListRowColumn:not(:first-child) {
    background-color: #F5CE69 !important;
    color: black !important;
}
/* 📌 Background for Profile Page */
body.com_comprofiler.view-userprofile {
    background-color: #f8f9fa; /* Light Gray Background */
}

/* 📌 Profile Header Styling */
.cb-page-header-title {
    font-size: 24px;
    font-weight: bold;
    color: #4a2903;
    text-align: center;
}
/* Avatar container */
#cbfv_29 {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 0 auto; /* centers the image horizontally */
  border-radius: 25%;
  overflow: hidden;
}

/* Image styling */
#cbfv_29 .cbImgAvatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25%;
  border: 3px solid #ff9800;
}

/* Centered Watermark */
#cbfv_29::after {
  content: "www.malijagat.com";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.4);
  padding: 4px 8px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
}

.cb-page-header-title {
    background-color: #F5CE69 !important;
    color: #3F270D !important; /* Sets text color */
}
/* 📌 Section Titles */
.card-header {
    background-color: #3F270D !important;
    color: #F5CE69 !important;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}

/* 📌 Candidate Info */
.cb_form_line label {
    font-weight: bold;
    color: #5a3a08;
}

.cb_form_line .form-control-plaintext {
    font-size: 16px;
    color: #333;
}

/* 📌 Cards Styling */
.cb_tab_container.card {
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* 📌 Make Images Responsive */
img {
    max-width: 100%;
    height: auto;
}
label {
    background-color: #F5CE69 !important; /* Sets background color */
    color: #3F270D !important; /* Sets text color */
    text-align: center; /* Aligns text to center */
    display: block; /* Ensures proper centering in some layouts */
    padding: 5px 10px; /* Adds spacing for better readability */
    border-radius: 5px; /* Optional: adds rounded corners */
}
.form-control-plaintext, [id^="cbfv_"] {
    text-align: center;
    font-weight: bold;
}
.cbUserListTitle {
    margin-bottom: 20px; /* Adjust space below title */
}

.form-control-plaintext {
    margin-top: 20px; /* Adjust space above form fields */
}
.form-group label {
    margin-bottom: 10px !important;
    display: block;
}
.cbUserListTitle {
    padding: 20px !important; /* Increase height */
    background-color: #F5CE69 !important; /* Background color */
    text-align: center;
    border-radius: 10px !important; /* Rounded corners */
    display: inline-block; /* Ensures it wraps around content */
    width: 100%; /* Full width */
}

.cbUserListTitle h3 {
    margin: 0 !important;
    padding: 5px 0 !important; /* Adjust padding inside the title */
    font-weight: bold;
    color: #3F270D; /* Dark brown text color */
}
.cbUserListResultCount {
    display: none !important; /* Hides the total count */
}
div.cbPoweredBy, .cbPoweredBy {
    display: none !important;
    visibility: hidden !important;
}