#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 on profile images */
.cbUserListAvatar:has(img)::after,
.cbProfileImage: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;
}
.samupdeshan-banner {
    display: block;
    width: 70% !important;
    max-width: 700px !important;
    height: auto !important;
    margin: 15px auto !important;
}

/* Mobile */
@media only screen and (max-width: 768px) {

    .samupdeshan-banner {
        width: 95% !important;
        max-width: 95% !important;
        min-width: 95% !important;
        height: auto !important;
        margin: 10px auto !important;
    }

    .samupdeshan-banner img {
        width: 100% !important;
    }
}
@media (max-width:768px){
    .container-top-a{
        margin-top:-40px !important;
        margin-bottom:-30px !important;
    }
}

/* Community Builder - Candidate Profile Buttons */
.cb-profile-button,
.cb-edit-button {
    display: inline-block;
    padding: 9px 16px;
    margin: 5px 3px;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    transition: all 0.2s ease;
}

/* My Profile */
.cb-profile-button {
    background-color: #F5CE69;
    color: #3F270D !important;
    border: 1px solid #D8B34F;
}

/* Edit Profile */
.cb-edit-button {
    background-color: #3F270D;
    color: #F5CE69 !important;
    border: 1px solid #3F270D;
}

/* Hover */
.cb-profile-button:hover {
    background-color: #3F270D;
    color: #F5CE69 !important;
}

.cb-edit-button:hover {
    background-color: #F5CE69;
    color: #3F270D !important;
}
@media (max-width: 767px) {

/* =====================================================
   MALIJAGAT - 6 CIRCULAR MENU ICONS
   ===================================================== */

/* Desktop */
#mod-custom148 {
    text-align: center !important;
}

#mod-custom148 p {
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    flex-wrap: nowrap !important;
}

#mod-custom148 p a {
    display: inline-block !important;

    margin: 10px !important;

    text-align: center !important;
}

#mod-custom148 p a img {
    display: block !important;

    width: 250px !important;
    height: 250px !important;

    max-width: 100% !important;

    margin: 0 auto !important;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    #mod-custom148 {
        width: 100% !important;

        display: flex !important;
        flex-wrap: wrap !important;

        justify-content: center !important;
        align-items: center !important;

        text-align: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Remove the two separate paragraph rows */
    #mod-custom148 > p {
        display: contents !important;
    }

    /* Six icons = two per row */
    #mod-custom148 > p > a {
        display: block !important;

        flex: 0 0 48% !important;
        width: 48% !important;
        max-width: 48% !important;

        margin: 1% !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }

    #mod-custom148 > p > a > img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        max-width: 250px !important;

        margin: 0 auto !important;
    }
}
}
   /* =========================================
   MALIJAGAT HOME PAGE BUTTONS - MOBILE
   Current Joomla article structure
   ========================================= */

