/* ===================== */
/* COMMOM CSS */
body{
    background:#F8F8F8;
    font-family:'Poppins',sans-serif;
}
a,
a:hover,
a:focus{
    text-decoration: none;
    outline: none;
}
.btn:focus,
button:focus{
    outline: none;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1.page-heading{
  margin: 5px 0 30px;
  padding: 0 5px 10px;
  border-bottom: 2px solid #333;
}

/* ===================== */

/* ===================== */
/* Navbar start */
/* ===================== */

/* Sticky Header */
.navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
}


#navbar{
    background: #f9f9f9;
}
#logo{
    font-size: 36px;
    font-weight: 550;
    color: black;
    text-shadow: 0px 1px 1px black;
    margin-bottom: 5px;
}
#logo span{
    color: #ffa500;
}
.navbar-toggler span{
    color: #ffa500;
}
.navbar-nav{
    margin-left: 20px;
}
.nav-item .nav-link{
    font-size: 16px;
    font-weight: 550;
    color: black;
    letter-spacing: 1px;
    border-radius: 3px;
    transition: 0.5s ease;
}
.nav-item .nav-link:hover{
    background: #ffa500;
    color: white;
}
#navbar form button{
    background: orange;
    color: white;
    border: none;
}

/* Navbar End */

/* findingprofiles design start */
.findingprofiles img{
    width: 240px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* findingprofiles design End */


/* Index Card design End */

/* TITLE */
.featured-title {
    text-align: center;
    margin-bottom: 20px;
}

.featured-title h2 {
    font-size: 30px;
    font-weight: 700;
    background: linear-gradient(45deg, #f90000, #fe6403);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.title-border {
    height: 25px;
}

/* CARD */
.profile-card {
    border-radius: 15px;
    overflow: hidden;
    transition: 0.3s;
    position: relative;
    height: 100%;
}

.profile-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.profile-card btn{
    border-radius: 15px;
    overflow: hidden;
    transition: 0.3s;
    position: relative;
    height: 100%;
}

.profile-card btn:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* IMAGE */
.profile-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

/* BODY */
.profile-card .card-body {
    padding: 15px;
}

.profile-card h5 {
    font-weight: 600;
}

.profile-card p {
    font-size: 14px;
    margin: 3px 0;
}

.profile-card p strong {
    color: #f90000;
}

/* BUTTON */
.view-btn {
    border: 1px solid #f7971e;
    color: #fff;
    border-radius: 20px;
    padding: 5px 25px;
    margin-top: 10px;
    display: inline-block;
    background: linear-gradient(45deg, #f7971e, #ffd200);
}

.view-btn:hover {
    background: linear-gradient(90deg, #F57C00, #FFA000);
    color: #fff;
}
.view-btn i{
    color:inherit !important;
}
.interest-btn {
    border: 1px solid #f7971e;
    color: #fff;
    border-radius: 20px;
    padding: 5px 25px;
    margin-top: 5px;
    display: inline-block;
    background: linear-gradient(90deg, #f90000, #ffd200);
}

.interest-btn:hover {    
    background: linear-gradient(90deg,  #E65100, #FF8F00);
    color: #fff;
}
.interest-btn i{
    color:#fff !important;
}
.interest-btn:hover i{
    color:#fff !important;
}
/* BADGE */
.profile-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: linear-gradient(45deg, #f90000, #fe6403);
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 20px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .profile-card img {
        height: 200px;
    }
}

/* Index Card design End */

/* ADMIN Panel CSS START */
/* Form design */


.main-text h3{
    color: orange;
    text-shadow: 3px 3px 1px black;
    font-weight: 600;
    border: 1px solid black;
    display: inline-block;
    border-radius: 1px 30px 1px 30px;
    padding: 5px;
    padding-left: 50px;
    padding-right: 50px;
    box-shadow: 5px 5px 5px grey;
}
.main-text h5{
    color: white;
    background: orange;
    font-weight: 300;
    padding: 5px;
    font-size: 20px;
     border-radius: 1px 15px 1px 15px;
    border: 1px solid black;
    display: inline-block;
    padding: 1px 30px 1px 30px;
    box-shadow: 5px 5px 5px grey;
   

}
.form-control {
  width: 100%;
  padding: 10px;
  outline: none;
}

.form-control:focus {
  border: 2px solid dodgerblue;
}
.profiletitle label{
    color: darkred;
    font-size: 17px;
}
.post-id .form-label label{
    background:linear-gradient(45deg,#F7971E,#FFD200);
    color:#fff;
    padding:8px 18px;
    border-radius:25px;
    font-size:15px;
    font-weight:700;
    display:inline-block;
    box-shadow:0 3px 10px rgba(0,0,0,.15);
}
.form-label label{
    margin-top: 5px;
  color: darkred;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 2px;
  display: block;
  margin-left: 10px;
}
.form-label input{
  color: black;
  font-size: 15px;
  margin-bottom: 2px;
  display: block;
  border: 1px solid darkred;
  text-transform: capitalize;
}

.form-label select{
    color: black;
  font-size: 15px;
  margin-bottom: 2px;
  display: block;
  border: 1px solid darkred;
  text-transform: capitalize;

}
option{
    color: #FE6403;
  font-size: 15px;
  margin-bottom: 2px;
  display: block;
  border: 1px solid darkred;
}

/* Select Header Container */
.select2-container--default .select2-selection--single {
    height: 38px !important;
    background-color: #ffffff !important;
    border: 1px solid darkred !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    outline: none;
}

/* Disabled State Styling */
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #ffffff !important;
    opacity: 0.7;
    cursor: not-allowed;
}

/* Text Inside Select Box */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000 !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
    line-height: normal !important;
    padding-left: 12px !important;
}

/* Dropdown Arrow Alignment */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
    right: 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent !important;
}

/* Dropdown Popup Box */
.select2-dropdown {
    border: 1px solid darkred !important;
    border-radius: 0 0 4px 4px !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Search Box Inside Popup */
.select2-search__field {
    border: 1px solid darkred !important;
    font-size: 14px !important;
    padding: 6px 10px !important;
    border-radius: 3px !important;
    outline: none !important;
}

/* Options List Item Spacing & Text */
.select2-results__option {
    color: #FE6403 !important;
    font-size: 15px !important;
    text-transform: capitalize !important;
    padding: 8px 12px !important; /* Uniform height & padding between items */
    margin: 0 !important;
}

/* Option Hover / Keyboard Navigation Highlight State */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: darkred !important;
    color: #ffffff !important;
}

/* Selected Option inside Popup List */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

.form-text select{
  width: 80%;
  height: 35px;
  font-size: 15px;
  padding: 3px 10px;
  margin-right: 15px;
  border-radius: 4px;
  border: 1px solid darkred;
  outline: 0;
}

.formcontainer container {
    width: 50%;
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}
.form-text input{
    width: 80%;
      height: 35px;
      font-size: 15px;
      padding: 3px 10px;
      margin-right: 17px;
      border-radius: 4px;   
      border: 1px solid darkred;
      outline: 0;

}
.profile-photo img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid red;
   border-radius: 15px 15px 15px 15px; 
   box-shadow: 5px 5px 5px grey;
   margin-bottom: 10px;
}
.profile-photo img:hover{
    
    transform: scale(1.05);
}

/* Form design */

/* Login and Sign up page design start*/

.login-page-heading{
    font-size: 25px;
    color: #FE6403;
    font-weight: 600;
    line-height: 20px;
    justify-content: center;
    padding: 5px 15px 5px 15px;
    text-transform: capitalize;
    display: flex;

}
.sign-up-content{
    box-shadow: 0px 0px 60px 0px grey;
    padding-top: 10px;
    margin-top: 15px;
    border: 1px solid #FE6403;
    border-top: 7px solid #FE6403;
}
.login-base{
    display: flex;
    background-color: #FE6403;
    margin-bottom: 10px;
    justify-content: center;
}
.login-base p{
    color: white;
    font-size: 13px;
    padding-top: 5px;
}
.sign-up-base{
    background-color: #FE6403;
    padding: 2px 5px 0px 5px;
    margin: 2px 5px 0px 5px;
}
.sign-up-base p{
    text-align: center;
    color: white;
    font-size: 13px;
    justify-content: center;
}
.login-base p span a{
    color: blue;
    text-decoration: underline;
}
.sign-up-base p span a{
    color: blue;
    text-decoration: underline;
}


.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}

.input-container i {
  padding: 10px;
  background: #FE6403;
  min-width: 50px;
  text-align: center;
  padding-top: 15px;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

/* Login and Sign up page design end*/

/* Common css start */

.page-heading h1{
    font-size: 1em;
    background: linear-gradient(45deg, #f90000, #fe6403);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    justify-content: left;
    padding: 5px 15px 5px 15px;
    text-transform: capitalize;
    display: flex;
}

.page-heading h2{
    font-size: 25px;
    background-color: #FE6403; /* dark orange color */
    color: white;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    border: 1px solid black;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 30px 5px 30px;
}
.profileheading h5{
    font-size: 18px;
    background-color: red; /* dark orange color */
    color: white;
    display: inline-block;
    padding: 5px 25px 5px 25px;
    border-radius: 10px 10px 10px 10px;
}
.bg-first {
    background-color: #F8F8F8; /* light #F8F8F8;  White Smoke color 01 #e2e2e2; */

}
.bg-second {
    background-color: lightgrey; 
}
.bg-card{
    background-color: darkred; 
}
.bg-dark-red {
    background-color: red; 
}
.bg-main-orange {
    background-color: fe6403; 
}
.bg-btn-primary {
    background-color: #1360e2;
}
.bg-contact {
    
    font-size: 18px;
    color: blue;
}
.text-first {
    color: red;              
    padding: 10px;
    border-radius: 25px;
    font-weight: 500px;
}
.text-white {
    color: white;              
    padding: 10px;
    font-weight: 500px;
}

.text-second {
    color: black;              
    padding: 10px;
    border-radius: 25px;
    font-weight: 500px;
}
.border-first{
    border: 1px solid darkred;
}
.border-second {
    border: 2px red solid;
}
.border-third {
    border: 1px black; solid;
}
.border-four{
    border: 1px solid #f7971e;
}
.border-Red-Orange{
    border: 1px solid #FE6403;
}
.border-card{
    border: 1px solid #EAEAEA;
}

.border-left-side{
    border-left: 2px solid darkred;
}
.border-right-side{
    border-right: 2px solid darkred;
}
.border-top-side{
    border-top: 1px solid red;
}
.border-bottom-side{
    border-bottom: 1px solid red;
}
.border-bottom-side-menubar{
    border-bottom: 1px solid darkgrey;
    box-shadow: 0 1px 5px darkgrey;
}
.border-custom{
    border-left: 1px solid red;
    border-right: 1px solid red;
    border-top : 1px solid red;
    border-radius: 15px 15px 0px 0px;
}
.border-custom2{
    border-left: 1px solid red;
    border-right: 1px solid red;
    border-bottom : 1px solid red;
    border-radius: 0px 0px 15px 15px;
}
.border-theme{
    border-radius: 1px 28px;
}
.border-all-side{
    border: 1px solid red;
    border-radius: 15px;
}
.border-all-side-maincolor{
    border: 1px solid #FE6403;
    
}
.padding-left-side{
    padding-left: 30px;
} 
.padding-left-side-10{
    padding-left: 10px;
}
.padding-top-side{
    padding-top: 10px;
}
.padding-bottom-side{
    padding-bottom: 10px;
}

.padding-all-side{
    padding: 10px;
}
.margin-bottom-side{
    margin-bottom: 5px;
}
.margin-bottom-side-ten{
    margin-bottom: 50px;
}
.margin-top-side{
    margin-top: 5px;
}
.margin-left-side{
    margin-left: 15px;
}
.margin-left-side-ten{
    margin-left: 5px;
}
.margin-all-side{
    margin: 10px;
}
.button-main input{
    color: #fff;
    background-color: #1360e2;
    transition:all 0.3s;
}
.button-main h6{
    color: #fff;
    background-color: #1360e2;
    padding: 8px 10px 8px 10px;
    margin: 5px 0px 5px 0px;
    transition:all 0.3s;
    display: inline-block;
    border-radius: 10px 10px 10px 10px;
}

.button-main :hover{
    color: white;
    background: darkred;   
}
.custom-btn {
  background-color: #1360e2;
  color: white;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  width: 40%;
  opacity: 1;
  border-radius: 5px;

}

.custom-btn:hover {
  opacity: 0.9;
}
.contact-form{
    height: 500px;
}

/* Background & Text design start */

/* Notification Bell */
.notification-bell{
    position: relative;
    font-size: 24px;
    text-decoration: none;
    margin-left: 15px;
}

/* Notification Count */
.notification-count{
    position: relative;
    top: -12px;
    right: -10px;
    background: red;
    color: white;
    font-size: 12px;
    border-radius: 50%;
    padding: 2px 6px;
}


/* Post design */
.postsubtitle label{
    margin-top: 10px;
    color:#8B1E1E;
    font-weight:600;
    font-size:17px;
}
.postsubtitleinfo input{
    border:1px solid #9e9e9e;
    border-radius:8px;
    background:#e2e2e2;
    color:#333;
}


.form-step{
    display:none;
}

.form-step.active{
    display:flex;
}

.step-indicator{
    text-align:center;
    margin-bottom:20px;
}

.step-indicator span{
    width:35px;
    height:35px;
    line-height:35px;
    border-radius:50%;
    background:#ddd;
    display:inline-block;
    margin:5px;
    font-weight:bold;
}

.step-indicator span.active{
    background:#ff3366;
    color:white;
}

.step-buttons{
    text-align:center;
    margin-top:20px;
}

.step-buttons button,
.step-buttons input{
    padding:10px 25px;
    border:none;
    background:#ff3366;
    color:white;
    border-radius:5px;
    margin:5px;
}
.form-step{
    display:none;
}

.is-invalid{
    border:2px solid red !important;
    color: grey;
}
/* =========================
   STEP PROGRESS BAR START
========================= */

.step-progress-wrapper{

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 40px 0;

    flex-wrap: wrap;

}

.progress-line{

    position: absolute;

    top: 22px;

    left: 0;

    width: 100%;

    height: 5px;

    background: #e0e0e0;

    z-index: 1;

    border-radius: 10px;

}

.progress-line-fill{

    position: absolute;

    top: 0;

    left: 0;

    width: 0%;

    height: 100%;

    background: linear-gradient(to right,#ff416c,#ff4b2b);

    border-radius: 10px;

    transition: 0.4s ease;

}

.step-item{

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 14%;

}

.step-circle{

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: #d9d9d9;

    color: #555;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

    font-size: 18px;

    transition: 0.3s;

    border: 3px solid white;

    box-shadow: 0 2px 10px rgba(0,0,0,0.1);

}

.step-title{

    margin-top: 10px;

    font-size: 14px;

    text-align: center;

    font-weight: 600;

    color: #777;

}

/* ACTIVE STEP */

.step-item.active .step-circle{

    background: #ff416c;

    color: white;

    transform: scale(1.1);

}

.step-item.active .step-title{

    color: #ff416c;

}

/* COMPLETED STEP */

.step-item.completed .step-circle{

    background: #28a745;

    color: white;

}

.step-item.completed .step-circle::after{

    content: "✓";

    font-size: 18px;

}

/* MOBILE */

@media(max-width:768px){

    .step-title{

        font-size: 11px;

    }

    .step-circle{

        width: 35px;

        height: 35px;

        font-size: 14px;

    }

}
/*  STEP PROGRESS BAR END */

/* ===================== */
/* Post design */
/* ===================== */

#wrapper-admin{
    padding: 100px 0 0;
}

img.logo{
    width: 100%;
    height: auto;
    display: block;
}

#header-admin{
    background-color: #1E90FF;
    padding: 15px 0;
}

#header-admin .admin-logout{
    margin: 10px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

#header-admin .admin-logout:hover{
    text-decoration: underline;
}

#admin-menubar{
    background-color: #fff;
}
#admin-menubar .admin-menu{
    font-size: 0;
}
#admin-menubar .admin-menu li{
    display: inline-block;
    margin: 0 5px 0 0;
}
#admin-menubar .admin-menu li a{
    color: #1E90FF;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 15px;
    display: block;
    transition: all 0.3s;
}

