/* Login Page CSS */

.dashboard-header .container {
padding: 0px;
}
input#mat_profile_image {
    width: 100%;
	margin-top:10px;
}
.profile-section-inner .profile-image {
    width: 30%;
}
.profile-section-inner .profile-image button {
    margin-top: 20px;
    border-radius: 8px !important;
}
.india-location-box select {
margin: 6px 6px 15px 0 !important;
}
ul.dashboard-menu {
display: flex;
column-gap: 16px;
list-style: none;
margin: 10px 0 !important;
padding-left: 0px;
}
ul.dashboard-menu li {
background-color: transparent;
width: 100%;
font-family: "Poppins", Sans-serif;
font-weight: 500;
background-image: linear-gradient(149deg, var(--e-global-color-71906a9) 48%, var(--e-global-color-492d77c) 100%);
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #F72C61;
border-radius: 100px 100px 100px 100px;
text-align:center;
padding:10px 0;
cursor:pointer;
font-size:12px;
}
ul.dashboard-menu li a {
color: #fff;
text-transform: capitalize;
}
/* Register or Login Page CSS */
.metro-auth-wrap {
margin: 20px auto;
border: 1px solid #eee;
padding: 18px;
border-radius: 8px;
background: #fff;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.03);
}
.metro-auth-wrap {
padding: 30px;
background-color: #F8F5F1;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14901960784313725);
max-width: 65% !important;
font-family: "Poppins", Sans-serif;
}
button.metro-btn{
border-color: #F72C61;
background-image: linear-gradient(149deg, #C52350 48%, #F6AC59 100%);
color: #fff;
width: 50%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
margin-top: 40px;
padding: 16px 20px 16px 20px;
}
/* Tabs */
.metro-auth-tabs {
display: flex;
margin-bottom: 12px;
}
.metro-tab {
flex: 1;
padding: 10px;
border: 0;
background: #f6f6f6;
cursor: pointer;
border-radius: 6px;
margin-right: 8px;
}
.metro-tab.active {
background: #c2185b;
color: #fff;
}
/* Form Elements */
.metro-form label {
display: block;
font-size: 14px;
margin-bottom: 10px;
}
.metro-form input,
.metro-form select,
.metro-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 6px;
box-sizing: border-box;
}
/* Button */
.metro-btn {
margin-top: 8px;
padding: 10px 10px;
border: 0;
border-radius: 8px;
background: #c2185b;
color: #fff;
cursor: pointer;
text-decoration: none !important;
}
.metro-btn:hover{
color:#000;
}
/* Messages */
.metro-msg {
display: none;
padding: 8px;
margin-bottom: 8px;
border-radius: 6px;
}
.metro-msg.success {
background: #e6ffed;
color: #056c2a;
border: 1px solid #b7f1c7;
}
.metro-msg.error {
background: #ffefef;
color: #a21b1b;
border: 1px solid #f4c3c3;
}
.metro-auth-tabs {
margin-bottom: 35px;
}
#metro-login-form input,
#metro-register-form input{
margin-top: 13px;
border: 1px solid #00000033 !important;
border-radius: 5px !important;
margin-top: 10px;
font-size:14px;
}
#metro-login-form input::focus-visible,
#metro-register-form input::focus-visible,{
outline:none;
}
#metro-login-form label,
#metro-register-form label{
color:#000;
font-size:14px;
margin-top:23px;
}
.metro-tab{
border:1px solid #F72C61;
background-color:#fff;
}
.metro-tab.active,
.metro-tab:hover{
border-color: #F72C61;
background-image: linear-gradient(149deg, #C52350 48%, #F6AC59 100%);
}
/* Profile Page CSS  */
.container-matrimony body {
background: #fff5f7;
}
.container-matrimony {
display: flex;
gap: 20px;
padding: 20px;
max-width: 1200px;
margin: auto;
}
.filter-box {
flex: 1;
max-width: 280px;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
font-family: "Poppins", Sans-serif !important;
}
.container-matrimony .filter-box h3{
font-weight: 500;
border-bottom: 1px solid #00000012;
padding-bottom: 13px;
margin-bottom: 10px;
font-size:20px;
}
.filter-box label {
font-size: 14px;
font-weight: 600;
display: block;
margin: 20px 0 5px;
}
.filter-box select,
.filter-box input {
width: 100%;
padding: 8px;
border-radius: 5px;
border: 1px solid #ccc;
}
.filter-box button {
margin-top: 15px;
width: 100%;
padding: 10px;
background: #e6004c;
color: #fff;
font-weight: bold;
border: none;
border-radius: 6px;
cursor: pointer;
}
.matches-section {
flex: 3;
}
.matches-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.profiles {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.pagination {
text-align: center;
margin-top: 20px;
}
.pagination span {
display: inline-block;
margin: 0 5px;
padding: 8px 12px;
border-radius: 5px;
border: 1px solid #ccc;
cursor: pointer;
}
.pagination .active {
background: #e6004c;
color: #fff;
border: none;
}
.profile-card__icon {
width: 18px;
height: 18px;
object-fit: contain;
}
.profile-card {
background: #fff;
border-radius: 12px;
text-align: left;
max-width: 320px;
overflow: hidden;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #00000033;
padding: 0px 0px 20px 0px !important;
}
.profile-card:hover {
transform: translateY(-4px);
}
.profile-card__info{
padding: 10px 20px 10px 20px;
}
.profile-card__image {
width: 100%;
height: 230px;
border-radius: 12px;
object-fit: cover;
object-position: top;	
}
.profile-card__name {
font-size:18px;
margin: 05px 0 4px;
color: #222;
}
.profile-card__community {
color: #777;
font-size: 0.95rem;
margin-bottom: 12px;
}
.profile-card__details {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.profile-card__detail {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
color: #000;
font-size: 14px;
font-family: "Poppins", Sans-serif;
}
.profile-card__icon {
width: 18px;
height: 18px;
object-fit: contain;
}
.profile-card__button {
display: inline-block;
margin-top: 12px;
padding: 8px 16px;
background-image: linear-gradient(149deg, var(--e-global-color-71906a9) 48%, var(--e-global-color-492d77c) 100%);
border-style: none;
border-radius: 100px 100px 100px 100px;
color: #fff;
text-decoration: none;
font-weight: 500;
font-family: "Poppins", Sans-serif;
transition: background 0.3s ease;
}
.profile-card__button:hover {
background: #000;
color:#fff;
}
.clear {
text-align: end;
}
.container-matrimony .filter-box form select:focus-visible{
outline:0;
border:0;
}
.container-matrimony .filter-box button{
background-image: linear-gradient(149deg, #C52350 48%, #F6AC59 100%);
font-size: 14px;
letter-spacing: 0.02rem;
font-weight:400 !important;
}
.container-matrimony .matches-header{
background-color: #fff;
border-radius: 5px;
padding: 20px 30px;
color: #000;
font-family: "Poppins", Sans-serif;
box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.05);
}
.matches-header h3{
font-size:16px;
font-weight:500;
}
.filter-box{
color:#000;
}
.matches-header h3{
padding: 0;
margin: 0;
}
.container-matrimony .filter-box form select{
appearance: none; 
-webkit-appearance: none;
-moz-appearance: none;
background-color: white;
border: 1px solid #ccc;
padding: 10px;
color: #333;  
padding: 8px 10px;
font-size: 14px;
background-image: url("/wp-content/uploads/2025/10/arrow-down-sign-to-navigate-1.png");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
}
.container-matrimony .matches-section .profiles .profile-card img{
border-radius:10px 10px 0 0;
font-family: "Poppins", Sans-serif;
}
.container-matrimony .matches-section .profiles {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.container-matrimony{
max-width: 1140px !important;
padding: 30px 0 80px 0 !important;
}
.container-matrimony .matches-section .profiles .profile-card h4{
text-transform: capitalize;
font-weight: 600;
color: #000;
font-family: "Playfair Display", Sans-serif;
}
.container-matrimony .matches-section .profiles .profile-card p {
color: #000;
font-size: 14px;
font-family: "Poppins", Sans-serif;
margin-top:10px;
}
/* Dashboard Page CSS  */
.saat-dashboard {
max-width: 900px;
margin: 20px auto;
background: #ffffff;
padding: 20px 40px;
border-radius: 15px;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
font-family: 'Poppins', sans-serif;
color: #333;
}
/* Welcome Heading */
.saat-dashboard h2 {
text-align: center;
font-size: 26px;
margin-bottom: 20px;
color: #1d3557;
font-weight: 600;
}
/* Profile Section */
.profile-section {
background: #f8f9fa;
padding: 25px;
border-radius: 12px;
margin-bottom: 30px;
}
.profile-section h3 {
color: #1d3557;
font-size: 20px;
margin-bottom: 20px;
border-bottom: 2px solid #457b9d;
padding-bottom: 8px;
}
/* Inner Layout */
.profile-section-inner {
display: flex;
flex-wrap: no-wrap;
align-items: flex-start;
gap: 20px;
}
/* Profile Content */
.profile-content {
flex: 1;
}
.profile-content ul {
list-style: none;
padding: 0;
margin: 0;
}
.profile-content li {
display: flex;
align-items: center;
padding: 10px 0;
border-bottom: 1px dashed #ddd;
font-size: 15px;
}
.profile-content li:last-child {
border-bottom: none;
}
.profile-front {
width: 160px;
font-weight: 600;
color: #1d3557;
}
/* Buttons */
.metro-btn {
display: inline-block;
padding: 10px 10px;
background-image: linear-gradient(149deg, var(--e-global-color-71906a9) 48%, var(--e-global-color-492d77c) 100%);
color: #fff !important;
border-radius: 6px;
text-decoration: none;
transition: all 0.3s ease;
font-size: 13px;
font-weight: 400;
margin-top: 5px;
}
.metro-btn:hover {
background: linear-gradient(135deg, #71906a9, #492d77c);
transform: translateY(-2px);
}
/* Edit Profile Form (if re-enabled) */
.edit-profile {
background: #f8f9fa;
padding: 25px;
border-radius: 12px;
margin-top: 30px;
}
.edit-profile h3 {
color: #1d3557;
font-size: 20px;
margin-bottom: 20px;
border-bottom: 2px solid #457b9d;
padding-bottom: 8px;
}
.saat-dashboard-update-input label {
display: block;
margin-bottom: 15px;
font-weight: 500;
color: #333;
}
.saat-dashboard-update-input input[type="text"],
.saat-dashboard-update-input input[type="file"] {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 6px;
outline: none;
transition: 0.3s;
}
.saat-dashboard-update-input input:focus {
border-color: #457b9d;
box-shadow: 0 0 5px rgba(69, 123, 157, 0.3);
}
/* Form Buttons */
.form-double-btn {
text-align: center;
margin-top: 20px;
}
.metro-msg {
text-align: center;
font-weight: 500;
margin-top: 20px;
}
/* Dashboard buttons in a single row */
.dashboard-buttons {
display: flex;
justify-content: center;
gap: 10px; 
padding: 10px 0; 
}
.dashboard-buttons .metro-btn {
flex: 1; 
max-width: 180px; 
text-align: center;
}
/* Chat Box */
div#chatBox {
padding: 15px;
background: #efeae2;
border-radius: 10px;
border: 1px solid #ddd;
max-height: 400px;
overflow-y: auto;
}
input#chat_msg {
width: 20%;
padding: 10px 15px;
border-radius: 25px;
border: 1px solid #ccc;
outline: none;
}
input#chat_msg::placeholder {
color: #666;
}
button#sendMsgBtn {
background: #25d366;
color: #fff;
width: 100px;
padding: 10px;
border-radius: 25px;
border: none;
margin-top: 10px;
cursor: pointer;
}
button#sendMsgBtn:hover {
background: #1ebd5a;
}
.sender-you,
.sender-other {
max-width: 70%;
padding: 8px 12px;
margin: 6px 0;
border-radius: 12px;
font-size: 14px;
line-height: 1.4;
word-wrap: break-word;
clear: both;
}
.sender-you {
background: #ffffff;
margin-right: auto;
text-align: left;
border-bottom-left-radius: 3px;
}
.sender-other {
background: #dcf8c6;
margin-left: auto;
text-align: right;
border-bottom-right-radius: 3px;
}
.chat-user-row {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ddd;
padding: 10px;
column-gap: 10px;
}
.img-chat {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
margin-right: 10px;
}
.chat-user-info {
flex: 1;
display: flex;
align-items:center;
}
.chat-user-info strong {
font-family: font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
}
.chat-unread {
font-size: 12px;
color: #e63946;
align-content: center;
height:22px;
}
.profile-pagination {
display: flex;
justify-content: end;
column-gap: 15px;
padding-top: 30px;
}
.profile-pagination a.active {
background: #C52350;
padding: 2px 10px;
border-radius: 7px;
color: #fff;
font-family: "Poppins", Sans-serif;
}
.profile-pagination a{
color:#C52350;    
}
button#sendOfferBtn{
background-image: linear-gradient(149deg, var(--e-global-color-71906a9) 48%, var(--e-global-color-492d77c) 100%);
color: #fff !important;
border-radius:20px;	
font-family: "Poppins", Sans-serif;
font-size:14px;
}
span#msgBadge
{
position: absolute;
top: 0px;
right: 0;
transform: translate(50%, -50%);
background-color: #ca3250;
color: white;
font-size: 14px;
padding: 4px 7px;
border-radius: 999px;
width: 30px;
height: 30px;
line-height: 1;
font-family: poppins;
align-content: center;
font-weight: 400 !important;
}
li.nav-item > button[data-bs-target="#chatbox"] {
position: relative !important;
}
#msgBadge:empty {
display: none;
}
button.accept-offer
{
background: #25d366;
border: none;
border-radius: 100px;
color: #fff;
margin-left: 10px;
padding: 10px 20px;
font-size:14px;
}
a.view-profile {
text-decoration: none;
border: 1px solid red;
color: #000;
padding: 10px;
border-radius: 100px;
margin-left: 10px;
font-size:14px;
}