@media screen and (max-width: 767px) {

    /* Home page button area */
    .com-content-article.item-page .com-content-article__body {
        width: 100%;
        text-align: center;
    }

    /* Each row */
    .com-content-article.item-page .com-content-article__body > p {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;

        gap: 8px !important;

        margin: 0 auto 10px !important;
        padding: 0 !important;
    }

    /* Button links */
    .com-content-article.item-page .com-content-article__body > p > a {
        display: block !important;

        width: 145px !important;
        height: 145px !important;

        flex: 0 0 145px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Button images */
    .com-content-article.item-page .com-content-article__body > p > a > img {
        display: block !important;

        width: 145px !important;
        height: 145px !important;

        max-width: 145px !important;
        max-height: 145px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        object-fit: contain !important;
    }
}
  /* =========================================
   MALIJAGAT HOME PAGE
   Remove gap between slideshow and buttons
   Mobile only
   ========================================= */

@media screen and (max-width: 767px) {

    /* Slideshow container */
    .site-grid > .container-banner.full-width {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Slideshow itself */
    .site-grid .container-banner.full-width .slideshowck {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Clear-fix immediately after slideshow */
    .site-grid .container-banner.full-width > div[style*="clear"] {
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Main component directly below banner */
    .site-grid > .grid-child.container-component {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Article body */
    .site-grid .container-component .com-content-article__body {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* First button row */
    .site-grid .container-component .com-content-article__body > p:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
/* =========================================
   MaliJagat Footer - Social Media Icons
   ========================================= */

#mod-custom119 p:first-child {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-align: center !important;

    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;

    flex-wrap: nowrap !important;
    gap: 3px !important;
}

/* IMPORTANT:
   Remove HTML line breaks between social icons */
#mod-custom119 p:first-child br {
    display: none !important;
}

/* Social icon links */
#mod-custom119 p:first-child a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 60px !important;
    height: 60px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 60px !important;
}

/* Social icon images */
#mod-custom119 p:first-child img {
    display: block !important;

    width: 60px !important;
    height: 60px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   Mobile
   ========================================= */

@media (max-width: 767px) {

    #mod-custom119 p:first-child {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;

        flex-wrap: nowrap !important;
        gap: 3px !important;
    }

    #mod-custom119 p:first-child br {
        display: none !important;
    }

    #mod-custom119 p:first-child a {
        width: 55px !important;
        height: 55px !important;

        flex: 0 0 55px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #mod-custom119 p:first-child img {
        width: 55px !important;
        height: 55px !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}
/* =================================================
   MALIJAGAT LOGIN - MOBILE ONLY
   ================================================= */

@media (max-width: 767px) {

    /* Make the login form use full mobile width */
    #login-form-110 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Login box */
    #login-form-110 .mod-login__userdata {
        display: flex !important;
        flex-direction: column !important;

        width: 90vw !important;
        max-width: 500px !important;

        margin: 25px auto 18px !important;
        padding: 16px !important;

        box-sizing: border-box !important;

        background: #fffaf0 !important;
        border: 1px solid #F5CE69 !important;
        border-radius: 10px !important;
        box-shadow: 0 3px 10px rgba(63,39,13,.08) !important;

        gap: 10px !important;
    }

    /* Remove Bootstrap spacing */
    #login-form-110 .mod-login__userdata .ml-2 {
        margin-left: 0 !important;
    }

    /* Username & Password */
    #login-form-110 .mod-login__username,
    #login-form-110 .mod-login__password,
    #login-form-110 .input-group {
        display: flex !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Text fields */
    #login-form-110 .mj-login-username,
    #login-form-110 .mj-login-password {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        height: 44px !important;
        box-sizing: border-box !important;
        font-size: 15px !important;
    }

    /* User icon + eye */
    #login-form-110 .input-group-text,
    #login-form-110 .input-password-toggle {
        flex: 0 0 50px !important;
        width: 50px !important;
        height: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
    }

 /* Remember checkbox */
#login-form-110 .mod-login__remember {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 4px 0 !important;
}

#login-form-110 .form-check-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 7px 10px !important;

    background: #F5CE69 !important;
    color: #3F270D !important;
    border-radius: 5px !important;

    font-size: 14px !important;
}

#login-form-110 .form-check-input {
    margin: 0 4px 0 0 !important;
}

    /* Login button */
    #login-form-110 .mod-login__submit {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 2px !important;
    }

    #login-form-110 .mj-login-button {
        min-width: 155px !important;
        height: 44px !important;
        padding: 8px 20px !important;

        background: #F5CE69 !important;
        border: 1px solid #F5CE69 !important;
        border-radius: 5px !important;

        color: #3F270D !important;
        font-weight: 700 !important;
    }

    /* Forgot password */
    #login-form-110 .mod-login__options {
        display: flex !important;
        justify-content: center !important;

        width: 100% !important;
        margin: 6px auto 18px !important;
    }

    #login-form-110 .mj-forgot-link {
        display: inline-flex !important;
        padding: 7px 12px !important;

        background: #FFF9E9 !important;
        border: 1px solid #F5CE69 !important;
        border-radius: 6px !important;

        color: #3F270D !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }

    /* No registration link */
    #login-form-110 .form-login-options-register {
        display: none !important;
    }
}
  /* Profile links as buttons */