#admin-menubar .admin-menu li a:hover{
    color: #fff;
    background-color: #1E90FF;
}

#admin-content{
    padding: 20px 0;
    min-height: 750px;
    margin: 0px 5px 0px 5px;
}

#admin-content .admin-heading{
    font-size: 30px;
    background-color: orange;
    color: black;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid black;
    border-radius: 15px;
    margin-bottom: 5px;
}

#admin-content .add-new{
    color: #fff;
    background-color: #1E90FF;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 10px;
    /* margin: 0 0 20px; */
    display: block;
    transition: all 0.3s;
}
#admin-content .add-new:hover{
    text-shadow: 0 0 3px #000;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.2);
}

#admin-content .content-table{
    border: 1px solid #000;
    width: 100%;
    margin: 0 0 20px;
}

#admin-content .content-table thead{
    color: #fff;
    background-color: #333;
}

#admin-content .content-table th{
    padding: 10px;
    border: 1px solid #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

#admin-content .content-table tbody{
    color: #333;
}

#admin-content .content-table tbody tr{
    background-color: #e7e7e7;
}
#admin-content .content-table tbody tr:nth-child(even){
    background-color: transparent;
}
#admin-content .content-table tbody td{
    padding: 10px;
    border: 1px solid #fff;
    text-align: center;

}