/* Responsive Design */
@media (max-width: 768px) {
.profile-section-inner {
flex-direction: column;
align-items: center;
}
.saat-dashboard .profile-section{
padding:10px !important;
}
.saat-dashboard .profile-section .profile-content ul li .profile-front{
width: initial !important;
padding:0px 15px;
}
.saat-dashboard .profile-section .profile-content{
padding-left:0px !important;
width:100% !important;
}
.saat-dashboard .profile-section .profile-content ul li{
width:100% !important;
flex-direction:row;
}
.profile-front {
width: 120px;
}
.saat-dashboard {
padding: 25px;
}
.metro-btn {
margin-top: 8px;
padding:10px;
}
.custom_breadcrumb{
padding-left:20px;
padding-right:20px;
}
}
.user-pic:hover {
cursor: pointer;  
}
.user-pic:hover p >label {
cursor: pointer;
color: #C52350 !important;
}
.saat-dashboard .profile-section .profile-image img {
width: 150px !important;
height: 150px;
object-fit: cover;
object-position:top;
border-radius:10px;
background-color: #fff;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.saat-dashboard .profile-section h3,
.saat-dashboard .edit-profile h3,form#metro-register-form h2 {
font-weight: 600;
font-size: 24px;
color: #000;
}
.saat-dashboard .profile-section .profile-content {
width: 70%;
align-items: center;
padding-left: 40px;
}
.saat-dashboard .profile-section .profile-content ul li {
list-style: none;
display: flex;
background-color: #F8F5F1;
margin-bottom: 5px;
padding: 12px 15px;
border-radius: 7px;
font-size: 14px;
align-items: center;
width: 92%;
}
.saat-dashboard .profile-section .profile-content ul li .profile-front {
width: 140px;
font-weight: 600;
}
.saat-dashboard{
font-family: "Poppins", Sans-serif;
margin-top: 20px;
}
.saat-dashboard .profile-section,
.saat-dashboard .edit-profile {
border: 1px solid #cccccca8;
margin-top: 0px;
padding: 20px 30px;
border-radius: 10px;
}
.saat-dashboard h2 {
font-weight: 600;
text-transform: capitalize;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
padding: 20px;
border-radius: 10px;
background-color: #fff5f7;
color: #000;
text-align: center;
}
.saat-dashboard #saat-dashboard-update .saat-dashboard-update-input {
padding-top: 10px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.saat-dashboard .profile-section .profile-content ul li p {
margin-bottom: 0px;
}
.saat-dashboard #saat-dashboard-update input:focus-visible {
outline:none;
}
.saat-dashboard #saat-dashboard-update .form-double-btn {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30px;
}
.saat-dashboard #saat-dashboard-update .form-double-btn  .metro-btn{
margin-top: 0px;
width: fit-content;
margin: inherit;
padding: 16px 40px 16px 40px;
background-image: linear-gradient(149deg, #C52350 48%, #F6AC59 100%);
padding:16px 60px;
border-radius:50px;
text-decoration: none;
}
.saat-dashboard #saat-dashboard-update .form-double-btn  .metro-btn:hover{
color:#fff;
}
.saat-dashboard #saat-dashboard-update label
{
margin-bottom: 20px;
}
.saat-dashboard #saat-dashboard-update input{
border: 1px solid #66666629;
border-radius: 3px;
padding: .5rem 1rem;
transition: all .3s;
width: 100%;
height: 50px;
margin-top: 14px;
} */
/* === Single profile/ author STYLES === */
.author-page {
background-color:#fdf6f8;
padding: 0 0 5px 0;
}
.hero h1 {
font-family: "Playfair Display", sans-serif;
font-weight: 700;
font-size: 20px;
}
.hero p {
font-family: "Poppins", sans-serif;
}
p.author-list {
font-size: 13px;
}
.profile-photo {
max-width: 200px;
border: 5px solid white;
border-radius: 50%;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
button#deactivate:hover {
    color: #fff !important;
}
/* === TABS & CONTENT === */
.tab-content {
background: #fff;
border-radius: 1rem;
padding: 18px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
table.table.info-table {
font-family: 'Poppins', sans-serif;
}
ul#profileTabs {
gap: 5px;
justify-content:start;
}
.nav-tabs .nav-link {
color: #c72351;
font-weight: 500;
border: none;
font-size:14px;
}
.nav-tabs .nav-link:hover {
color:#fff;
background-image: linear-gradient(149deg, var(--e-global-color-71906a9) 48%, var(--e-global-color-492d77c) 100%);
}
.nav-tabs .nav-link.active {
background-image: linear-gradient(149deg, var(--e-global-color-71906a9) 48%, var(--e-global-color-492d77c) 100%);
color: #fff !important;
border-radius: 8px 8px 0 0;
}
.info-table th {
color: #c72351;
width: 35%;
font-weight: 600;
text-transform:capitalize;
font-family: "Poppins", sans-serif;
}
h4.section-title {
color: #c72351;
font-weight: 500;
border-left: 4px solid #c72351;
padding-left: .5rem;
margin-bottom: 1rem;
font-size: 18px;
font-family: "Poppins", sans-serif;
}
.author-page .profile-card__image {
width: 200px;
height: 200px;
object-fit: cover;
border-radius: 100%;
}
/* === CONTACT CARD === */
.contact-card {
background: #fff;
border-radius: 1rem;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
padding: 2rem;
text-align: center;
}
.lock-icon {
font-size: 3rem;
color: #c72351;
}
.btn-brand {
background-image: linear-gradient(149deg, var(--e-global-color-71906a9) 48%, var(--e-global-color-492d77c) 100%);
color: white;
border: none;
font-family: "Poppins", sans-serif;
}
.btn-brand:hover {
background-color: #c72351;
color: white;
}
.hero img.profile-author {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 100px;
object-position: top;	
}
/* === TYPOGRAPHY === */
.section-title,
.contact-card h4 {
font-family: "Playfair Display", sans-serif;
}
.authorinfotab p,
.contact-card p {
font-family: "Poppins", sans-serif;
}
.author-detail nav.breadcrumb {
max-width: 1140px;
margin: auto;
margin:20px auto !important;
}
nav.breadcrumb,.author-detail nav.breadcrumb 
{
margin-top: 20px;
margin-bottom: 0px !important;
column-gap: 5px;
font-family: "Poppins", sans-serif;
}
.custom_breadcrumb {
max-width: 1140px !important;
margin: auto;
}
.author-page {
max-width: 1140px !important;
margin: auto;
}
.matrimonial-form textarea::placeholder,.matrimonial-form input::placeholder,form.matrimonial-form input[type="text"]::placeholder, .matrimonial-form select::placeholder {
color:#51565dba;
}
form.matrimonial-form select:valid {
  color: #51565dba; 
}
form.matrimonial-form option {
  color:#000;
}
table.my-interest-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Poppins", sans-serif;
  background: #0f172a;
  color: #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