#login-form-110.cbLogoutForm .logout-options-profile a,
#login-form-110.cbLogoutForm .logout-options-profile-edit a {
    display: inline-block !important;
    padding: 8px 15px !important;
    margin: 4px !important;
    background: #F5CE69 !important;
    color: #3F270D !important;
    border: 1px solid #F5CE69 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
/* =========================================================
   MALIJAGAT AI ASSISTANT
   Final Responsive Chatbot CSS
   ========================================================= */

#mj-ai-chatbot {
    position: fixed !important;
    right: 82px !important;
    bottom: 22px !important;
    width: 0 !important;
    height: 0 !important;
    z-index: 2147483646 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
}

#mj-ai-chatbot *,
#mj-ai-chatbot *::before,
#mj-ai-chatbot *::after {
    box-sizing: border-box !important;
}


/* =========================================================
   CHAT WINDOW
   ========================================================= */

#mj-ai-window {
    position: absolute !important;
    right: 0 !important;
    bottom: 78px !important;

    width: 370px !important;
    height: 570px !important;

    background: #FFF9E9 !important;
    border: 2px solid #F5CE69 !important;
    border-radius: 18px !important;

    box-shadow: 0 8px 35px rgba(0,0,0,0.28) !important;

    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(15px) scale(0.97) !important;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease !important;
}


/* Open chatbot */

#mj-ai-chatbot.open #mj-ai-window {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.mj-ai-header {
    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;

    padding: 13px 15px !important;

    background: #3F270D !important;
    color: #ffffff !important;

    border-radius: 16px 16px 0 0 !important;
}

.mj-ai-avatar {
    width: 44px !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-right: 11px !important;

    background: #F5CE69 !important;
    border-radius: 50% !important;

    font-size: 25px !important;
}

.mj-ai-header-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
}

.mj-ai-status {
    margin-top: 3px !important;

    font-size: 12px !important;
    color: #F5CE69 !important;
}

.mj-ai-online-dot {
    display: inline-block !important;

    width: 8px !important;
    height: 8px !important;

    margin-right: 4px !important;

    background: #39c56a !important;
    border-radius: 50% !important;
}


/* =========================================================
   MESSAGE AREA
   ========================================================= */

#mj-ai-messages {
    flex: 1 1 auto !important;

    min-height: 0 !important;

    padding: 14px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    background: #FFF9E9 !important;

    scroll-behavior: smooth !important;
}


/* Scrollbar */

#mj-ai-messages::-webkit-scrollbar {
    width: 6px !important;
}

#mj-ai-messages::-webkit-scrollbar-track {
    background: #f5ead0 !important;
}

#mj-ai-messages::-webkit-scrollbar-thumb {
    background: #c8a44b !important;
    border-radius: 10px !important;
}


/* =========================================================
   CHAT MESSAGES
   ========================================================= */

.mj-ai-message {
    max-width: 88% !important;

    margin-bottom: 10px !important;
    padding: 10px 12px !important;

    border-radius: 13px !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}


/* Bot */

.mj-ai-bot {
    margin-right: auto !important;

    background: #ffffff !important;
    color: #3F270D !important;

    border: 1px solid #ead7a0 !important;

    border-top-left-radius: 4px !important;
}


/* User */

.mj-ai-user {
    margin-left: auto !important;

    background: #F5CE69 !important;
    color: #3F270D !important;

    border: 1px solid #dfb74d !important;

    border-top-right-radius: 4px !important;
}


/* Links inside messages */

.mj-ai-message a {
    color: #8c2435 !important;
    font-weight: 600 !important;
}


/* =========================================================
   QUICK ACTIONS
   ========================================================= */