#admin-content .content-table tbody td:nth-child(2){
    text-align: left;
}


form{
    
    padding: 25px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.13);
}

/* ===================== */
/* ADMIN Panel CSS END */
/* ===================== */

/* Admin Styling End */


/* ===================== */
/* FrontEnd CSS START */
/* ===================== */

/* Header Styling */
#header{
    background: #1e90ff;
    text-align: center;
    padding: 15px;
}

#logo{
    display: inline-block;
    width: 65%;
}

#logo img{
    width: 100%;
}

/* Menubar Styling */
#menu-bar{
    background: #C62828;
    text-align: center;

}

#menu-bar .menu > li{
    display: inline-block;
}

.menu > li > a{
    padding: 10px 20px;
    margin: 1px;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight:600;
    transition:all 0.5s ease 0s;
}

#menu-bar .menu > li > a:hover,
#menu-bar .menu > li > a.active{
    color:black;
    background:#fff;
     border: -2px solid black;
     border-radius: 25px 1px 25px 1px;
}

/* Main Content Styling */

#main-content{
   padding: 5px 0px 5px 0px;
    min-height: 750px;
}

#main-content .post-container{
    padding: 10px 0px 10px 0px;
    

}

#main-content .post-content{
    background:#fff; /* #fff; */
    border:1px solid #7d7d7d; /* #EAEAEA; */
    border-radius:15px;
    padding:20px;
    margin-bottom:25px;
    box-shadow:0 5px 15px #8a8a8a;
    transition:.3s;
}