margin:30px 0;
}

table.my-interest-table thead {
  background: #111827; /* flat dark header */
}
table.my-interest-table tbody {
    background: white;
    color: #000;
}
table.my-interest-table th {
  padding: 16px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.12em;
  color: #9ca3af; /* muted header text */
}
table.my-interest-table td {
  padding: 16px; 
}
table.my-interest-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04); /* subtle hover */
}
button.decline-offer {
    border-radius: 100px;
    background-image: linear-gradient(149deg, var(--e-global-color-71906a9) 48%, var(--e-global-color-492d77c) 100%);
    color: #fff;
	font-size:16px;
}
.mat-gallery-item {
    width: 160px;
   
}
button.set-profile-btn {
    background:#80808000;
    color: #000;
    font-size: 10px;
    border: 1px solid #a3a3a3;
    padding: 6px;
}
.mat-gallery-actions {
    margin-top: 10px;
	display:flex;
	column-gap:10px;
	align-items: center;
}
button.delete-gallery-btn {
    padding: 6px;
    font-size: 10px;
    width: -webkit-fill-available;
}
.mat-gallery-thumb {
    width: 100%;
    border-radius: 8px;
    height: 200px !important;
	object-position: center;
}
span.profile-badge {
    width: 180px;
    font-size: 12px;
}
div#profileSavedPopup p {
    font-family: 'Poppins';
}
div#profileSavedPopup h3{
font-family:"Playfair Display";
}
#chatBox p.sender-you{
  position: relative;
  padding-right: 30px; 
  margin: 6px 0;

}
.deleteMsg {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #CC3552;
  border: 1px solid #CC3552;
  background: none;
  cursor: pointer;
  padding: 2px 6px;
  font-size: 14px;
  line-height: normal;
}
.deleteMsg:hover{
background:#CC3552;	
color:#fff !important;
}
/* Responsive for tablets and smaller screens */
@media (max-width: 768px) {
.container-matrimony {
flex-direction: column; /* Stack items vertically */
gap: 15px;
margin: 20px;
padding: 30px 0 30px 0 !important;
}
.filter-box{
max-width:100%;
}
.container-matrimony .matches-section .profiles {
display: flex;
}
.profiles .profile-card {
width: 100% !important;
max-width: 100%;
}
.metro-auth-wrap{
max-width:100% !important;
padding:30px 20px !important;
}
.dashboard-buttons{
padding:10px !important;
gap:10px;
}
div#chatBox{
	margin-bottom:10px;
}
form.matrimonial-form{
max-width:100% !important;
padding: 15px !important;
}

table.my-interest-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Poppins", sans-serif;
    background: #0f172a;
    color: #e5e7eb;
    border-radius: 12px;
    overflow: auto;
    margin: 30px 0;
    display: block;
}		
section.hero.position-relative.text-center.py-5 {
padding: 0px !important;
}
form.matrimonial-form h3{
font-size:22px;
}
.contact-card {
margin: 10px 0px !important;
}
}