#mj-ai-quick-actions {
    flex: 0 0 auto !important;

    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;

    padding: 10px 12px !important;

    background: #ffffff !important;

    border-top: 1px solid #ead7a0 !important;
    border-bottom: 1px solid #ead7a0 !important;
}

.mj-ai-quick {
    appearance: none !important;

    padding: 7px 9px !important;

    background: #ffffff !important;
    color: #3F270D !important;

    border: 1px solid #d7ae46 !important;
    border-radius: 7px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    cursor: pointer !important;

    transition:
        background 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease !important;
}

.mj-ai-quick:hover {
    background: #F5CE69 !important;
    color: #3F270D !important;
    transform: translateY(-1px) !important;
}

.mj-ai-quick:active {
    transform: translateY(0) !important;
}


/* =========================================================
   WHATSAPP SUPPORT
   ========================================================= */

.mj-ai-support {
    flex: 0 0 auto !important;

    padding: 7px 12px !important;

    background: #FFF9E9 !important;

    text-align: center !important;
}

.mj-ai-whatsapp {
    display: block !important;

    width: 100% !important;

    padding: 8px 10px !important;

    background: #25D366 !important;
    color: #ffffff !important;

    border-radius: 7px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition: opacity 0.15s ease !important;
}

.mj-ai-whatsapp:hover {
    color: #ffffff !important;
    opacity: 0.88 !important;
    text-decoration: none !important;
}


/* =========================================================
   INPUT AREA
   ========================================================= */

.mj-ai-input-area {
    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    padding: 10px !important;

    background: #3F270D !important;

    border-radius: 0 0 16px 16px !important;
}

#mj-ai-input {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    height: 40px !important;

    padding: 8px 11px !important;

    background: #ffffff !important;
    color: #333333 !important;

    border: 1px solid #d7ae46 !important;
    border-radius: 8px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;

    outline: none !important;
}

#mj-ai-input:focus {
    border-color: #F5CE69 !important;
    box-shadow: 0 0 0 2px rgba(245,206,105,0.25) !important;
}

#mj-ai-input::placeholder {
    color: #777777 !important;
}


#mj-ai-send {
    flex: 0 0 40px !important;

    width: 40px !important;
    height: 40px !important;

    padding: 0 !important;

    background: #F5CE69 !important;
    color: #3F270D !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#mj-ai-send:hover {
    background: #e8bc4e !important;
}


/* =========================================================
   FLOATING BOT BUTTON
   ========================================================= */

#mj-ai-toggle {
    position: absolute !important;

    right: 0 !important;
    bottom: 0 !important;

    width: 58px !important;
    height: 58px !important;

    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #3F270D !important;
    color: #F5CE69 !important;

    border: 3px solid #F5CE69 !important;
    border-radius: 50% !important;

    box-shadow: 0 4px 15px rgba(0,0,0,0.28) !important;

    cursor: pointer !important;

    font-size: 25px !important;

    z-index: 2 !important;

    transition:
        transform 0.2s ease,
        background 0.2s ease !important;
}

#mj-ai-toggle:hover {
    transform: scale(1.06) !important;
    background: #512f10 !important;
}

.mj-bot-icon {
    display: inline-block !important;
}

.mj-close-icon {
    display: none !important;
}


/* When chatbot is open */

#mj-ai-chatbot.open .mj-bot-icon {
    display: none !important;
}

#mj-ai-chatbot.open .mj-close-icon {
    display: inline-block !important;
}


/* =========================================================
   TYPING INDICATOR
   ========================================================= */

.mj-ai-typing {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;

    padding: 5px 2px !important;
}

.mj-ai-typing span {
    display: inline-block !important;

    width: 6px !important;
    height: 6px !important;

    background: #8a6a25 !important;
    border-radius: 50% !important;

    animation: mj-ai-typing 1.2s infinite ease-in-out !important;
}

.mj-ai-typing span:nth-child(2) {
    animation-delay: 0.15s !important;
}