.post-content:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

#main-content .post-content img{
    width:100%;
    max-width:250px;
    border-radius:12px;
    border:4px solid #fff;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    transition:.3s;
}
#main-content .post-content img:hover{
    transform:scale(1.03);
}

#main-content .post-content .post-img{
  border: 3px solid darkred;
  display: block;
  height: 145px;
  overflow: hidden;
  transition: border .3s;
}
#main-content .post-content .post-img:hover{
  border: 3px solid #1e90ff;
}
#main-content .post-content .inner-content{
    /* border: 1px solid #000; */
}

#main-content .post-content h3{
    font-size:25px;
    font-weight:700;
    margin-bottom:12px;

}
#main-content .post-content h3 a{
    color:#8B1E1E;
    text-decoration:none;
}
#main-content .post-content h3 a:hover{
     color:#F7971E;
}
#main-content .post-information{
    margin-bottom:15px;
}
#main-content .post-content .post-information span{
    text-transform: capitalize;
    margin-right:8px;
    color:#555;
    font-size:14px;
}

#main-content .post-content .post-information i{
    color:#F7971E;
    margin-right:5px;
}

#main-content .post-content .post-information a{
    color: #606060;
    text-decoration: none;
}

#main-content .post-content .post-information a:hover{
    color: #333;
    text-decoration: none;
}
#main-content .post-content .view-interest-btn i{
    color:#ffffff;
}


#main-content .post-content p,
#main-content .single-post p{
    color: #666;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin:0 0 10px;
}

#main-content .post-content a.read-more{
    color: #fff;
    background-color: #1360e2;
    font-size: 13px;
    text-transform: capitalize;
    padding: 5px 15px;
    border-radius: 2px;
    transition: all 0.3s;
    margin-right: 20px;
}

#main-content .post-content a.read-more:hover{
    color: #fff;
    background-color: darkred;
}

#main-content .single-post{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#main-content .single-post h3{
    color: #1e90ff;
}

#main-content .single-post .post-information{
    margin: 0 0 10px;
}
#main-content .single-post p{
    text-align: justify;
}

#main-content .single-post img.single-feature-image{
    width: 70%;
    margin: 0 auto 20px;
    display: block;
    border: 3px solid #e7e7e7;
}

/* terms and condition Styling */
.terms h3{
    font-family: Verdana;
    color: red;
    font-size: 20px;
}
.terms ul{
    font-family: Verdana;
    color: black;
    font-size: 16px;
    line-height: 1.8;
}
.terms h4{
    font-family: Verdana;
    color: red;
    font-size: 18px;
}

/* Pagination  Styling */
pagination
.id,
.edit,
.delete{
    text-align:center;
}
.pagination {
    display: block;
    text-align: center;
    margin: 5px;
    padding: 5px;
}

.pagination li {
    display:inline-block;
    margin: 0 5px 0 0;
}

.pagination li a{
    border: none;
    background: darkred;
    color: #fff;
    padding: 2px 5px 2px 5px;
}

.pagination li a:hover,
.pagination > li > a:focus{
    color:#fff;
    background:#1360e2;
}
/* admin pagination */
#main-content .admin-pagination{
    margin: 0;
}
#main-content .admin-pagination li a{
    display: block;
}
#admin-content .admin-pagination{
    margin: 0;
}
#admin-content .admin-pagination li a{
    display: block;
}

/* Pagination Container */
.pagination-main {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on small screens */
    justify-content: center;
    padding: 0;
    list-style: none;
    gap: 5px; /* Small spacing between buttons */
}

/* Pagination Items */
.pagination-main li {
    display: inline-block;
}

/* Base Button Style */
.pagination-main li a {
    padding: 6px 12px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    display: block;
    transition: 0.3s ease;
}

/* Blue for Non-Active Pages */
.pagination-main li a.blue {
    background-color: #1360e2;
}

/* Red for Active Page */
.pagination-main li a.active {
    background-color: #f90000;
    font-weight: bold;
}

/* Hover Effect */
.pagination-main li a:hover {
    opacity: 0.8;
}

/* Responsive Font Size */
@media (max-width: 600px) {
    .pagination-main li a {
        padding: 5px 8px;
        font-size: 12px;
    }
}

.page_links {
    background-color: #ccc;
    font-family: arial, verdana;
    font-size: 12px;
    text-decoration: none;
    border:1px solid #000;
    padding: 6px;
    margin: 3px;
}

#page_a_link{
    font-size: 12px;
    border:1px #000000 solid;
    color:#000;
    background-color: #cccccc;
    padding: 6px;
    margin: 3px;
    text-decoration: none;
}

i.fa{
    color:#222;
}

/* ==========================================
   SIDEBAR
========================================== */

#sidebar{
    padding-left:15px;
}

/* Common Sidebar Cards */

#sidebar .search-box-container,
#sidebar .recent-post-container{
    background:#fff;
    border:1px solid #7d7d7d; /* #EAEAEA; */
    border-radius:15px;
    box-shadow:0 5px 15px #8a8a8a;
    padding:20px;
    margin-bottom:20px;
}


/* Titles */

#sidebar h4{
    font-size:18px;
    font-weight:700;
    color:#8B1E1E;
    text-transform:uppercase;
    margin-bottom:20px;
    padding-left:12px;
    border-left:4px solid #C62828;
}


/* ==================================
      SEARCH TAG BUTTONS
================================== */

#sidebar .input-group{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

#sidebar .input-group span{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

#sidebar .search-box-container a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 18px;
    border-radius:8px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    background:linear-gradient(45deg,#F7971E,#FFD200);
    transition:.3s;
    border:none;
}

#sidebar .search-box-container a p{
    margin:0;
}

#sidebar .search-box-container a i{
    color:#fff;
    margin-right:8px;
}

#sidebar .search-box-container a:hover{
    background:linear-gradient(90deg,#F90000,#FE6403);
    transform:translateY(-2px);
}


/* ==================================
      RECENT POST CARD
================================== */

#sidebar .recent-post{
    display:flex;
    gap:14px;
    padding:12px;
    margin-bottom:15px;
    border:1px solid #7d7d7d; /* #EAEAEA; */
    border-radius:10px;
    transition:.3s;
}

#sidebar .recent-post:hover{
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}


#sidebar .recent-post .post-img{
    width:90px;
    min-width:90px;
    border:none;
}

#sidebar .recent-post .post-img img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:8px;
    border:2px solid #fff;
}


#sidebar .recent-post .sidebar-post-content{
    flex:1;
    padding:0;
}


/* Name */

#sidebar .recent-post h5{
    margin-bottom:8px;
    line-height:20px;
}

#sidebar .recent-post h5 a{
    color:#8B1E1E;
    font-size:15px;
    font-weight:700;
}

#sidebar .recent-post h5 a:hover{
    color:#F7971E;
}


/* Icons */

#sidebar .recent-post span{
    display:inline-block;
    font-size:12px;
    color:#555;
    margin-right:8px;
    margin-bottom:6px;
}
#sidebar .recent-post span a{
    color: #606060;
    text-decoration: none;
}
#sidebar .recent-post span a:hover{
    color: #333;
    text-decoration: none;
}