.mj-ai-typing span:nth-child(3) {
    animation-delay: 0.3s !important;
}

@keyframes mj-ai-typing {
    0%, 60%, 100% {
        opacity: 0.35;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-3px);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #mj-ai-chatbot {
        right: 72px !important;
        bottom: 18px !important;
    }

    #mj-ai-window {
        position: fixed !important;

        left: 12px !important;
        right: 12px !important;
        bottom: 84px !important;

        width: auto !important;
        height: min(570px, calc(100vh - 115px)) !important;

        max-height: calc(100vh - 115px) !important;

        border-radius: 17px !important;
    }

    .mj-ai-header {
        padding: 11px 12px !important;
    }

    .mj-ai-avatar {
        width: 40px !important;
        height: 40px !important;

        font-size: 22px !important;
    }

    .mj-ai-header-title {
        font-size: 16px !important;
    }

    #mj-ai-messages {
        padding: 11px !important;
    }

    .mj-ai-message {
        max-width: 92% !important;

        font-size: 13.5px !important;
    }

    #mj-ai-quick-actions {
        gap: 5px !important;
        padding: 8px !important;
    }

    .mj-ai-quick {
        padding: 6px 8px !important;
        font-size: 11.5px !important;
    }

    .mj-ai-support {
        padding: 6px 8px !important;
    }

    .mj-ai-whatsapp {
        padding: 7px !important;
        font-size: 12px !important;
    }

    .mj-ai-input-area {
        padding: 8px !important;
    }

    #mj-ai-input {
        height: 38px !important;
        font-size: 13px !important;
    }

    #mj-ai-send {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    #mj-ai-toggle {
        width: 55px !important;
        height: 55px !important;
        font-size: 23px !important;
    }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    #mj-ai-chatbot {
        right: 65px !important;
    }

    #mj-ai-window {
        left: 8px !important;
        right: 8px !important;
        bottom: 78px !important;
    }

    .mj-ai-quick {
        font-size: 11px !important;
        padding: 5px 6px !important;
    }
}
/* MALIJAGAT AI ASSISTANT - DESKTOP OVERRIDE */
@media (min-width: 768px) {
    #mj-ai-chatbot {
        position: fixed !important;
        right: 82px !important;
        bottom: 22px !important;
        width: 370px !important;
        height: 570px !important;
        z-index: 2147483647 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #mj-ai-window {
        display: flex !important;
        flex-direction: column !important;
    }
}
/* =====================================================
   MALIJAGAT AI ASSISTANT - MOBILE SIZE + LABEL
   ===================================================== */

@media (max-width: 767px) {

    #mj-ai-chatbot {
        right: 10px !important;
    }

    #mj-ai-toggle {
        width: 68px !important;
        height: 68px !important;
    }

    #mj-ai-toggle .mj-bot-icon img {
        width: 68px !important;
        height: 68px !important;
        object-fit: contain !important;
    }

    #mj-ai-toggle .mj-bot-icon::before {
        content: "मदतीसाठी";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 72px;
        background: #3F270D;
        color: #F5CE69;
        padding: 3px 9px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }
}
/* =====================================================
   MALIJAGAT AI ASSISTANT - DESKTOP ICON + LABEL
   ===================================================== */

@media (min-width: 768px) {

    #mj-ai-toggle {
        width: 80px !important;
        height: 80px !important;
    }

    #mj-ai-toggle .mj-bot-icon img {
        width: 80px !important;
        height: 80px !important;
        object-fit: contain !important;
    }

    #mj-ai-toggle .mj-bot-icon::before {
        content: "अधिक माहितीसाठी";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 84px;
        background: #3F270D;
        color: #F5CE69;
        padding: 4px 11px;
        border-radius: 14px;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
    }
}
/* MaliJagat AI Assistant - Header Lady Avatar */
.mj-ai-avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #F5CE69 !important;
}

.mj-ai-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.mj-ai-action-icon {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
    margin-right: 5px !important;
    display: inline-block !important;
}