#sidebar .recent-post span i{
    color:#F7971E;
    margin-right:4px;
}


/* Labels */

.postsubtitle label{
    color:#333;
    font-size:13px;
    font-weight:500;
    margin:0;
}

.postsubtitleinfo h6{
    font-size:13px;
    color:#555;
    margin:0;
    margin-top: 6px;
}


/* View All */

.sidebar-view-all{
    text-align:center;
    margin-top:15px;
}

.sidebar-view-all a{
    color:#F7971E;
    font-weight:600;
}

.sidebar-view-all a:hover{
    color:#C62828;
}


/* Responsive */

@media(max-width:768px){

#sidebar{
    padding-left:0;
    margin-top:20px;
}

#sidebar .recent-post{
    flex-direction:column;
}

#sidebar .recent-post .post-img{
    width:100%;
}

#sidebar .recent-post .post-img img{
    width:100%;
    height:auto;
}

}
/* Sidebar end */

/* Footer Styling */
#footer{
    color: #fff;
    padding:15px 0;
    text-align:center;
    background-color:#1e90ff;
}
#footer-logo img {
    max-height: 100px;
    width: auto;
}

#footer  a{
    color:#fff;
}

#footer  span  a:hover{
    text-decoration: underline;
}
.social-links i{
    padding: 10px;
    border-radius: 5px;
    font-size: 20px;
    background: black;
    color: white;
    margin-left: 10px;
    margin-bottom: 10px;
    transition: 0.5s ease;
    cursor: pointer;
}
.social-links i:hover{
    background: #ffa500;
}


/* ==========================================================================
   PROFILES Design (Single Profile)
   ========================================================================== */

/* Structure Container Wrappers */

.header-badge-wrap {
    margin-bottom: 25px;
}

.main-profile-badge {
    background: linear-gradient(135deg, #6200EA, #4A148C);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 32px;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0 4px 10px rgba(98, 0, 234, 0.2);
    letter-spacing: 0.5px;
}

.formal-profile-container {
    padding: 10px; !important;
}

/* Base White Canvas Card */
.profile-display-form {
    background: #ffffff !important;
    border: 1px solid #7d7d7d; !important;  /* #7d7d7d;  #EAEAEA; #E0E4EC */
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(160, 175, 195, 0.15) !important;
    padding: 30px !important;
    margin-bottom: 15px;

}

/* Split Column Layouts */
.split-details-row {
    display: flex;
    flex-wrap: wrap;
}

/* Left Profile Visual Identity Box */
.left-avatar-card {
    padding-right: 15px;
}

/* Updated Avatar Wrapper for Half-Colored Top Background Block Banner */
.avatar-box-inner {
    background: #ffffff;
    border: 1px solid #ffd200;
    border-radius: 14px;
    position: relative;
    overflow: hidden;
    padding: 0 20px 20px 20px;
    text-align: center;
    height: 100%;
    margin-right: 15px;
}

/* Generates the solid color split banner block dynamically behind avatar content */
.avatar-box-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95px; /* Determines vertical cutoff height of the header background block */
    background: linear-gradient(90deg, #f7971e, #ffd200) !important; /* Custom premium color background banner tint */
    z-index: 1;
}

.profile-id-text {
    position: relative;
    z-index: 2;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff; /* Flipped text tint to crisp white to stand clear over header color block */
    margin-top: 15px;
    margin-bottom: 15px;
    letter-spacing: 0.2px;
}

.profile-avatar-frame {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 180px;
    margin: 0 auto 15px auto;
}

.profile-avatar-frame img {
    width: 100%;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 4px solid #ffffff !important;
    box-shadow: 0 8px 20px rgba(42, 75, 87, 0.12) !important;
    transition: transform 0.3s ease;
}

.profile-avatar-frame img:hover {
    transform: scale(1.02);
}

.gender-tag-wrap {
    position: relative;
    z-index: 2;
    margin-top: 5px;

}

.gender-pill-tag {
    background: #fe6403;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 18px;
    border-radius: 15px;
    display: inline-block;
    box-shadow: 0 3px 8px rgba(226, 161, 84, 0.2);
    padding-right: 20px;
    padding-left: 20px;
}
.gender-pill-tag i{
    color: #ffffff !important;
    font-size: 16px;
}

/* Section Header Banners with Icons */
.section-banner-title {
    background: linear-gradient(90deg, #f90000, #ffd200) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px;
    padding: 10px 18px !important;
    border-radius: 10px !important;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-banner-title i {
    color: #ffffff !important;
    font-size: 16px;
}

/* Row-by-Row Clean Data Line Component */
.detail-display-line {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    width: 100%;
}

.detail-display-line .line-label {
    width: 35%;
    font-size: 15px;
    font-weight: 600;
    color: #3E4B5E;
    padding-right: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.detail-display-line .line-label i {
    color: #F7971E !important;
    font-size: 14px;
    width: 16px;
    text-align: center;
}

.detail-display-line .line-val-box {
    width: 65%;
    background: #F8FAFD;
    border: 1px solid #EDF1F7;
    border-radius: 8px;
    padding: 8px 14px;
    color: #2C3A4E;
    font-size: 16px;
    font-weight: 500;
    min-height: 38px;
    display: flex;
    align-items: center;
}

/* Icon Driven Row Attributes Layout Block */
.attributes-grid-row {
    border-top: 1px dashed #E2E8F3;
    margin-bottom: 5px;
}

.attribute-column-slice .detail-display-line .line-label {
    width: 45%;
}

.attribute-column-slice .detail-display-line .line-val-box {
    width: 55%;
}

/* Core Multi-Section Modular Layout Blocks */
.full-section-block {
    margin-top: 10px;
    border-top: 1px dashed #E2E8F3;
    padding-top: 10px;
}

.section-divider-banner {
    padding: 10px; !important;
    margin-bottom: 15px;
}

.section-divider-banner h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px;
    color: #6200EA !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid #6200EA;
    padding-bottom: 6px !important;
    width: 100%;
    border-radius: 0 !important;
}

.section-divider-banner h5 i {
    font-size: 16px;
    color: #6200EA !important;
}

/* Colored Bottom Rule Accents per Panel Block Type */
.address-header-line h5 { color: #27AE60 !important; border-bottom-color: #27AE60; }
.address-header-line h5 i { color: #27AE60 !important; }

.astro-header-line h5 { color: #F2994A !important; border-bottom-color: #F2994A; }
.astro-header-line h5 i { color: #F2994A !important; }

.family-header-line h5 { color: #E02020 !important; border-bottom-color: #E02020; }
.family-header-line h5 i { color: #E02020 !important; }

.expectation-header-line h5 { color: #9B51E0 !important; border-bottom-color: #9B51E0; }
.expectation-header-line h5 i { color: #9B51E0 !important; }

/* Fluid Full-Width Input Block Types */
.mixed-fluid-line .line-label {
    width: 15% !important;
}

.mixed-fluid-line .line-val-box {
    width: 85% !important;
}

.plain-long-text {
    background: #FFF9F9 !important;
    border-color: #FFE3E3 !important;
    color: #4F5E74 !important;
}

/* Privacy Bottom Ground Rule Area Banner */
.privacy-notice-row {
    margin-top: 25px;
}

.dynamic-privacy-box {
    background: #F0F4FE;
    border-radius: 8px;
    padding: 10px 15px;
}

.privacy-notice-text {
    color: #4A5B78;
    font-size: 12.5px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.privacy-notice-text i {
    color: #2F80ED !important;
    font-size: 14px;
}

/* Flat Accent Submission Button Box Override */
.form-action-row {
    margin-top: 30px;
    padding-top: 10px;
}

.action-submit-btn-modern {
    background: linear-gradient(135deg, #1360e2, #0b4cb8);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 32px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(19, 96, 226, 0.25);
    transition: all 0.25s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.action-submit-btn-modern i {
    color: #ffffff !important;
    font-size: 16px;
}

.action-submit-btn-modern:hover {
    background: linear-gradient(135deg, #0b4cb8, #083b91);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(19, 96, 226, 0.35);
    color: #ffffff;
}

/* ==========================================================================
   CORRECTED MOBILE RESPONSIVE MEDIA QUERY
   ========================================================================== */
@media (max-width: 768px) {
    .profile-display-form {
        padding: 15px 12px !important;
    }
    .left-avatar-card {
        padding-right: 0;
        margin-bottom: 25px;
        width: 100%;
    }
    
    /* Forces layout alignment to stay on a single horizontal row */
    .detail-display-line {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    /* Standard Field Ratios on Mobile */
    .detail-display-line .line-label {
        width: 42% !important;
        font-size: 11.5px !important;
        padding-right: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .detail-display-line .line-label i {
        font-size: 12px !important;
        width: 14px;
        margin-right: 2px;
    }
    .detail-display-line .line-val-box {
        width: 58% !important;
        font-size: 12px !important;
        padding: 6px 10px !important;
        min-height: 34px !important;
    }

    /* Attribute-Grid Layout Overrides for Mobile Rows */
    .attribute-column-slice .detail-display-line .line-label {
        width: 45% !important;
    }
    .attribute-column-slice .detail-display-line .line-val-box {
        width: 55% !important;
    }

    /* Wide Fluid Fields (e.g. Parents Name, Surnames) Overrides for Mobile Rows */
    .mixed-fluid-line .line-label {
        width: 35% !important;
    }
    .mixed-fluid-line .line-val-box {
        width: 65% !important;
    }
}

/* ==========================================================================
   LIGHTBOX MODAL POPUP SYSTEM FOR PROFILE IMAGES
   ========================================================================== */
.photo-lightbox-modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 99999; /* Higher layer index to sit above navbar menus */
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(16, 24, 32, 0.92); /* Dark upscale premium backdrop */
    backdrop-filter: blur(5px); /* Soft focus background blur */
}

/* Lightbox Image Viewport Container */
.lightbox-modal-content {
    margin: auto;
    display: block;
    width: 85%;
    max-width: 480px; /* Restricts profile photo from stretching out disproportionately */
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
    
    /* Elegant smooth opening scaling animation effect */
    animation-name: zoomInLightbox;
    animation-duration: 0.28s;
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes zoomInLightbox {
    from { transform: scale(0.85); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* Top Right Close Button Window Accent */
.lightbox-close-btn {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #ffffff;
    font-size: 40px;
    font-weight: 300;
    transition: all 0.2s ease;
    cursor: pointer;
    user-select: none;
    line-height: 1;
}

.lightbox-close-btn:hover,
.lightbox-close-btn:focus {
    color: #E2A154; /* Highlight with your warm accent tint on hover */
    transform: scale(1.1);
}

/* Responsive Scaling for Small Mobile Display Adjustments */
@media (max-width: 768px) {
    .photo-lightbox-modal {
        padding-top: 100px; /* Centers vertically down slightly on standard mobile screens */
    }
    .lightbox-modal-content {
        width: 92%;
    }
    .lightbox-close-btn {
        top: 25px;
        right: 25px;
        font-size: 36px;
    }
}


/* Unlocked Dashboard Grid Layout & Aesthetics */
.admin-heading {
    font-size: 2rem;
    letter-spacing: -0.75px;
    color: #1a1f36;
}

.profile-grid-container {
    background-color: #f8fafc;
    border-radius: 16px;
    padding: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 1px solid #e2e8f0;
}

.profile-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px;
    background: #ffffff;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease;
    overflow: hidden;
}

.profile-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.08);
}

.profile-card .badge {
    font-size: 0.75rem;
    padding: 0.35rem 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #4a52ff !important; /* Custom Brand Accent Indigo */
    color: #ffffff;
}

.profile-card-title {
    font-size: 1.15rem;
    color: #1a1f36;
}

.btn-view-contact {
    background-color: #4a52ff;
    color: #ffffff;
    font-weight: 600;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    border: none;
    transition: background-color 0.15s ease;
}

.btn-view-contact:hover {
    background-color: #3239d4;
    color: #ffffff;
}

.empty-state-box {
    padding: 5rem 2rem;
    border-radius: 12px;
    background-color: #ffffff;
    border: 1px dashed #cbd5e1;
}

.custom-pagination .page-link {
    color: #475569;
    margin: 0 4px;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0;
    padding: 0.5rem 0.85rem;
}

.custom-pagination .page-item.active .page-link {
    background-color: #4a52ff !important;
    border-color: #4a52ff !important;
    color: #ffffff;
}

/* my interested profiles css start */
        
        .page-title {
            color: #8B1E1E;
            font-weight: bold;
        }

        /* Profile card matching index.php & guide specs */
        .profile-card {
            background: #FFFFFF;
            border: 1px solid #EAEAEA !important;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            transition: transform 0.2s, box-shadow 0.2s;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .profile-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
        }

        .profile-card img {
            width: 100%;
            height: 230px;
            object-fit: cover;
            border-bottom: 1px solid #EAEAEA;
        }

        /* Badge Styling based on guide specs */
        .fms-badge {
            background-color: #F7971E;
            color: #FFFFFF;
            font-weight: bold;
            padding: 5px 10px;
            font-size: 13px;
            border-radius: 4px;
            display: inline-block;
        }

        .payment-badge-paid {
            background-color: #C62828;
            color: #FFFFFF;
            font-size: 11px;
            padding: 4px 8px;
            border-radius: 3px;
            font-weight: bold;
        }

        .payment-badge-free {
            background-color: #555555;
            color: #FFFFFF;
            font-size: 11px;
            padding: 4px 8px;
            border-radius: 3px;
            font-weight: bold;
        }

        .profile-details-list p {
            margin-bottom: 6px;
            font-size: 14px;
            color: #333333;
            border-bottom: 1px dashed #EAEAEA;
            padding-bottom: 4px;
        }

        .profile-details-list p strong {
            color: #555555;
            font-weight: 600;
        }

        /* Brand gradient button matching "Primary Button (Gradient)" */
        .brand-btn-primary {
            background: linear-gradient(135deg, #F7971E 0%, #FFD200 100%);
            border: none;
            color: #FFFFFF;
            font-weight: bold;
            padding: 10px;
            border-radius: 6px;
            transition: background 0.3s ease;
            width: 100%;
        }

        .brand-btn-primary:hover {
            background: linear-gradient(135deg, #F90000 0%, #FE6403 100%);
            color: #FFFFFF;
        }
/* my interested profiles css end */

/* Home Msg CSS Style Badge */

    .nav-chat-icon-wrapper {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
        text-decoration: none;
        color: #333;
    }

    .nav-chat-icon-wrapper:hover {
        color: #F7971E;
    }

    /* Instagram-Style Floating Red Badge */
    .chat-unread-badge {
        position: absolute;
        top: -2px;
        right: -4px;
        background-color: #FF3B30; /* Instagram Red */
        color: #FFFFFF;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        padding: 3px 6px;
        border-radius: 50px;
        border: 2px solid #FFFFFF;
        min-width: 18px;
        text-align: center;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }


/* Home Msg CSS Style Badge */

/* Membership Plans & Cards CSS Style */

.plan-card {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    height: 100%;
}

.plan-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.current-plan {
    border: 3px solid #0d6efd;
}

.plan-header {
    background: linear-gradient(135deg, #0d6efd, #5f8dff);
    color: #fff;
    padding: 20px;
}

.plan-price {
    font-size: 40px;
    font-weight: bold;
}

.plan-price small {
    font-size: 16px;
}

.feature-item {
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

.feature-item:last-child {
    border-bottom: none;
}

.badge-current {
    background: #198754;
    color: #fff;
    font-size: 14px;
}
.summary-card {
    border: none;
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.summary-value {
    font-size: 24px;
    font-weight: 700;
}
/* Membership Plans & Cards CSS Style */
/* ===================== */
/* FrontEnd CSS END */
/* ===================== */