html{
    scroll-behavior: smooth;
}

:root{
    --color-primary: #ff0081;
    --color-primary-hover :#e20575;
    --color-secondary: #233350;
    --color-secondary-hover: #2f446a;
}
.inRegisterSubTitle{
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
}
.inEditCard .card-body h4{
    color: var(--color-primary);
    font-size: 18px;
    margin-bottom: 1.5rem !important;
    margin-top: 1rem !important;
}
.inAdvertisementBucket span{
    background: #0000001a;
    display: inline-block;
    position: absolute;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    color: #000000;
}
.whatsappFloatingIcon{
    position: fixed;
    bottom: 80px;
    right: 3%;
}
.whatsappFloatingIcon img{
    height: 55px;
    float: right;
    box-shadow: 0px 0px 10px 2px #00000057;
    border-radius: 50%;
}
.whatsappFloatingIcon .showWhatsappMessage{
    display: none;
}
.whatsappFloatingIcon:hover .showWhatsappMessage{
    display: block;
    position: inherit;
    background: #29a71a;
    padding: 10px 15px 10px 15px;
    margin-right: 5px;
    border-radius: 5px;
    color: white;
    margin-top: 5px;
    right: 100px;
}


body{
	background-color: #ffffff;
	font-size: 14px;
	/* font-family: 'Poppins', sans-serif !important; */
    font-family:'Montserrat',sans-serif;
    font-weight:400;
}
h1,h2{
    font-weight:700;
}

h3,h4{
    font-weight:600;
}

h5,h6{
    font-weight:500;
}

.btn{
    font-weight:600;
}
body::-webkit-scrollbar {
    width: 1em;
}
   
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    outline: 1px solid var(--color-primary);
}

html,
body {
    height: 100%;
}
#wrap {
    min-height: 100%;
}
.preloader-wrapper {
    width: 100% !important;
    text-align: center !important;
    padding-top: 200px !important;
    height: 100%;
}

/*==================================================
        GLOBAL BUTTON DESIGN
==================================================*/

.btn{
    border-radius:50px !important;
    font-weight:600 !important;
    padding:11px 26px !important;
    transition:all .3s ease !important;
    box-shadow:none !important;
}

.btn:hover{
    transform:translateY(-2px);
}

.btnPrimary,
.btn-primary{
    background:#fd007d !important;
    border:1px solid #fd007d !important;
    color:#fff !important;
}

.btnPrimary:hover,
.btn-primary:hover{
    background:#e40070 !important;
    border-color:#e40070 !important;
}

.btn-outline-primary{
    border:1px solid #fd007d !important;
    color:#fd007d !important;
    border-radius:50px !important;
}

.btn-outline-primary:hover{
    background:#fd007d !important;
    color:#fff !important;
}

.form-control,
.form-select{
    border-radius:12px !important;
    padding:12px 16px !important;
    border:1px solid #ddd !important;
    box-shadow:none !important;
}

.form-control:focus,
.form-select:focus{
    border-color:#fd007d !important;
    box-shadow:0 0 0 .2rem rgba(253,0,125,.15) !important;
}
/*==================================================
        GLOBAL BUTTON DESIGN END
==================================================*/
.loader {
    width: 60px;
    aspect-ratio: 1;
    background: linear-gradient(#dc1818 0 0) bottom/100% 0% no-repeat #ccc;
    -webkit-mask: 
      radial-gradient(circle at 60% 65%, #000 62%, #0000 65%) top left, 
      radial-gradient(circle at 40% 65%, #000 62%, #0000 65%) top right, 
      linear-gradient(to bottom left, #000 42%,#0000 43%) bottom left , 
      linear-gradient(to bottom right,#000 42%,#0000 43%) bottom right;
    -webkit-mask-size: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    animation: l19 2s infinite linear;
    
  }
  @keyframes l19 {
      90%,100% {background-size:100% 100%}
  }

.bg1{
    background: url("../img/bg.png");
}


/*-- Fonts --*/
.font-arizona{
    font-family: 'Yesteryear', cursive;
}
/* .font-nunito{
    font-family: 'Nunito', sans-serif;
} */
.font-poppins{
    font-family: 'Poppins', sans-serif;
}
.font-inter{
    font-family: "Inter", sans-serif;
}
.font-13{
    font-size: 13px;
}
.font-15{
    font-size: 15px !important;
}
.font-50{
    font-size: 50px;
}



/* Colors */
.colorPrimary{
    color: var(--color-primary) !important;
}
.colorLightGrey{
    color: #707070;
}
.colorSecondary{
    color: var(--color-secondary);
}
.bgPrimary{
    background-color: var(--color-primary) !important;
}
.bgSecondary{
    background-color: var(--color-secondary) !important;
}
.colorGold{
    color: #efca15 !important;
}


/*-- Form Styles --*/
.label-1{
    font-size: 13px;
    margin-bottom: 5px;
    letter-spacing: 0.3px;
}
.form-select{
    border-color: #e2e5ec;
    padding: 0.65rem 2rem 0.65rem 0.75rem;
    font-size: 0.85rem;
}
.form-select:focus {
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 0 129 / 15%);
}
.form-control{
    border-color: #e2e5ec;
    padding: 0.65rem 2.25rem 0.65rem 0.75rem;
    font-size: 0.85rem;
}
.form-control:focus {
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 0 129 / 15%);
}
.col-form-label{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #444444;
}
.form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.form-check-input:focus {
    border-color: var(--color-primary)75;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(255 0 129 / 24%);
}


/*-- Buttons --*/
.btnPrimary{
    background-color: var(--color-primary) !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
}
.btnPrimary:hover,.btnPrimary:focus{
    background-color: var(--color-primary) !important;  
}

.btnPrimaryBordered{
    background-color: transparent !important;
    color: var(--color-primary) !important;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 15px;
    /* font-family: 'Nunito', sans-serif; */
    border-color: var(--color-primary) !important;
}

.btnSecondary{
    background-color: var(--color-secondary) !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.btnSecondary:hover,.btnSecondary:focus{
    background-color: var(--color-secondary-hover) !important;  
}
.btnRed{
    background-color: #df023f !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 15px;
    /* font-family: 'Nunito', sans-serif;  */
}
.btnGreen{
    background-color: #55c508 !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 15px;
    /* font-family: 'Nunito', sans-serif;  */
}



/*-- Additional Margins & Paddings --*/
.mt-minus-120{
    margin-top: -120px;
}
.mt-minus-180{
    margin-top: -180px;
}
.mt-minus-200{
    margin-top: -200px;
}
.mt-minus-220{
    margin-top: -220px;
}
.mb-50{
    margin-bottom: 50px;
}
.inMT-35{
    margin-top: 35px;
}
.inMT-5{
    margin-top: 5px !important;
}
.inMB-5{
    margin-bottom: 5px !important;
}
.inMT-2{
    margin-top: 2px !important;
}
.inMT-75{
    margin-top: 75px;
}
.pt-9{
    padding-top: 9px !important;
}
.pb-9{
    padding-bottom: 9px !important;
}
.pt-34{
    padding-top: 34px !important;
}
/*-- Reusable Style --*/

.overflow-scroll-x{
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.maxH-60{
   max-height: 60px; 
}
.maxH-200{
   max-height: 200px; 
}
.maxH-180{
   max-height: 180px; 
}
.maxH-250{
    max-height: 250px;
}
.inTitle1{
    font-size: 30px;
    font-weight: bolder;
    margin-bottom: 0px;
}
.inLoginTitle2{
    font-size: 30px;
    font-weight: 600;
    color: var(--color-primary);
}
.inSubTitle1{
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 400;
}
.borderTopPrimary1{
    border-top:1px solid var(--color-primary);
}
.borderBottomPrimary1{
    border-bottom:1px solid var(--color-primary);
}
.borderBottomLgtGrey1{
    border-bottom:1px solid #efefef;
}
.letterSpacing2{
    letter-spacing: 2px;
}
.inPageHeader h2{
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 700;
    color:var(--color-secondary);
}
.border-radius-5{
    border-radius: 5px;
}
.avtar110{
    border-radius: 50%;
    max-height: 110px;
}
.avtar60{
    max-height: 60px;
    border-radius: 50%;
}
.avtar80{
    max-height: 80px;
    border-radius: 50%;
}
.inProfileThumb{
    max-height: 70px;
    border-radius: 5px;
}
.inTimesIconOver{
    position: absolute;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 30px;
    background: #ff0909;
    padding: 5px 10px 5px 10px;
    color: white;
    transition:  all 0.3s ease;
}
.inTimesIconOver:hover,.inTimesIconOver:focus{
    background: var(--color-secondary);
    padding: 5px 10px 5px 10px;
    color: white;
}
.inTimesIconOver i{
    font-size: 12px;
}
.active>.page-link, .page-link.active{
    background-color:var(--color-primary) !important;
    border-color:var(--color-primary) !important;
}
.page-link{
    color:var(--color-primary);
}
.inPanelActive{
    color: var(--color-secondary-hover);
    background: rgb(0 0 0 / 2%);
    border-left: 3px solid var(--color-primary) !important;  
}
.inBorderColor1{
    border-color: #ededed;
}
.inBorderRightMenu{
    border-right: 1px solid var(--color-primary-hover);
}
.inBorderLeftMenu{
    border-left: 1px solid var(--color-primary-hover);
}

.chosen-style-1 .select2-container .select2-selection--single{
    border-color: #e2e5ec !important;
    padding: 0.65rem 2.25rem 0.65rem 0.75rem !important;
    font-size: 0.85rem !important;
    border-radius: 0.375rem !important;
    text-decoration: none !important;
}
.chosen-style-1 .select2-container .select2-selection--single span{
    font-size: 0.85rem !important;
    text-decoration: none;
}

.chosen-style-2 .select2-container .select2-selection--single{
    border-color: #e2e5ec !important;
    padding: 0.65rem 2rem 0.65rem 0.75rem !important;
    font-size: 0.85rem !important;
    border-radius: 0.375rem !important;
    text-decoration: none !important;
}
.chosen-style-2 .select2-container .select2-selection--single span{
    font-size: 0.85rem !important;
    text-decoration: none;
}

.chosen-style-3 .select2-container .select2-selection--multiple{
    border-color: #e2e5ec !important;
    padding: 0.58rem 2rem 0.58rem 0.75rem !important ;
    font-size: 0.85rem !important;
    border-radius: 0.375rem !important;
    text-decoration: none !important;
}
.chosen-style-3 .select2-container .select2-selection--multiple li.search-choice span{
    font-size: 0.85rem !important;
    text-decoration: none;
    font-family:'Montserrat',sans-serif;
}

.chosen-style-4 .select2-container .select2-selection--single{
    border-color: #e2e5ec !important;
    padding: 0.6rem 2rem 0.48rem 0.75rem !important ;
    font-size: 0.85rem !important;
    border-radius: 0.375rem !important;
    text-decoration: none !important;
}
.chosen-style-4 .select2-container .select2-selection--single span{
    font-size: 0.85rem !important;
    text-decoration: none;
}
.chosen-style-3 .select2-container--default .select2-search--inline .select2-search__field{
    margin-bottom: 0px;
    margin-top: 0px;
    height: 20px;
}
.select2-container .select2-selection--multiple li.search-field input[type="text"]{
    width: 100% !important;
}

/*-- Page Style --*/
.toggle-password-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.input-group #password{
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius : .375rem !important;
}
.input-group #password.form-control:focus{
    z-index: 0 !important;
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius : .375rem !important;
}
.fixLangugeBtn{
    position: fixed;
    bottom: 0px;
    left: 50px;
    box-shadow: 0px 0px 10px 1px #000000ab;
    background: var(--color-primary);
    border-radius: 10px 10px 0px 0px;
    padding: 0.5rem 1.2rem;
    font-size: 14px;
    font-weight: 400;
}
.fixLangugeBtn:hover,.fixLangugeBtn:active{
    background: var(--color-primary-hover) !important;
}
.inOtpCode .form-control{
    padding: 0px !important;
}
.inMembershipOnlyFor{
    font-size: 13px;
    background: #ff0081;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    border-radius: 5px 5px 0px 0px;
    color: white;
    margin-bottom: -5px;
}
.inMembershipOnlyFor i{
    font-size: 10px;
    vertical-align: middle;
}
.razorpay-payment-button{
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 0px;
    color: #565656;
    position: absolute;
    z-index: 1;
    top: 0px;
    padding-top: 86px;
    font-size: 15px;
}
.btnMessageSend{
    font-size: 20px;
    text-align: center;
    border-radius: 0px;
    background-color: var(--color-primary);
    color: white;
    transition: all 0.3s ease;
}
.btn.btnMessageSend:hover,.btn.btnMessageSend:focus{
    background-color: #e20473;
    color: white;
}
.chat-box-wrap .card-header span{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--color-secondary);
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
.btn-link {
    color: var(--color-primary);
    text-decoration: none;
}
.btn-link:hover {
    color: var(--color-primary) !important;
}
.chat-list-wrap {
    height: calc(80vh - 160px);
    max-height: calc(80vh - 160px);
    overflow-y: auto;
}
.chat-coversation {
    max-width: 450px;
    margin: 10px 0;
}
.chat-coversation .media-body .time {
    font-size: 10px;
    opacity: 0.5;
    display: block;
}
.avatar-xs{
    max-width: 35px;
}
.chat-coversation .media-body .text {
    background: #f2f3f8;
    padding: 10px 20px;
    line-height: 1.7;
    border-radius: 4px;
}
.chat-coversation.right .media-body .text {
    background:rgb(255 0 129 / 25%) !important;
    color: #fff;
}
.media {
    display: flex;
}
.chat-list {
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.chat-coversation .media{
    align-items: flex-end;
}
.chat-coversation .avatar {
    margin-right: 15px;
    margin-bottom: 12px;
}
.chat-coversation.right {
    margin-left: auto;
}

.chat-box-wrap{
    border: 1px solid #f1f1f1;
}
.chat-box-wrap .chat-header{
    border-radius: 5px 5px 0px 0px;
}
.chat-box-wrap .chat-header .avatar-sm img{
    max-height: 50px !important;
}
.chat-box-wrap .chat-header .media-body h6{
    font-size: 15px;
    letter-spacing: 0.3px;
    color: var(--color-secondary);
}
.chat-user-list-wrap{
    border: 1px solid #f1f1f1;
}
.card-header{
    border-bottom: 1px solid #f1f1f1;
}
.chat-user-list-header span{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--color-secondary);
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
.inAfterNav .navbar-toggler{
    background: white;
}
.inChatUserContent .inChatLastMsg{
    opacity: 60%;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.inChatUserContent .inChatLastTime{
    font-size: 12px;
}
.inChatUserList a{
    color:#3a3a3a;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}
.inChatUserList a h6{
    font-size: 15px;
    letter-spacing: 0.3px;
    color: var(--color-secondary);
}
.inDocumentUpload input[type="file"] {
    display: none;
}
.inManagePhoto input[type="file"] {
    display: none;
}
.inPhotoUploadStatus{
    position: absolute;
    left: 0;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgb(0 0 0 / 20%);
    border-radius: 5px 5px 0px 0px;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
}
.inPhotoUploadStatus .inStatusPending{
    color: #ffc107;
}
.inMemberSpotlight .card-body{
    border-top: 0px;
    border-radius: 0px 0px 0.375rem 0.375rem;
    border: 1px solid #ededed;
}
.inMemberSpotlight .card-header{
    padding-top: 13px;
    padding-bottom: 13px;
    background: rgb(255 0 128 / 5%);
    border-bottom: 0px;
    color: var(--color-primary);
    letter-spacing: 0.4px;
    border: 1px solid rgb(255 0 128 / 5%);
}
.inMemberSpotlight .card-header h5{
    margin-bottom: 0px;
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 700;
    /* font-family: 'Nunito', sans-serif; */
}
.inMemberSpotlight .card{
    border: 0px;
    background: none;
}
.inMemberSpotlight .card-body h5{
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 3px;
}
.inMemberSpotlight .card-body h4.btnSecondary{
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.inMemberSpotlight .card .card-body p{
    font-size: 12px;
    font-weight: 500;
    color: #565656;
    margin-bottom: 0px;
}
.inMemberSpotlight .card img{
    border-radius: 5px !important;
}

.inMemberDetCard .card-body i{
    color:#848484;
    font-size: 20px;
}
.inMemberDetCard .card-body{
    padding-bottom: 10px;
}
.inMemberDetCard .card-body h5{
    margin-bottom: 15px;
}
.inMemberDetCard .card-header i{
    color: var(--color-primary);
}
.inMemberDetCard .card-header{
    background: white;
    border-bottom-color: #ededed;
    padding-top: 15px;
    padding-bottom: 15px;
}
.inMemberDetCard .card-header h5{
   margin-bottom: 0px;
    font-size: 16px;
    letter-spacing: 0.2px;
}
.inMemberProfileAction a{
    border-radius: 5px;
    border: 1px solid #f9add3;
}
.inMemberProfileAction button{
    border-radius: 5px;
    border: 1px solid #f9add3 !important;
}
.inMemDet{
    font-weight: 500;
    color: var(--color-primary);
}
.inMemTopBasicDet h5{
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
}
.inMemTopBasicDet h6{
    font-size: 14px;
    font-weight: 400;
}
.inMemTopName h5{
    font-size: 24px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 3px
}
.inMemTopName h6{
    font-size: 14px;
    font-weight: 400;
    color: #565656;
}
.inMemProfileImg{
    border-radius: 15px;
}
.inMemOverLap{
    padding-top: 60px;
    padding-bottom: 200px;
    background: #fef8fa;
}
.inInvoiceCustTot h4{
    font-size: 24px;
    font-weight: 600;
    color: var(--color-secondary);
    margin-bottom: 5px;
}
.inInvoiceCustTot h5{
    font-size: 18px;
    font-weight: 600;
    color: var(--color-primary);
}
.inInvoiceCustDet h4{
    font-size: 14px;
    font-weight: 600;
    color: var(--color-secondary);
}
.inInvoiceCustDet h5{
    font-size: 14px;
    font-weight: 600;
}
.inInvoiceCustDet h5 span{
    color: var(--color-primary);
    padding-right: 10px;
}
.inInvoiceText h3{
    margin-bottom: 0px;
    /* font-family: 'Nunito', sans-serif; */
    color: var(--color-secondary) !important;
    font-weight: 800;
    font-size: 26px;
    padding-top: 15px;
}
.inInvoiceText h5{
    font-size: 15px;
    font-weight: 500;
}
.inInvoiceText h5 span{
    font-size: 15px;
    font-weight: 500;
}
.btnInvoice{
    font-size: 20px;
    border-radius: 50%;
    background: var(--color-secondary);
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    display: inline-block;
    transition: all 0.3s ease;
}
.btnInvoice:hover,.btnInvoice:focus{
    background-color: var(--color-secondary-hover) !important;
    color: white !important;
}
.inCurrentHisHead{
    font-size: 16px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 3px;
}
.inCurrentHisData{
    font-size: 14px;
    font-weight: 600;
    color: #565656;
    margin-bottom: 0px;
}
.inPhotoPasswordText{
    font-size: 13px; 
    color:#565656;
}
.inPhotoPassword{
    font-size: 13px;
    color:#565656;
}
.inExpressStatus{
    font-weight: 600;
    font-size: 15px; 
}
.inPhotoTab li .nav-link.active{
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
    color: var(--color-primary);
    border-color: #dfdfdf #dfdfdf #ffffff;
}
.inPhotoTab li .nav-link{
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #565656;
}
.inNotification:hover,.inNotification:focus{
    transition: all 0.2s ease;
    background: #ededed;
}

.inNotificationMarkBtn{
    padding-top: 8px;
    padding-bottom: 8px;  
}
.inNotification h5{
    font-size: 15px;
    font-weight: 500;
    color: #565656;
    margin-bottom: 5px !important;
    padding-top: 5px;
}
.inNotification p{
    font-size: 13px;
    letter-spacing: 0.3px;
}
.inIconMenu .dropdown-toggle::after{
    display: none;
}
.inIconMenu .nav-link i{
    padding-left: 5px;
    font-size: 14px !important;
}
.inPhotoPasswordSet .btnSecondary{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;  
}
.inPrivacyCurrentStatus h5{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #565656;
}
.inPrivacyCurrentStatus .inPrivacyStatus{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    color: red;
}
.inPrivacyCurrentStatus .btnPrimary{
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;  
}
.inRefineTitle{
    /* font-family: 'Nunito', sans-serif; */
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 22px;
    margin-bottom: 10px;
}
.inRefinePanel .filterSelect{
    padding:0.65rem 1rem 0.65rem 0.75rem !important;
}
.inRefinePanel .card-header{
    padding-top: 13px;
    padding-bottom: 13px;
    background: var(--color-secondary);
    border-bottom: 0px;
}
.inRefinePanel h5{
    font-size: 14px;
    font-weight: 700;
    /* font-family: 'Nunito', sans-serif; */
    letter-spacing: 0.4px;
    color: white;
    padding-top: 3px;
}
.inMainResultAction a{
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.2s ease;
}
.inMainResultAction a:hover,.inMainResultAction a:focus{
    background-color: #f8f8f8;
    border-radius: 5px;
}

.inMainResultAction button{
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.2s ease;
    background: transparent;
    border: none;
    width: 100%;
}
.inMainResultAction button:hover,.inMainResultAction button:focus{
    background-color: #f8f8f8;
    border-radius: 5px;
}

.inMainResultAction i{
    font-size: 20px;
    color: var(--color-primary);
}
.inMainResultAction p{
    font-size: 12px;
    margin-bottom: 0px;
    color: var(--color-secondary);
}
.inMainResultCard .card-text{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #383838;
}
.inMainResultCard .card-title{
    font-size: 24px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 3px;
}
.inMainResultCard h6{
    font-size: 14px;
    font-weight: 400;
    color: #565656;
}
.inMsgViewThumb h5{
    color:var(--color-secondary);
    margin-bottom: 0px; 
    font-size: 15px;
    letter-spacing: 0.3px;
    /* font-family: 'Nunito', sans-serif; */
    font-weight: 800;
}
.inMsgViewThumb p{
    margin-bottom: 0px;
    color:var(--color-primary);
    font-size: 13px;
}
.inMsgViewDate p{
    font-size: 12px;
    margin-bottom: 0px;
    color:var(--color-secondary);
}
.inMsgViewDate h5{
    font-size: 13px;
    margin-bottom: 0px;
    color:var(--color-primary);
}
.inMsgCardView{
    border-color: #ededed;
}
.inMsgCardView .card-footer{
    background-color: #f9f9f9 !important;
    border-top-color: #f9f9f9 !important;
}
.inMsgCardView .card-footer .btn{
    font-size: 12px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.inMsgSearchBtn{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 14px !important;
}
.inMsgAction .btnSecondary{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    /* font-family: 'Nunito', sans-serif; */
}
.inMsgCard{
    border-color: #ededed;
}
a.inMsgImpIcon{
    color: grey;
}
.inMsgMatriId h5{
    font-size: 15px;
    margin-bottom: 0px;
    padding-top: 2px;
    color: var(--color-primary);
}
.inMsgSubject h5{
    font-size: 14px;
    margin-bottom: 0px;
    padding-top: 2px;
    color: #565656;
}
.inMsgDate p{
    font-size: 12px;
    margin-bottom: 0px;
    padding-top: 2px;
    color:var(--color-secondary);
}
.inCardHomeProfile .btnPrimary{
    font-size: 13px; 
}
.inManagePhoto .inCardHomeProfile .btnSecondary{
    font-size: 13px !important;
    padding-top: 13px;
    padding-bottom: 13px;
}
.inManagePhotoCard .btnSecondary.btn1{
    color: var(--color-secondary) !important;
    background-color: #f9f9f9 !important;
    border-radius: 0px 0px 0px 5px;
    border-right-color: white;
}
.inManagePhotoCard .btnSecondary.btn2{
    color: var(--color-secondary) !important;
    background-color: #f9f9f9 !important;
    border-radius: 0px 0px 5px 0px;
    border-left-color: white;
}
.inEditPrefPartHeader h3{
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    /* font-family: 'Nunito', sans-serif; */
    font-weight: 600;
    font-size: 26px;
    color: var(--color-primary);
    background: rgb(255 0 128 / 5%);
    border-bottom: 0px;
    border-radius: 5px;
}
.inEditCard .card-body .btnPrimary{
    padding-top: 10px;
    padding-bottom: 10px;
}
.inEditCard{
    border-color: #ededed;
}
.inEditCard .card-header h4{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    /* font-family: 'Nunito', sans-serif; */
    color: var(--color-secondary);
}
.inEditCard .card-header{
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-color: #ededed;
    background-color: #fbfbfb;
}
.inAfterNav .dropdown-item{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #565656;
}
.inAfterNav .dropdown-item:hover,inAfterNav .dropdown-item:focus{
    background-color: #f8f8f8;
}
.inToastExpress{
   	background: #f2f2f2 !important;
	border-color: transparent;
    margin-bottom: 30px !important;

}
.inToastExpress strong{
    font-size: 14px;
    font-weight: 500;
    color: #707070;
}
.inHomeMemCard{
    background: rgb(255 242 249);
    border-color: rgb(255 0 129 / 10%);
}
.inHomePlanName h4{
    font-size: 16px;
    font-weight: 600;
    color: #565656;
    margin-bottom: 5px;
}
.inHomePlanName h4 span{
    font-size: 16px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 5px;
}
.inHomePlanExpiry p{
    margin-bottom: 5px;
    color: #565656;
}
.inHomePlanExpiry p span{
    margin-bottom: 5px;
    color: red;
}
.inHomeMemCard .inPlanDes{
    font-size: 14px;
    color: #565656; 
    margin-bottom: 5px;
}
.inHomeMemCard .inPlanValue{
    font-size: 1.3rem;
    margin-bottom: 0px;
}
.inDashHello{
    font-size: 24px;
    /* font-family: 'Nunito', sans-serif; */
    font-weight: 600;
    color:#565656;
}
.inDashHello small{
    color: var(--color-primary);
}
.inDashActiveProfile .alert-primary{
    background-color: rgb(207 226 255 / 39%);
    border-color: rgb(182 212 254 / 36%);
}
.inDashActiveProfile .btnSecondary{
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 38px;
}
.inDashActiveProfile p{
    letter-spacing: 0.3px;
}
.inDashProfileMeter h5{
    font-size: 18px;
    font-weight: 400;
}
.inDashProfileMeter p{
    font-size: 12px;
    margin-top: 5px;
    color:#565656;
}
.inDashProfileMeter .progress-bar{
    background-color: var(--color-secondary);
}
.inDashMatriSearch .btnPrimary{
    padding-top: 10px;
    padding-bottom: 10px;
}
.inProfileSM .card-footer{
    padding: 0px;
    border-top: 0px;
    background: none;
}
.inProfileSM .card-footer .btnPrimary{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
}
.inProfileSM .card-footer .btnPrimaryBordered{ 
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
}
.inProfileSM a{
    text-decoration: none;
}
.inProfileSM{
    border: 0px;
    background: none;
}
.inProfileSM .card-img-top img{
    border-radius: 10px 10px 10px 10px;
}
.inProfileSM h5{
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary);
    margin-bottom: 3px;
}
.inProfileSM p{
    font-size: 12px;
    font-weight: 500;
    color: #565656;
    margin-bottom: 0px;
}
.inDashProfile .inDashTitle{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0px;
    padding-top: 5px;
    color: var(--color-secondary);
}
.inDashProfile .inDashAllBtn{
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 13px;
}
.inCardHomeProfile{
    border-color: #ededed;
}
.inCardHomeProfile .btnSecondary{
    font-size: 13px;
}
.inLeftPanelCard{
    border:0px;
}
.inLeftPanelCard .card-header{
    font-weight: 600;
    padding-top: 13px;
    padding-bottom: 13px;
    background: rgb(255 0 128 / 5%);
    border-bottom: 0px;
    color: var(--color-primary);
    letter-spacing: 0.4px;
    border:1px solid rgb(255 0 128 / 5%);
}
.inLeftPanelCard .card-body{
    padding: 0px;
    border:1px solid #ededed;
    border-top: 0px;
    border-radius: 0px 0px 0.375rem 0.375rem;
}
.inLeftPanelCard .card-body ul li a{
    font-size: 13px;
    color: var(--color-secondary);
    margin-bottom: 0px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    transition: all 0.2s ease;
    border-left: 3px solid transparent; 
}
.inLeftPanelCard .card-body ul li a:hover,.inLeftPanelCard .card-body ul li a:focus{
    color: var(--color-secondary-hover);
    background: rgb(0 0 0 / 2%);
    border-left: 3px solid var(--color-primary); 
}
.inBottomFixNav a{
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    text-decoration: none;
    color:var(--color-primary);
    padding-left: 5px;
    padding-right: 5px;
}
.inBottomFixNav{
    text-align: center;
}
.inBottomFixNav i{
    font-size: 16px;
}
.inBottomFixNav h5{
    font-size: 10px;
    margin-bottom: 0px;
}
.inBottomFixNav span.badge{
    top: 12px;
    margin-left: 10px;
}
.inOffNavName{
    font-weight: 700;
    margin-top: 5px;
    font-size: 16px;
    margin-bottom: 0px;
    color: var(--color-primary);
}
.inOffNavId{
    font-size: 14px;
    font-weight: 500;
    color: #565656;
}
.inAfterNav{
    padding: 0px;
}
.inAfterNav .nav-item .nav-link{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 13px;
    padding-right: 13px;
    color: white;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.3px;
}
.inAfterNav .nav-item a i{
    padding-right: 5px;
    font-size: 12px;
}
.inAfterNav .nav-item .nav-link:hover{
    background-color: var(--color-primary-hover);
}
.inHeaderName span{
    color:var(--color-primary);
    font-weight: 700;
}
.inHeaderStatus{
    color: #565656;
    font-size: 13px;
}
.inHeaderStatus b{
    font-weight: 600;
    color:var(--color-secondary);
}
.inHeaderUser .card img{
    border-radius: 5px;
    max-height: 60px;
}
.inHeaderUser .card .card-body{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.inHeaderUser .card .card-title{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #565656;
}
.paymentOptionCard{
    text-decoration: none;
}
.paymentOptionCard .card h5{
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 0px;
    color: #565656;
}
.inPaymentOption .inPlanPrice {
    font-weight: 800;
    color: var(--color-secondary);
    margin-bottom: 0px;
    font-size: 28px;
}
.inPaymentOption .inPlanName {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-primary);
    margin-bottom: 5px;
}
.inPaymentOption .card img{
    max-height: 90px;
}
.inPaymentOption .card{
    border-color: #ededed;
}
.inPaymentOption .inPlanDes {
    font-size: 14px;
    margin-bottom: 5px;
    color: #6e6e6e;
    margin-top: 10px;
}
.inPaymentOption .inPlanValue {
    margin-bottom: 0px;
    color: var(--color-secondary);
    font-weight: 700;
    font-size: 20px;
}
.inPaymentTitle{
    font-size: 16px;
    font-weight: 600;
    color: var(--color-primary) !important;
    padding-bottom: 15px;
}
.inMobileVerification .card{
     border-color: #ededed; 
}
.inMobileVerification .card .btnSecondary{
    font-size: 13px;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
}
.inLoginTitle{
    font-size: 30px;
    font-weight: 600;
    color: var(--color-primary);
}
.inLogin .card{
    border-color: #ededed;
}
.inLoginCreateText a{
    font-size: 16px;
    font-weight: 600;
    color:var(--color-primary);
    text-decoration: none;
}
.inForgotPasswordLink{
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.3px;
    color: var(--color-secondary) !important;
    text-decoration: none;  
    transition: all 0.3s ease;
}
.inForgotPasswordLink:hover,.inForgotPasswordLink:focus{
    text-decoration: underline;  
}
.inPostCard.card {
    border-color: #ededed;  
}
.inStoryCard{
    border:0px;
    box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 10%);
    border-radius: 5px;
}
.inStoryCard .card-img-top img{
    border-radius: 5px 5px 0px 0px;
}
.inStoryCard .card-title{
    font-size: 18px;
    font-weight: 700;
    color: var(--color-primary);
}
.inStoryCard .card-text{
    font-size: 13px; 
    color:#6e6e6e;
}
.inStoryCard h6{
    font-weight: 600;
    font-size: 13px;
    color: #565656;
}
.inSuccessPill .nav-pills .nav-link.active, .inSuccessPill .nav-pills .show >.nav-link {
    color: var(--color-secondary) !important;
    border-bottom: 3px solid var(--color-secondary);
}
.inStoryCard .btnSecondary{
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
}
.inSuccessPill .nav-pills .nav-link {
    background-color: transparent !important;
    color: #212529;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-bottom: 3px solid transparent;
    border-radius: 0px;
    transition: all 0.3s ease;
}
.inSearchCard .card h4{
    font-size: 20px;
    font-weight: 700;
    color: var(--color-primary) !important;
    padding-bottom: 15px;
    letter-spacing: 0.5px;
    padding-top: 30px;
}
.inSearchCard .card{
    border-color: #ededed;
}
.inSearchPill .nav-pills .nav-link.active, .inSearchPill .nav-pills .show >.nav-link {
    color: var(--color-secondary) !important;
    border-bottom: 3px solid var(--color-secondary);
}
.inSearchPill .nav-pills .nav-link {
    background-color: transparent !important;
    color: #212529;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-bottom: 3px solid transparent;
    border-radius: 0px;
    transition: all 0.3s ease;
}
.inMembershipCard .inPlanValue{
    margin-bottom: 0px;
    color: var(--color-secondary);
    font-weight: 700;
    font-size: 18px;
}
.inMembershipCard .inPlanDes{
    font-size: 14px;
    margin-bottom: 5px;
    color: #6e6e6e;
    margin-top: 10px;
}
.inMembershipCard .inPlanName{
    font-size: 18px;
    font-weight: 400;
    color: var(--color-primary);
    margin-bottom: 5px;
}
.inMembershipCard .inPlanPrice{
    font-weight: 800;
    color: var(--color-secondary);
    margin-bottom: 0px;
    font-size: 24px;
}
.inMembershipCard .card{
    border-color: #ededed;
    
}
footer{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #202a46;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.3px;
    border-top: 1px solid #2e4060;
}
footer a{
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}
footer a:hover,footer a:focus{
    color: var(--color-primary-hover);
}
.inFollowIcon li a{
    /* color: #b7b7b7; */
    color: #fafafa;
    padding-left: 3px;
    padding-right: 3px;
}
.inFollowIcon li a i{
    font-size: 30px;
    transition: all 0.2s ease;
}
.inFollowIcon li a:hover{
    color: white;
}
.inFollowIcon li a:hover i{
    transform: scale(1.2);
}
.inFooter1{
    padding-top: 30px;
    padding-bottom: 30px;
    background: var(--color-secondary);
    border-top: 1px solid whitesmoke;
    letter-spacing: 0.5px;
    color:#fafafa;
    /* color: #d7d7d7;   */
}
.inFooterLinks h1{
    font-size: 15px;
    font-weight: 600;
    color: #fafafa !important;
    /* color: var(--color-primary) !important; */
    padding-bottom: 15px;
}
.inFooterLinks ul li a{
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fafafa;
    /* color: #b7b7b7; */
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}
.inFooterLinks ul li a:hover,.inFooterLinks ul li a:focus{
    color: #ffffff;
}
.inFooterContact h1{
    font-size: 15px;
    font-weight: 600;
    color: #fafafa !important;
}
.inFooterContact h4{
    font-size: 14px;
    font-weight: 400;
    color:#fafafa;
    /* color: #b7b7b7; */
}
.inHeartsGroup {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    background: #FFFFFF;
    color: var(--color-secondary); 
}
.inHearts:before {
    content: '';
    width: 100%;
    top: 22px;
    left: 0;
    border-top: 1px solid #f1f1f1;
    position: absolute;
}
.inHearts {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 40px;
    width: 46%;
    position: relative;
    text-align: center;
}
.inBrowseOption a{
    padding: 8px 20px;
    border-radius: 40px;
    border: 1px solid #6a6a6a;
    color: #6a6a6a;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 15px;
    background-color: #fbfbfb;
    letter-spacing: 0.5px;
}
.inBrowseOption a:hover,.inBrowseOption a:focus{
    background: var(--color-secondary);
    color: #ffffff;
}
.inBrowseProfilePill .nav-pills .nav-link{
    background-color: transparent !important;
    color: #212529;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-bottom: 3px solid transparent;
    border-radius: 0px;
    transition: all 0.3s ease;
}
.inBrowseProfilePill .nav-pills .nav-link.active,.inBrowseProfilePill .nav-pills .show >.nav-link{
    color: var(--color-secondary) !important;
    border-bottom: 3px solid var(--color-secondary);
}
.inBrowseProfilePill .nav-pills .nav-link:hover{
    color: var(--color-secondary) !important;
    border-bottom: 3px solid var(--color-secondary);
}
.inBrowseProfile{
    padding-top: 50px;
    padding-bottom: 50px; 
}
.inSuccessStory{
    background: rgb(22 8 100 / 7%);
    padding-top: 50px;
    padding-bottom: 50px;
}
.inSuccessStory .card-img-overlay{
    top: auto;
    background: rgb(0 0 0 / 35%);
}
.inSuccessStory .card-img-overlay .card-title{
    font-size: 34px;
    letter-spacing: 0.5px;
}
.inSuccessStory .card a:hover .card-img-overlay{
    top: 0;
    background-color: white;
    transition: all 0.4s ease-out;
}
.inSuccessSub{
    display: none;
}
.inSuccessStory .card a:hover .inSuccessSub{
   display: block;
}
.inSuccessStory .card a:hover .card-title,.inSuccessStory.card a:hover .card-text{
    display: none;
}
a.inFeturedCard{
    text-decoration: none;
}
a.inFeturedCard .card{
    border-color: #F1F1F1 !important;
}
.inFeturedCard h4{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    color:var(--color-primary); 
}
.inFeturedCard h5{
    font-weight: 500;
    margin-bottom: 3px;
    color: #484848;
    font-size: 13px;
}
.inFeturedCard p{
    font-weight: 500;
    color: #484848;
    font-size: 13px;
}
.inFeaturedBride{
    padding-top: 50px;
    padding-bottom: 30px;
}
.inFeaturedGroom{
    padding-top: 30px;
    padding-bottom: 50px;
}
.inSteps{
    padding-top: 30px;
    padding-bottom: 50px;
}
.inSteps h3{
    margin-top: 30px;
    font-size: 32px;
    color: var(--color-primary);
}
.inSteps h4{
    font-weight: 600;
    color: #484848;
}
.inSteps h5{
    font-size: 15px;
    font-weight: 400;
    /* font-family: 'Nunito', sans-serif; */
    color:var(--color-primary); 
}
.inSteps img{
    max-height: 150px;
}
.inDashSearch{
    background: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 50px;
}
.owl-carousel .owl-wrapper-outer{
    max-height: 900px;
}
.inFormTerms a{
    text-decoration: none;
    font-weight: 600;
    color:#1B1B1B;
}
.inFormTerms a:hover,.inFormTerms a:focus{
    text-decoration: underline;
}
.inFormTerms label{
    color:#1B1B1B;
    font-size: 13px;
}
.inLogo img{
    max-height: 70px;
}
.inNavbar{
    padding-top: 0px;
    padding-bottom: 0px;
}
.inNavbar ul li a{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-primary);
    /* font-family: 'Nunito', sans-serif; */
    font-family:'Montserrat',sans-serif;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 30px;
    padding-bottom: 25px;
    /* letter-spacing: 0.4px; */
    border-bottom: 5px solid transparent;
}
.inNavbar ul li a:hover,.inNavbar ul li a:hover{
   transition: all 0.3s ease;
    border-bottom: 5px solid var(--color-primary);
}

.inNavbar ul .inHeadBtnReg{
    text-transform: uppercase;
    background: var(--color-primary);
    color: white;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 50px;
    font-size: 13px;
    /* letter-spacing: 0.5px; */
    font-weight: 600;
    /* font-family: 'Nunito', sans-serif; */
    font-family:'Montserrat',sans-serif;
    padding-top: 12px;
    margin-bottom: 20px;
    margin-top: 18px;
}
.inNavbar .inHeadBtnLogin{
    text-transform: uppercase;
    background: var(--color-primary);
    color: white;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 50px;
    font-size: 13px;
    /* letter-spacing: 0.5px; */
    font-weight: 600;
    /* font-family: 'Nunito', sans-serif; */
    font-family:'Montserrat',sans-serif;
    padding-top: 12px;
    margin-bottom: 20px;
    margin-top: 18px;
}
.inSlider{
    position: absolute !important;
    z-index: -1;
}

@keyframes heartbeat{
    0%{
        transform: scale(.75);
    }
    20%{
        transform: scale(1);
    }
    40%{
        transform: scale(.75);
    }
    60%{
        transform: scale(1);
    }
    80%{
        transform: scale(.75);
    }
    100%{
        transform: scale(.75);
    }
}
.heart{
  animation: heartbeat 1s infinite;
}

/*-- Media Queries --*/
@media (max-width: 1199.98px) {
    .inSearchPill .nav-pills .nav-link {
        font-size: 13px;
    }
    .inStoryCard .card-title {
        font-size: 16px;
        font-weight: 500;
    }
    .inMembershipCard .inPlanPrice {
        font-size: 25px;
    }
    .btnPrimary {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 13px;
        padding-bottom: 13px;
        font-weight: 700;
        letter-spacing: 0.5px;
        font-size: 13px;
        font-family:'Montserrat',sans-serif;
    }
    .inDashSearch{
        margin-top: 30px; 
    }
    .inSuccessStory .card-img-overlay .card-title {
        font-size: 24px;
        letter-spacing: 0.5px;
    }
    .inPhotoReqCard .maxH-180{
        max-height: 220px;
    }
    .inAfterNav .nav-item .nav-link {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
        color: white;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 0.3px;
    }
    .inCardHomeProfile .btnSecondary {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .inDashActiveProfile p {
        letter-spacing: 0.3px;
        font-size: 12px;
    }
    .inDashActiveProfile .btnSecondary {
        font-size: 13px;
        padding-left: 13px;
        padding-right: 13px;  
    }
    .inLeftPanelCard .card-body ul li a {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .inMemberProfile .inMemOverLap {
        padding-top: 50px;
    }
    .inMemberProfile .mt-minus-220 {
        margin-top: -180px;
    }
    .inMemberProfile .inMT-75{
        margin-top: 50px;
    }
}
@media (max-width: 991.98px) {
    .inDashProfile .inDashTitle {
        font-size: 20px;
    }
    .inAfterNav{
        background-color: transparent !important;
    }
    .inStoryCard .card-title {
        font-size: 16px;
        font-weight: 500;
    }
    .inSearchPill .nav-pills .nav-link {
        padding-left: 15px;
        padding-right: 15px;
    }
    .inNavbar ul li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .inNavbar ul li a i {
       display: none;
    }
    .fixLangugeBtn span{
        display: none;
    }
    .fixLangugeBtn{
        left: 35px;
        bottom: 80px;
        border-radius: 10px;
    }
    .inNavbar .inHeadBtnLogin {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .inTitle1 {
        font-size: 20px;
    }
    .inFeaturedBride {
        padding-top: 20px;
    }
    .inSteps h3 {
        margin-top: 0px;
        font-size: 22px;
    }
    .inSteps h4 {
        font-size: 14px;
    }
    .navbar-toggler{
        font-size: 16px;
        padding: 5px 10px 5px 10px;
    }
    .inSlider {
        position: relative !important;
        z-index: -1;
    }
    .inNavbar ul li a i {
       display: none;
    }
    .inLogo img {
        max-height: 50px;
    }
    .inAfterNav .nav-item .nav-link {
        color: var(--color-primary) !important;
    }
    .inAfterNav .nav-item .nav-link:hover,.inAfterNav .nav-item .nav-link:active {
        background-color: var(--color-primary-hover);
        color:white !important;
    }
    .inMainResultCard .maxH-250{
        max-height: 100%;
        width: 100%;
    }
    .inPhotoReqCard .maxH-180{
        max-height: 100%;
        width: 100%;
    }
    .inMemOverLap {
        padding-top: 50px;
        padding-bottom: 270px;
    }
    .inMemOverLap .btnPrimary{
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 13px;
    }
    .inMemberProfile .mt-minus-220 {
        margin-top: -240px;
    }
    .inMemberProfile .inMT-75{
        margin-top:30px; 
    }
}
@media (max-width: 767.98px) {
    .inAfterNav{
        background-color: transparent !important;
    }
    .btnPrimary {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        font-family:'Montserrat',sans-serif;
    }
    .inMembershipCard .inPlanName {
        font-size: 16px;
        font-weight: 500;
    }
    .inMembershipCard .inPlanValue {
        font-size: 18px;
    }
    .inMembershipCard .inPlanDes {
        font-size: 14px;
    }
    .inMembershipCard .inPlanPrice {
        font-weight: 800;
        font-size: 22px;
    }
    .inPageHeader h2 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 28px;
    }
    .inNavbar ul li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .inNavbar ul li a i {
       display: none;
    }
    .fixLangugeBtn span{
        display: none;
    }
    .fixLangugeBtn{
        left: 35px;
    }
    .inNavbar .inHeadBtnLogin {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .inTitle1 {
        font-size: 20px;
    }
    .inFeaturedBride {
        padding-top: 20px;
    }
    .inSteps h3 {
        margin-top: 0px;
        font-size: 22px;
    }
    .inSteps h4 {
        font-size: 14px;
    }
    .navbar-toggler{
        font-size: 16px;
        padding: 5px 10px 5px 10px;
    }
    .inSlider {
        position: relative !important;
        z-index: -1;
    }
    .inNavbar ul li a i {
       display: none;
    }
    .inLogo img {
        max-height: 50px;
    }
    .inAfterNav .nav-item .nav-link {
        color: var(--color-primary);
    }
    .inAfterNav .nav-item .nav-link:hover,.inAfterNav .nav-item .nav-link:active {
        background-color: var(--color-primary-hover);
        color:white !important;
    }
    .inMainResultCard .maxH-250{
        max-height: 100%;
        width: 100%;
    }
    .inPhotoReqCard .maxH-180{
        max-height: 100%;
        width: 100%;
    }
    .inMemOverLap {
        padding-top: 30px;
    }
    .inMemOverLap .btnPrimary{
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 13px;
    }
    .inMemberProfile .mt-minus-220 {
        margin-top: -170px;
    }
    .inMemberProfile .inMT-75{
        margin-top:30px; 
    }
    .inMemberDetCard .card-body i {
        font-size: 14px;
    }
}
@media (max-width: 575.98px){
    .razorpay-payment-button{
        padding-top: 70px;
    }
    .inAfterNav .nav-item .nav-link {
        font-weight: 500 !important;
        font-size: 13px !important;
    }
    .inAfterNav{
        background-color: transparent !important;
    }
    .inSuccessPill .nav-pills .nav-link{
        padding-left: 5px;
        padding-right: 5px;
    }
    .inSearchCard .card h4{
        font-weight: 500;
        font-size: 18px;
    }
    .col-form-label{
        font-size: 13px;
    }
    .inSearchPill .nav-pills .nav-link{
        padding-left: 5px;
        padding-right: 5px;
    }
    .inMembershipCard .inPlanDes {
        font-size: 12px;
    }
    .inMembershipCard .inPlanValue {
        font-size: 16px;
    }
    .btnPrimary {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        font-family:'Montserrat',sans-serif;
    }
    .inPageHeader h2{
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 20px;
    }
    .inMembershipCard .inPlanName {
        font-size: 15px;
        font-weight: 500;
    }
    .inMembershipCard .inPlanPrice {
        font-weight: 800;
        font-size: 22px;
    }
    .inSubTitle1 {
        font-size: 12px;
    }
    .inHearts:before{
        top: 15px;
    }
    .inHearts{
        margin-top: 15px;
        margin-bottom: 20px; 
    }
    .inSteps h5{
        font-size: 12px;
        font-weight: 600;
    }
    .inSteps h4 {
        font-size: 12px;
    }
    .inSteps{
        padding-bottom: 0px;
    }
    .btnSecondary{
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0px; 
    }
    .inSteps h3 {
        margin-top: 0px;
        font-size: 18px;
    }
    .inSteps p{
       font-size: 12px; 
    }
    .inTitle1 {
        font-size: 20px;
    }
    .inDashSearch {
        margin-top: 10px;
    }
    .fixLangugeBtn span{
        display: none;
    }
    .fixLangugeBtn{
        left: 10px;
    }
    .inNavbar .inHeadBtnLogin {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 13px;
        font-family:'Montserrat',sans-serif;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .navbar-toggler{
        font-size: 14px;
        padding: 5px 10px 5px 10px;
    }
    .inMainResultCard .maxH-250{
        max-height: 100%;
        width: 100%;
    }
    .inPhotoReqCard .maxH-180{
        max-height: 100%;
        width: 100%;
    }
    .inSlider {
        position: relative !important;
        z-index: -1;
    }
    .inNavbar ul li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .inNavbar ul li a i {
       display: none;
    }
    .inLogo img {
        max-height: 38px;
    }
    .inAfterNav .nav-item .nav-link {
        color: var(--color-primary);
    }
    .inAfterNav .nav-item .nav-link:hover,.inAfterNav .nav-item .nav-link:active {
        background-color: var(--color-primary-hover);
        color:white !important;
    }
    .inDashMatriSearch .btnPrimary {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 13px;
    }
    .inHomeMemCard .inPlanValue{
        font-size: 0.9rem;
        font-weight: 600;
    }
    .inDashProfile .inDashTitle {
        font-size: 16px;
        padding-top: 10px;
    }
    .inDashProfile .inDashAllBtn {
        font-size: 12px;
    }
    
}

/*=====================================================
    SUCCESS STORY PAGE - MODERN CARD DESIGN
======================================================*/

.ss-card{
    background:#ffffff !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 10px 35px rgba(0,0,0,.08) !important;
    transition:all .35s ease !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    border:none !important;
}

.ss-card:hover{
    transform:translateY(-8px) !important;
    box-shadow:0 20px 45px rgba(0,0,0,.15) !important;
}

.ss-image{
    position:relative !important;
    overflow:hidden !important;
    height:260px !important;
}

.ss-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    transition:transform .6s ease !important;
}

.ss-card:hover .ss-image img{
    transform:scale(1.08) !important;
}

.ss-date{
    position:absolute !important;
    left:15px !important;
    bottom:15px !important;
    background:#ffffff !important;
    color:#444 !important;
    padding:8px 16px !important;
    border-radius:50px !important;
    font-size:13px !important;
    font-weight:600 !important;
    box-shadow:0 5px 20px rgba(0,0,0,.15) !important;
}

.ss-content{
    padding:25px !important;
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
    text-align:center !important;
}

.ss-title{
    font-size:20px !important;
    font-weight:700 !important;
    color:#222 !important;
    margin-bottom:15px !important;
    line-height:1.4 !important;

    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    /*min-height:68px !important;*/
}

.ss-description{
    color:#666 !important;
    font-size:15px !important;
    line-height:1.8 !important;
    margin-bottom:25px !important;

    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;

    flex-grow:1 !important;
}

.ss-footer{
    margin-top:auto !important;
}

.ss-btn{
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;

    width:100% !important;

    background:linear-gradient(135deg,#ff4f81,#ff7a5a) !important;
    color:#ffffff !important;

    padding:14px 20px !important;

    border-radius:50px !important;

    font-weight:600 !important;

    text-decoration:none !important;

    transition:all .3s ease !important;

    letter-spacing:.3px !important;
}

.ss-btn:hover{
    color:#ffffff !important;
    transform:translateY(-2px) !important;
    box-shadow:0 10px 25px rgba(255,79,129,.35) !important;
}

.ss-btn::after{
    content:"→";
    margin-left:10px;
    transition:all .3s ease;
}

.ss-btn:hover::after{
    margin-left:16px;
}

/* Tablet */

@media(max-width:991px){

    .ss-image{
        height:240px !important;
    }

    .ss-title{
        font-size:22px !important;
    }

}

/* Mobile */

@media(max-width:767px){

    .ss-card{
        border-radius:18px !important;
    }

    .ss-image{
        height:220px !important;
    }

    .ss-content{
        padding:20px !important;
    }

    .ss-title{
        font-size:17px !important;
        min-height:auto !important;
    }

    .ss-description{
        font-size:14px !important;
    }

}

/*Success Story page card end */

/*==================================================
        SUCCESS STORY DETAILS PAGE
==================================================*/

/* Hero Section */
.story-hero{
    position:relative;
    border-radius:24px;
    overflow:hidden;
}

.story-hero-img{
    width:100%;
    height:550px;
    object-fit:cover;
    transition:.5s;
}
.story-card{
    box-shadow:0 4px 14px rgba(0,0,0,.06) !important;
}
.story-hero:hover .story-hero-img{
    transform:scale(1.04);
}

.story-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:60px 40px 35px;
    background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.15),transparent);
    color:#fff;
}

.story-title{
    font-size:42px;
    font-weight:700;
    margin-bottom:8px;
}

.story-subtitle{
    font-size:18px;
    margin:0;
    opacity:.9;
}

/* Information Cards */

.story-icon{
    width:65px;
    height:65px;
    margin:auto;
    border-radius:50%;
    background:#ffe5f2;
    color:#fd007d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.story-badge{
    background:#ffe5f2;
    color:#fd007d;
    font-weight:600;
    font-size:14px;
}

/* Cards */

.card{
    border-radius:20px !important;
    transition:.3s;
}

.card:hover{
    transform:translateY(-5px);
}

/* Story */

.story-content{
    font-size:17px;
    line-height:2;
    color:#555;
}

.story-content p{
    margin-bottom:24px;
}

.story-content img{
    max-width:100%;
    border-radius:16px;
    margin:25px 0;
    height:auto;
}

.story-content h1,
.story-content h2,
.story-content h3,
.story-content h4,
.story-content h5{
    margin-top:35px;
    margin-bottom:18px;
    color:#222;
    font-weight:700;
}

.story-content ul,
.story-content ol{
    padding-left:22px;
    margin-bottom:22px;
}

.story-content li{
    margin-bottom:10px;
}

.story-content blockquote{
    border-left:4px solid #fd007d;
    padding-left:18px;
    color:#666;
    font-style:italic;
    margin:25px 0;
}

/* Share Story Section */

.story-cta{
    background:#fd007d;
}

.story-cta p{
    font-size:17px;
}

/* Responsive */

@media(max-width:991px){

    .story-hero-img{
        height:420px;
    }

    .story-title{
        font-size:32px;
    }

}

@media(max-width:767px){

    .story-hero-img{
        height:280px;
    }

    .story-overlay{
        padding:30px 20px 20px;
    }

    .story-title{
        font-size:24px;
    }

    .story-subtitle{
        font-size:15px;
    }

    .story-content{
        font-size:15px;
        line-height:1.9;
    }

    .story-icon{
        width:55px;
        height:55px;
        font-size:20px;
    }

    .card-body{
        padding:1.5rem !important;
    }

}

/*==================================================
        SUCCESS STORY DETAILS PAGE END
==================================================*/
/*=========================================
    HOME PAGE SUCCESS STORY CARDS
=========================================*/

.hp-success-card{
    transition:all .35s ease;
    background:#fff;
    border-radius:18px !important;
}
.hp-success-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.15)!important;
}
.hp-success-img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:.5s;
}
.hp-success-card:hover .hp-success-img{
    transform:scale(1.08);
}
.hp-success-badge{
    position:absolute;
    top:18px;
    left:18px;
    background:#fd007d;
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:.4px;
}
.hp-heart{
    color:#fd007d;
    font-size:18px;
    margin:0 6px;
}
.hp-read-story{
    color:#fd007d;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    transition:.3s;
}
.hp-read-story i{
    transition:.3s;
}
.hp-success-card:hover .hp-read-story i{
    transform:translateX(6px);
}
.hp-success-card .card-body{
    min-height:150px;
}
.hp-success-card h5{
    font-size:18px;
    line-height:1.5;
}
.hp-success-card p{
    font-size:15px;
}
@media(max-width:991px){
    .hp-success-img{
        height:280px;
    }
}
@media(max-width:767px){
    .hp-success-img{
        height:240px;
    }
    .hp-success-card h5{
        font-size:15px;
    }
}
/*=========================================
    HOME PAGE SUCCESS STORY CARDS END
=========================================*/

/*==================================================
        FEATURED PROFILE CARD
==================================================*/

.hp-profile-card{
    border-radius:18px !important;
    overflow:hidden;
    background:#fff;
    box-shadow:0 6px 25px rgba(0,0,0,.08);
    transition:.35s;
}

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

.hp-profile-img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:.5s;
}

.hp-profile-card:hover .hp-profile-img{
    transform:scale(1.06);
}

.hp-profile-name{
    font-size:18px;
    font-weight:700;
    color:#222;
    margin-bottom:5px;
}

.hp-location{
    color:#777;
    font-size:13px;
    margin-bottom:15px;
}

.profile-details{
    border-top:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
}

.profile-detail-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 0;
}

.profile-detail-item:first-child{
    border-bottom:1px solid #f5f5f5;
}

.profile-label{
    font-size:12px;
    color:#888;
}

.profile-value{
    font-size:13px;
    font-weight:600;
    color:#222;
}

.hp-profile-btn{
    background:#fd007d !important;
    color:#fff !important;
    border:none !important;
    border-radius:50px !important;
    padding:11px;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.hp-profile-btn:hover{
    background:#e40070 !important;
    transform:translateY(-2px);
}

.hp-profile-btn i{
    transition:.3s;
}

.hp-profile-btn:hover i{
    transform:translateX(5px);
}

@media(max-width:768px){

    .hp-profile-img{
        height:280px;
    }

    .hp-profile-name{
        font-size:17px;
    }

}
/*==================================================
    USER DASHBOARD PROFILE CARDS
    Recently Joined, Featured and Profile Viewed By
==================================================*/
.inDashProfile {
    margin-left: 0;
    margin-right: 0;
    padding: 22px 16px 6px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .05);
}

.inDashProfile .inDashTitle {
    padding-top: 2px;
    font-size: 23px;
    font-weight: 700;
    color: #222;
}

.inDashProfile .inDashAllBtn {
    padding: 8px 17px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
}

.dashboard-profile-card {
    overflow: hidden;
    border-radius: 18px !important;
    background: #fff;
    box-shadow: 0 6px 25px rgba(0, 0, 0, .08);
    transition: transform .35s ease, box-shadow .35s ease;
}

.dashboard-profile-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .14);
}

.dashboard-profile-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.dashboard-profile-link:hover {
    color: inherit;
}

.dashboard-profile-image-wrap {
    position: relative;
    overflow: hidden;
    background: #f7f7f7;
}

.dashboard-profile-img {
    display: block;
    width: 100%;
    height: 245px;
    object-fit: cover;
    transition: transform .5s ease;
}

.dashboard-profile-card:hover .dashboard-profile-img {
    transform: scale(1.06);
}

.dashboard-view-profile {
    position: absolute;
    left: 50%;
    bottom: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 126px;
    padding: 9px 15px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .94);
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    opacity: 0;
    transform: translate(-50%, 12px);
    transition: opacity .3s ease, transform .3s ease;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}

.dashboard-profile-card:hover .dashboard-view-profile {
    opacity: 1;
    transform: translate(-50%, 0);
}

.dashboard-profile-body {
    padding: 16px 14px 12px;
}

.dashboard-profile-name {
    min-height: 42px;
    margin-bottom: 8px;
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.dashboard-profile-meta {
    min-height: 54px;
    margin-bottom: 0;
    color: #777;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.dashboard-profile-footer {
    padding: 0 14px 16px;
    border: 0;
    background: #fff;
}

.dashboard-interest-btn {
    width: 100%;
    padding: 10px 12px;
    border: 0 !important;
    border-radius: 50px !important;
    background: var(--color-primary) !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    transition: transform .3s ease, opacity .3s ease;
}

.dashboard-interest-btn:hover {
    color: #fff !important;
    transform: translateY(-2px);
    opacity: .92;
}

.dashboard-interest-status,
.dashboard-interest-status:disabled {
    border: 1px solid var(--color-primary) !important;
    background: #fff !important;
    color: var(--color-primary) !important;
    opacity: 1;
    cursor: default;
}

@media (max-width: 1199.98px) {
    .dashboard-profile-img {
        height: 270px;
    }
}

@media (max-width: 767.98px) {
    .inDashProfile {
        padding: 17px 9px 2px;
        border-radius: 16px;
    }

    .inDashProfile .inDashTitle {
        font-size: 18px;
    }

    .inDashProfile .inDashAllBtn {
        padding: 7px 12px;
        font-size: 10px;
    }

    .dashboard-profile-img {
        height: 230px;
    }

    .dashboard-profile-name {
        min-height: 38px;
        font-size: 14px;
    }

    .dashboard-profile-meta {
        min-height: 66px;
        font-size: 11px;
    }

    .dashboard-view-profile {
        display: none;
    }

    .dashboard-interest-btn {
        padding: 9px 7px;
        font-size: 10px;
    }
}

@media (max-width: 479.98px) {
    .dashboard-profile-img {
        height: 190px;
    }

    .dashboard-profile-body {
        padding: 12px 9px 9px;
    }

    .dashboard-profile-footer {
        padding: 0 9px 12px;
    }
}


/* =========================================================
   Modern logged-in member profile page
   Scoped to .member-profile-modern to avoid changing other pages
   ========================================================= */
.member-profile-modern {
    overflow: hidden;
    padding-bottom: 65px;
    background: #f7f8fb;
}

.member-profile-modern .member-profile-cover {
    position: relative;
    min-height: 325px;
    padding-top: 42px;
    padding-bottom: 205px;
    background:
        radial-gradient(circle at 16% 20%, rgba(255, 255, 255, .95) 0, rgba(255, 255, 255, 0) 30%),
        linear-gradient(135deg, rgba(253, 0, 125, .12) 0%, rgba(255, 255, 255, .96) 52%, rgba(253, 0, 125, .07) 100%);
}

.member-profile-modern .member-profile-cover::before,
.member-profile-modern .member-profile-cover::after {
    position: absolute;
    content: "";
    border-radius: 50%;
    pointer-events: none;
}

.member-profile-modern .member-profile-cover::before {
    top: -85px;
    right: 7%;
    width: 220px;
    height: 220px;
    border: 45px solid rgba(253, 0, 125, .055);
}

.member-profile-modern .member-profile-cover::after {
    bottom: 28px;
    left: 8%;
    width: 78px;
    height: 78px;
    background: rgba(253, 0, 125, .06);
}

.member-profile-modern .member-block-profile-btn {
    position: relative;
    z-index: 2;
    padding: 10px 20px;
    border: 1px solid rgba(253, 0, 125, .24);
    border-radius: 50px;
    background: rgba(255, 255, 255, .9) !important;
    color: var(--color-primary) !important;
    box-shadow: 0 8px 24px rgba(29, 31, 36, .08);
}

.member-profile-modern .member-block-profile-btn:hover {
    border-color: var(--color-primary);
    background: var(--color-primary) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

.member-profile-modern .mt-minus-220 {
    position: relative;
    z-index: 3;
    margin-top: -205px;
}

.member-profile-modern .member-profile-hero {
    align-items: stretch;
    margin-right: 0;
    margin-left: 0;
    padding: 28px;
    border: 1px solid rgba(27, 31, 43, .06);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(31, 35, 48, .12);
}

.member-profile-modern .member-profile-photo-column,
.member-profile-modern .member-profile-info-column {
    display: flex;
    flex-direction: column;
}

.member-profile-modern .member-profile-photo-column {
    padding-right: 18px;
    padding-left: 0;
}

.member-profile-modern .member-profile-info-column {
    padding-right: 0;
    padding-left: 18px;
}

.member-profile-modern .member-profile-photo-card {
    position: relative;
    overflow: hidden;
    flex: 1;
    min-height: 405px;
    margin-bottom: 14px !important;
    border-radius: 21px !important;
    background: #f1f2f5;
    box-shadow: none !important;
}

.member-profile-modern .member-profile-photo-card::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30%;
    content: "";
    background: linear-gradient(to top, rgba(17, 18, 22, .17), transparent);
    pointer-events: none;
}

.member-profile-modern .member-profile-photo-card img,
.member-profile-modern .member-profile-photo-card .maxH-250 {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 405px;
    max-height: none !important;
    border-radius: 21px !important;
    object-fit: cover;
    transition: transform .55s ease;
}

.member-profile-modern .member-profile-photo-card:hover img {
    transform: scale(1.035);
}

.member-profile-modern .member-photo-gallery-btn {
    margin-bottom: 0 !important;
    padding: 12px 18px;
    border: 0;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;
    box-shadow: 0 10px 24px rgba(253, 0, 125, .17);
}

.member-profile-modern .member-profile-summary {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    padding: 6px 2px 2px;
}

.member-profile-modern .member-profile-title {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 17px;
    border-bottom: 1px solid #eceef2;
}

.member-profile-modern .member-profile-title::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 58px;
    height: 3px;
    content: "";
    border-radius: 50px;
    background: var(--color-primary);
}

.member-profile-modern .member-profile-title h5 {
    margin-bottom: 8px;
    color: #20222a;
    font-size: 31px;
    font-weight: 750;
    line-height: 1.22;
}

.member-profile-modern .member-profile-title h6 {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 0 !important;
    padding: 7px 12px;
    border-radius: 50px;
    background: rgba(253, 0, 125, .075);
    color: #626570;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.member-profile-modern .member-profile-summary > .row:not(:first-child) {
    margin-right: -6px;
    margin-left: -6px;
}

.member-profile-modern .member-profile-summary > .row:not(:first-child) > .inMemTopBasicDet {
    padding-right: 6px;
    padding-left: 6px;
}

.member-profile-modern .member-profile-summary > .row:not(:first-child) .inMemTopBasicDet h5 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 52px;
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid #eceef2;
    border-radius: 13px;
    background: #fafbfc;
    color: #6a6d76;
    font-size: 12px;
    line-height: 1.45;
    transition: border-color .25s ease, background .25s ease, transform .25s ease;
}

.member-profile-modern .member-profile-summary > .row:not(:first-child) .inMemTopBasicDet h5:hover {
    border-color: rgba(253, 0, 125, .22);
    background: rgba(253, 0, 125, .025);
    transform: translateY(-1px);
}

.member-profile-modern .member-profile-summary .inMemDetMain {
    color: #777a84;
    font-weight: 550;
}

.member-profile-modern .member-profile-summary .inMemDet {
    color: #22252c;
    font-weight: 700;
}

.member-profile-modern .member-connect-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto !important;
    margin-bottom: 3px;
    color: #333640;
    font-size: 13px;
    font-weight: 700;
}

.member-profile-modern .member-connect-title::before {
    width: 30px;
    height: 2px;
    content: "";
    border-radius: 50px;
    background: var(--color-primary);
}

.member-profile-modern .member-profile-actions {
    flex-wrap: nowrap;
    gap: 9px;
    margin-right: 0;
    margin-left: 0;
}

.member-profile-modern .member-profile-actions > .col {
    min-width: 0;
    padding: 0;
}

.member-profile-modern .member-profile-actions form {
    height: 100%;
}

.member-profile-modern .member-profile-actions a,
.member-profile-modern .member-profile-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 76px;
    height: 100%;
    padding: 11px 8px;
    border: 1px solid #eceef2 !important;
    border-radius: 14px !important;
    background: #fff;
    color: #393c45;
    cursor: pointer;
    flex-direction: column;
    gap: 7px;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.member-profile-modern .member-profile-actions a:hover,
.member-profile-modern .member-profile-actions a:focus,
.member-profile-modern .member-profile-actions button:hover,
.member-profile-modern .member-profile-actions button:focus {
    border-color: rgba(253, 0, 125, .3) !important;
    border-radius: 14px !important;
    background: rgba(253, 0, 125, .035);
    box-shadow: 0 9px 22px rgba(31, 35, 48, .07);
    transform: translateY(-3px);
}

.member-profile-modern .member-profile-actions i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(253, 0, 125, .085);
    color: var(--color-primary);
    font-size: 14px;
}

.member-profile-modern .member-profile-actions p {
    color: #4f525c;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.25;
}

.member-profile-modern .member-profile-content {
    margin-top: 10px;
}

.member-profile-modern .member-profile-section-title {
    position: relative;
    margin: 18px 0 23px;
    padding-left: 18px;
    color: #242730;
    font-size: 23px;
    font-weight: 750;
}

.member-profile-modern .member-profile-section-title::before {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    width: 5px;
    content: "";
    border-radius: 50px;
    background: var(--color-primary);
}

.member-profile-modern .inMemberDetCard {
    overflow: hidden;
    margin-bottom: 20px !important;
    border: 1px solid #ebecef !important;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(31, 35, 48, .055);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.member-profile-modern .inMemberDetCard:hover {
    border-color: rgba(253, 0, 125, .18) !important;
    box-shadow: 0 15px 38px rgba(31, 35, 48, .09);
    transform: translateY(-2px);
}

.member-profile-modern .inMemberDetCard .card-header {
    display: flex;
    align-items: center;
    min-height: 62px;
    padding: 14px 20px;
    border-bottom: 1px solid #eceef2;
    background: linear-gradient(90deg, rgba(253, 0, 125, .055), #fff 46%);
}

.member-profile-modern .inMemberDetCard .card-header h5 {
    display: flex;
    align-items: center;
    margin: 0;
    color: #292c34;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: .15px;
}

.member-profile-modern .inMemberDetCard .card-header h5 i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    padding-right: 0 !important;
    border-radius: 11px;
    background: var(--color-primary);
    color: #fff;
    font-size: 14px;
    box-shadow: 0 7px 17px rgba(253, 0, 125, .18);
}

.member-profile-modern .inMemberDetCard .card-body {
    padding: 21px 20px 12px;
}

.member-profile-modern .inMemberDetCard .card-body > .row {
    margin-right: -7px;
    margin-left: -7px;
}

.member-profile-modern .inMemberDetCard .card-body .inMemTopBasicDet {
    padding-right: 7px;
    padding-left: 7px;
}

.member-profile-modern .inMemberDetCard .inMemTopBasicDet h5 {
    display: grid;
    grid-template-columns: minmax(130px, .85fr) minmax(0, 1.15fr);
    align-items: start;
    min-height: 50px;
    margin-bottom: 14px;
    padding: 12px 13px;
    border: 1px solid #eef0f3;
    border-radius: 11px;
    background: #fafbfc;
    font-size: 12px;
    line-height: 1.55;
}

.member-profile-modern .inMemberDetCard .inMemDetMain {
    color: #777a84;
    font-weight: 600;
}

.member-profile-modern .inMemberDetCard .inMemDet {
    overflow-wrap: anywhere;
    color: #292c34;
    font-weight: 700;
}

.member-profile-modern .inMemberDetCard .card-body p,
.member-profile-modern .inMemberDetCard .card-body h6 {
    color: #5e616b;
    font-size: 13px;
    line-height: 1.8;
}

.member-profile-modern .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(24, 27, 36, .2);
}

.member-profile-modern .modal-header {
    padding: 17px 20px;
    border-bottom: 1px solid #eceef2;
    background: #fafbfc;
}

.member-profile-modern .modal-title {
    color: #282b33;
    font-size: 16px;
    font-weight: 750;
}

@media (max-width: 1199.98px) {
    .member-profile-modern .member-profile-hero {
        padding: 23px;
    }

    .member-profile-modern .member-profile-photo-card,
    .member-profile-modern .member-profile-photo-card img,
    .member-profile-modern .member-profile-photo-card .maxH-250 {
        min-height: 365px;
    }

    .member-profile-modern .member-profile-title h5 {
        font-size: 27px;
    }
}

@media (max-width: 991.98px) {
    .member-profile-modern .member-profile-cover {
        min-height: 300px;
        padding-bottom: 190px;
    }

    .member-profile-modern .mt-minus-220 {
        margin-top: -190px;
    }

    .member-profile-modern .member-profile-hero {
        padding: 20px;
        border-radius: 22px;
    }

    .member-profile-modern .member-profile-photo-column {
        padding-right: 12px;
    }

    .member-profile-modern .member-profile-info-column {
        padding-left: 12px;
    }

    .member-profile-modern .member-profile-photo-card,
    .member-profile-modern .member-profile-photo-card img,
    .member-profile-modern .member-profile-photo-card .maxH-250 {
        min-height: 345px;
    }

    .member-profile-modern .member-profile-summary > .row:not(:first-child) .inMemTopBasicDet h5 {
        min-height: 48px;
        padding: 10px 11px;
        font-size: 11px;
    }

    .member-profile-modern .member-profile-actions a,
    .member-profile-modern .member-profile-actions button {
        min-height: 62px;
    }
}

@media (max-width: 767.98px) {
    .member-profile-modern {
        padding-bottom: 40px;
    }

    .member-profile-modern .member-profile-cover {
        min-height: 230px;
        padding-top: 25px;
        padding-bottom: 145px;
    }

    .member-profile-modern .mt-minus-220 {
        margin-top: -145px;
    }

    .member-profile-modern .member-profile-hero {
        margin-right: 4px;
        margin-left: 4px;
        padding: 14px;
        border-radius: 18px;
    }

    .member-profile-modern .member-profile-photo-column,
    .member-profile-modern .member-profile-info-column {
        padding-right: 0;
        padding-left: 0;
    }

    .member-profile-modern .member-profile-photo-card,
    .member-profile-modern .member-profile-photo-card img,
    .member-profile-modern .member-profile-photo-card .maxH-250 {
        min-height: 390px;
    }

    .member-profile-modern .member-profile-info-column {
        margin-top: 21px;
    }

    .member-profile-modern .member-profile-summary {
        padding: 0;
    }

    .member-profile-modern .member-profile-title h5 {
        font-size: 25px;
    }

    .member-profile-modern .member-profile-title h6 {
        display: inline-block;
        width: auto;
        font-size: 11px;
    }

    .member-profile-modern .member-profile-actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
    }

    .member-profile-modern .member-profile-actions > .col {
        width: auto;
    }

    .member-profile-modern .member-profile-actions a,
    .member-profile-modern .member-profile-actions button {
        min-height: 58px;
        padding: 8px 5px;
    }

    .member-profile-modern .member-profile-actions i {
        width: 31px;
        height: 31px;
        font-size: 13px;
    }

    .member-profile-modern .member-profile-section-title {
        margin-top: 14px;
        margin-bottom: 18px;
        font-size: 20px;
    }

    .member-profile-modern .inMemberDetCard {
        border-radius: 15px;
    }

    .member-profile-modern .inMemberDetCard .card-header {
        min-height: 58px;
        padding: 12px 14px;
    }

    .member-profile-modern .inMemberDetCard .card-body {
        padding: 15px 13px 7px;
    }

    .member-profile-modern .inMemberDetCard .inMemTopBasicDet h5 {
        grid-template-columns: minmax(115px, .8fr) minmax(0, 1.2fr);
        min-height: 46px;
        padding: 10px 11px;
        font-size: 11px;
    }
}

@media (max-width: 479.98px) {
    .member-profile-modern .member-profile-cover {
        padding-right: 14px;
        padding-left: 14px;
    }

    .member-profile-modern .member-block-profile-btn {
        padding: 8px 14px;
        font-size: 11px;
    }

    .member-profile-modern .member-profile-photo-card,
    .member-profile-modern .member-profile-photo-card img,
    .member-profile-modern .member-profile-photo-card .maxH-250 {
        min-height: 330px;
    }

    .member-profile-modern .member-profile-summary > .row:not(:first-child) .inMemTopBasicDet h5 {
        min-height: 0;
    }

    .member-profile-modern .member-profile-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .member-profile-modern .inMemberDetCard .inMemTopBasicDet h5 {
        display: flex;
        min-height: 0;
        flex-direction: column;
        gap: 4px;
    }
}

/* =========================================================
   Recently Joined Profiles page
   Required wrapper: .recent-joined-modern
   ========================================================= */

.recent-joined-modern {
    --recent-card-radius: 20px;
    --recent-soft-bg: #fff7fb;
    --recent-border: rgba(19, 29, 52, 0.09);
    --recent-text: #20283a;
    --recent-muted: #6f7787;
    background: #f8f9fc;
    min-height: 100vh;
    padding-bottom: 60px;
}

.recent-joined-modern .recent-joined-hero {
    position: relative;
    overflow: hidden;
    padding: 58px 0 78px;
    background: #25324b;
}

.recent-joined-modern .recent-joined-hero::after {
    content: "";
    position: absolute;
    right: -75px;
    bottom: -125px;
    width: 310px;
    height: 310px;
    border: 55px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.recent-joined-modern .recent-joined-hero__content {
    position: relative;
    z-index: 1;
    max-width: 730px;
}

.recent-joined-modern .recent-joined-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.recent-joined-modern .recent-joined-hero h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.8px;
}

.recent-joined-modern .recent-joined-hero p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 16px;
    line-height: 1.75;
}

.recent-joined-modern .recent-joined-content {
    position: relative;
    z-index: 2;
    margin-top: -34px;
}

.recent-joined-modern .recent-joined-sidebar .inLeftPanelCard {
    overflow: hidden;
    border: 1px solid var(--recent-border);
    border-radius: var(--recent-card-radius);
    background: #fff;
    box-shadow: 0 14px 40px rgba(28, 38, 61, 0.08);
}

.recent-joined-modern .recent-joined-sidebar .inLeftPanelCard .card-header {
    padding: 17px 18px;
    border: 0;
    border-bottom: 1px solid var(--recent-border);
    background: linear-gradient(135deg, rgba(255, 0, 128, 0.09), rgba(255, 0, 128, 0.02));
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 800;
}

.recent-joined-modern .recent-joined-sidebar .inLeftPanelCard .card-body {
    border: 0;
    border-radius: 0;
}

.recent-joined-modern .recent-joined-sidebar .inLeftPanelCard .card-body ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 14px 17px;
    border: 0;
    border-bottom: 1px solid rgba(19, 29, 52, 0.06);
    color: #4d5566;
    font-size: 13px;
    font-weight: 600;
}

.recent-joined-modern .recent-joined-sidebar .inLeftPanelCard .card-body ul li:last-child a {
    border-bottom: 0;
}

.recent-joined-modern .recent-joined-sidebar .inLeftPanelCard .card-body ul li a:hover,
.recent-joined-modern .recent-joined-sidebar .inLeftPanelCard .card-body ul li a:focus {
    padding-left: 21px;
    border-left: 0;
    background: var(--recent-soft-bg);
    color: var(--color-primary);
}

.recent-joined-modern .recent-joined-sidebar .inLeftPanelCard .badge {
    min-width: 28px;
    padding: 6px 8px;
    border-radius: 999px;
    background: rgba(255, 0, 128, 0.10) !important;
    color: var(--color-primary) !important;
    font-size: 11px;
    font-weight: 800;
}

.recent-joined-modern .recent-joined-results-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding: 19px 22px;
    border: 1px solid var(--recent-border);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 30px rgba(28, 38, 61, 0.06);
}

.recent-joined-modern .recent-joined-results-header__label {
    display: block;
    margin-bottom: 3px;
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.recent-joined-modern .recent-joined-results-header h2 {
    margin: 0;
    color: var(--recent-text);
    font-size: 22px;
    font-weight: 800;
}

.recent-joined-modern .recent-joined-results-header__count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 9px 13px;
    border-radius: 999px;
    background: var(--recent-soft-bg);
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 800;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard {
    overflow: hidden;
    margin-bottom: 20px !important;
    border: 1px solid var(--recent-border) !important;
    border-radius: var(--recent-card-radius);
    background: #fff;
    box-shadow: 0 13px 36px rgba(28, 38, 61, 0.07);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 0, 128, 0.20) !important;
    box-shadow: 0 20px 46px rgba(28, 38, 61, 0.12);
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row {
    min-height: 292px;
    align-items: stretch;
}

/* Equal-size profile image area */
.recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 {
    display: flex;
    min-height: 292px;
    padding: 0;
    background: #f1f3f7;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 292px;
    overflow: hidden;
    background: #f1f3f7;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 > a::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 28%;
    pointer-events: none;
    background: linear-gradient(to top, rgba(20, 25, 38, 0.16), transparent);
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 img,
.recent-joined-modern .recent-joined-profile-list .inMainResultCard .maxH-250 {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 292px;
    max-height: none !important;
    border-radius: 0 !important;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.4s ease;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard:hover > .row > .col-lg-4 img {
    transform: scale(1.045);
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-8 {
    display: flex;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard .card-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 24px 25px 20px;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard .card-body > a {
    display: block;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard .card-title {
    margin-bottom: 7px;
    color: var(--recent-text);
    font-size: 23px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.25px;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard h6 {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 17px !important;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--recent-soft-bg);
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard .card-text {
    position: relative;
    margin-bottom: 8px;
    padding-left: 18px;
    color: #596173;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultCard .card-text::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-primary);
    box-shadow: 0 0 0 4px rgba(255, 0, 128, 0.08);
}

.recent-joined-modern .recent-joined-profile-list .inMainResultAction {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin: auto 0 0 !important;
    padding-top: 18px;
    border-top: 1px solid rgba(19, 29, 52, 0.07);
}

.recent-joined-modern .recent-joined-profile-list .inMainResultAction > .col {
    width: auto;
    max-width: none;
    padding: 0;
    flex: none;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultAction form {
    height: 100%;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultAction a,
.recent-joined-modern .recent-joined-profile-list .inMainResultAction button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 43px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 0, 128, 0.12);
    border-radius: 11px;
    background: var(--recent-soft-bg);
    color: var(--color-primary);
    cursor: pointer;
    transition: all 0.2s ease;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultAction a:hover,
.recent-joined-modern .recent-joined-profile-list .inMainResultAction a:focus,
.recent-joined-modern .recent-joined-profile-list .inMainResultAction button:hover,
.recent-joined-modern .recent-joined-profile-list .inMainResultAction button:focus {
    border-color: var(--color-primary);
    border-radius: 11px;
    background: var(--color-primary);
    color: #fff;
    transform: translateY(-1px);
}

.recent-joined-modern .recent-joined-profile-list .inMainResultAction i {
    color: inherit;
    font-size: 15px;
}

.recent-joined-modern .recent-joined-profile-list .inMainResultAction p {
    margin: 0;
    color: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.recent-joined-modern .recent-joined-empty {
    padding: 65px 25px;
    border: 1px solid var(--recent-border);
    border-radius: var(--recent-card-radius);
    background: #fff;
    text-align: center;
    box-shadow: 0 13px 36px rgba(28, 38, 61, 0.06);
}

.recent-joined-modern .recent-joined-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: var(--recent-soft-bg);
    color: var(--color-primary);
    font-size: 28px;
}

.recent-joined-modern .recent-joined-empty h3 {
    margin-bottom: 8px;
    color: var(--recent-text);
    font-size: 21px;
    font-weight: 800;
}

.recent-joined-modern .recent-joined-empty p {
    margin: 0;
    color: var(--recent-muted);
    font-size: 14px;
}

.recent-joined-modern .recent-joined-pagination {
    margin-top: 28px;
}

.recent-joined-modern .recent-joined-pagination .pagination {
    gap: 6px;
}

.recent-joined-modern .recent-joined-pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--recent-border);
    border-radius: 10px !important;
    background: #fff;
    color: #4e5667;
    font-size: 13px;
    font-weight: 700;
    box-shadow: none;
}

.recent-joined-modern .recent-joined-pagination .page-item.active .page-link,
.recent-joined-modern .recent-joined-pagination .page-link:hover {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #fff;
}

@media (max-width: 991.98px) {
    .recent-joined-modern .recent-joined-hero {
        padding: 46px 0 66px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 > a,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 img,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard .maxH-250 {
        min-height: 270px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultCard .card-body {
        padding: 21px 20px 18px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultAction {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .recent-joined-modern {
        padding-bottom: 40px;
    }

    .recent-joined-modern .recent-joined-hero {
        padding: 38px 0 60px;
        text-align: center;
    }

    .recent-joined-modern .recent-joined-hero__content {
        margin: 0 auto;
    }

    .recent-joined-modern .recent-joined-hero__eyebrow {
        margin-left: auto;
        margin-right: auto;
    }

    .recent-joined-modern .recent-joined-content {
        margin-top: -26px;
    }

    .recent-joined-modern .recent-joined-results-header {
        align-items: flex-start;
        padding: 17px 18px;
    }

    .recent-joined-modern .recent-joined-results-header h2 {
        font-size: 19px;
    }

    .recent-joined-modern .recent-joined-results-header__count {
        padding: 8px 10px;
        font-size: 11px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 > a,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 img,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard .maxH-250 {
        width: 100%;
        height: 340px !important;
        min-height: 340px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultCard .card-body {
        padding: 21px 18px 18px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultCard .card-title {
        font-size: 21px;
    }
}

@media (max-width: 420px) {
    .recent-joined-modern .recent-joined-hero h1 {
        font-size: 29px;
    }

    .recent-joined-modern .recent-joined-results-header {
        display: block;
    }

    .recent-joined-modern .recent-joined-results-header__count {
        margin-top: 12px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 > a,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard > .row > .col-lg-4 img,
    .recent-joined-modern .recent-joined-profile-list .inMainResultCard .maxH-250 {
        height: 310px !important;
        min-height: 310px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultAction {
        gap: 7px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultAction a,
    .recent-joined-modern .recent-joined-profile-list .inMainResultAction button {
        min-height: 41px;
        padding: 7px 6px;
    }

    .recent-joined-modern .recent-joined-profile-list .inMainResultAction p {
        font-size: 10px;
    }
}

/* =========================================================
   Express Interest page additions
   Routes: /express-interest/received and /express-interest/sent
   Required wrapper: .express-interest-modern
   Reuses the existing .recent-joined-modern design styles.
   Add this block at the bottom of user/css/custom.css.
   ========================================================= */

.express-interest-modern .recent-joined-hero {
    background: #25324b;
}

.express-interest-modern .recent-joined-sidebar > .col-lg-3 {
    position: relative;
    z-index: 2;
}

.express-interest-modern .inCardHomeProfile {
    overflow: hidden;
    border: 1px solid var(--recent-border);
    border-radius: var(--recent-card-radius);
    background: #fff;
    box-shadow: 0 14px 40px rgba(28, 38, 61, 0.08);
}

.express-interest-modern .inCardHomeProfile .row {
    margin: 0;
}

.express-interest-modern .inCardHomeProfile .card-img-top {
    display: block;
    width: 100%;
    height: 250px;
    border-radius: 0;
    object-fit: cover;
    object-position: center top;
}

.express-interest-modern .inCardHomeProfile .card-body {
    padding: 18px;
}

.express-interest-modern .inCardHomeProfile .btn {
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 11px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.15px;
}

.express-interest-modern .express-interest-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
    padding: 8px;
    border: 1px solid var(--recent-border);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 30px rgba(28, 38, 61, 0.06);
}

.express-interest-modern .express-interest-tabs__link {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: #596173;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.express-interest-modern .express-interest-tabs__link:hover,
.express-interest-modern .express-interest-tabs__link:focus {
    border-color: rgba(255, 0, 128, 0.14);
    background: var(--recent-soft-bg);
    color: var(--color-primary);
    transform: translateY(-1px);
}

.express-interest-modern .express-interest-tabs__link.active {
    border-color: rgba(255, 0, 128, 0.16);
    background: var(--color-primary);
    color: #fff;
    box-shadow: 0 9px 22px rgba(255, 0, 128, 0.20);
}

.express-interest-modern .express-interest-tabs__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255, 0, 128, 0.09);
    color: var(--color-primary);
    font-size: 16px;
}

.express-interest-modern .express-interest-tabs__link.active .express-interest-tabs__icon {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.express-interest-modern .express-interest-tabs__text {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.express-interest-modern .express-interest-tabs__text strong {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

.express-interest-modern .express-interest-tabs__text small {
    margin-top: 2px;
    overflow: hidden;
    color: #858c99;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.express-interest-modern .express-interest-tabs__link.active .express-interest-tabs__text small {
    color: rgba(255, 255, 255, 0.78);
}

.express-interest-modern .express-interest-tabs__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 31px;
    height: 31px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--recent-soft-bg);
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 800;
}

.express-interest-modern .express-interest-tabs__link.active .express-interest-tabs__count {
    background: #fff;
    color: var(--color-primary);
}

.express-interest-modern .express-interest-list .inMainResultCard > .row {
    min-height: 278px;
}

.express-interest-modern .express-interest-list .inMainResultCard > .row > .col-lg-4,
.express-interest-modern .express-interest-list .inMainResultCard > .row > .col-lg-4 > a,
.express-interest-modern .express-interest-list .inMainResultCard > .row > .col-lg-4 img {
    min-height: 278px;
}

.express-interest-modern .express-interest-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.express-interest-modern .express-interest-card__date {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f5f6f9;
    color: #71798a;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.express-interest-modern .express-interest-card__date i {
    color: var(--color-primary);
}

.express-interest-modern .express-interest-card__message {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 5px 0 0;
    padding: 9px 13px !important;
    border: 1px solid rgba(255, 0, 128, 0.10);
    border-radius: 11px;
    background: var(--recent-soft-bg);
    color: #535c6e !important;
}

.express-interest-modern .express-interest-card__message::before {
    display: none;
}

.express-interest-modern .express-interest-card__message i {
    color: var(--color-primary);
}

.express-interest-modern .express-interest-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid rgba(19, 29, 52, 0.07);
}

.express-interest-modern .express-interest-card__status-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.express-interest-modern .express-interest-card__status-label {
    color: #747c8b;
    font-size: 12px;
    font-weight: 700;
}

.express-interest-modern .express-interest-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.express-interest-modern .express-interest-status__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.express-interest-modern .express-interest-status--pending {
    background: #fff6df;
    color: #a76d00;
}

.express-interest-modern .express-interest-status--accepted {
    background: #eaf8ef;
    color: #21864b;
}

.express-interest-modern .express-interest-status--rejected {
    background: #fff0f1;
    color: #c83f4a;
}

.express-interest-modern .express-interest-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.express-interest-modern .express-interest-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 104px;
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 11px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.express-interest-modern .express-interest-action:hover,
.express-interest-modern .express-interest-action:focus {
    transform: translateY(-1px);
}

.express-interest-modern .express-interest-action--accept {
    border-color: #2a9b5d;
    background: #2a9b5d;
    color: #fff;
    box-shadow: 0 7px 17px rgba(42, 155, 93, 0.18);
}

.express-interest-modern .express-interest-action--accept:hover,
.express-interest-modern .express-interest-action--accept:focus {
    background: #21824d;
    color: #fff;
}

.express-interest-modern .express-interest-action--reject,
.express-interest-modern .express-interest-action--delete {
    border-color: rgba(211, 60, 72, 0.18);
    background: #fff0f1;
    color: #c83f4a;
}

.express-interest-modern .express-interest-action--reject:hover,
.express-interest-modern .express-interest-action--reject:focus,
.express-interest-modern .express-interest-action--delete:hover,
.express-interest-modern .express-interest-action--delete:focus {
    border-color: #c83f4a;
    background: #c83f4a;
    color: #fff;
    box-shadow: 0 7px 17px rgba(200, 63, 74, 0.18);
}

@media (max-width: 1199.98px) {
    .express-interest-modern .express-interest-card__top,
    .express-interest-modern .express-interest-card__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .express-interest-modern .express-interest-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .express-interest-modern .express-interest-tabs {
        grid-template-columns: 1fr;
    }

    .express-interest-modern .inCardHomeProfile .card-img-top {
        height: 112px;
        min-height: 112px;
    }

    .express-interest-modern .express-interest-card__date {
        white-space: normal;
    }

    .express-interest-modern .express-interest-card__footer {
        align-items: stretch;
    }

    .express-interest-modern .express-interest-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .express-interest-modern .express-interest-actions--sent {
        grid-template-columns: 1fr;
    }

    .express-interest-modern .express-interest-action {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 420px) {
    .express-interest-modern .express-interest-tabs__link {
        padding: 12px;
    }

    .express-interest-modern .express-interest-tabs__text small {
        display: none;
    }

    .express-interest-modern .express-interest-actions {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   Search Profiles + Search Results modern design
   Pages:
   - /search-user
   - /search-result-view

   Requirements:
   - Existing Recent Joined Profiles CSS must already be present.
   - Add this complete block at the bottom of user/css/custom.css.
   - All rules are scoped to these two pages only.
   ========================================================= */

/* Keep these page headers visually separate from the navbar. */
.profile-search-modern .recent-joined-hero,
.search-results-modern .recent-joined-hero {
    background: #25324b;
}

/* =========================
   /search-user
   ========================= */
.profile-search-modern .profile-search-content {
    padding-bottom: 64px;
}

.profile-search-modern .profile-search-shell {
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--recent-border);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 52px rgba(28, 38, 61, 0.11);
}

.profile-search-modern .profile-search-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 18px !important;
    padding: 7px;
    border-radius: 17px;
    background: #f2f4f8;
}

.profile-search-modern .profile-search-tabs .nav-item {
    margin: 0 !important;
}

.profile-search-modern .profile-search-tabs .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 52px;
    padding: 10px 8px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: #596173;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.25;
    white-space: normal;
    transition: all 0.2s ease;
}

.profile-search-modern .profile-search-tabs .nav-link i {
    flex: 0 0 auto;
    color: #8a92a2;
    font-size: 14px;
    transition: color 0.2s ease;
}

.profile-search-modern .profile-search-tabs .nav-link:hover {
    border-color: rgba(255, 0, 128, 0.13);
    background: #fff;
    color: var(--color-primary);
}

.profile-search-modern .profile-search-tabs .nav-link:hover i {
    color: var(--color-primary);
}

.profile-search-modern .profile-search-tabs .nav-link.active {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #fff;
    box-shadow: 0 9px 22px rgba(255, 0, 128, 0.22);
}

.profile-search-modern .profile-search-tabs .nav-link.active i {
    color: #fff;
}

.profile-search-modern .profile-search-tab-content,
.profile-search-modern .profile-search-tab-content .tab-pane {
    border-radius: 18px;
}

.profile-search-modern .profile-search-card {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(19, 29, 52, 0.08);
    border-radius: 18px;
    background: #fff;
    box-shadow: none;
}

.profile-search-modern .profile-search-card .card-body {
    padding: 36px 42px !important;
}

.profile-search-modern .profile-search-card .row.mb-3,
.profile-search-modern .profile-search-card .row.mb-md-4 {
    align-items: center;
}

.profile-search-modern .profile-search-card .col-form-label {
    color: #30384a;
    font-size: 13px;
    font-weight: 750;
}

.profile-search-modern .profile-search-card .borderBottomPrimary1 {
    margin: 8px 0 2px;
    padding: 0 0 13px;
    border-bottom: 1px solid rgba(19, 29, 52, 0.08) !important;
    color: #20283a;
    font-size: 17px;
    font-weight: 800;
}

.profile-search-modern .profile-search-card .borderBottomPrimary1::before {
    display: none;
}

.profile-search-modern .profile-search-card .form-control,
.profile-search-modern .profile-search-card .form-select {
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid #dfe3eb;
    border-radius: 11px;
    background-color: #fff;
    color: #30384a;
    font-size: 13px;
    font-weight: 550;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.profile-search-modern .profile-search-card .form-control::placeholder {
    color: #9aa1ae;
}

.profile-search-modern .profile-search-card .form-control:focus,
.profile-search-modern .profile-search-card .form-select:focus {
    border-color: rgba(255, 0, 128, 0.55);
    box-shadow: 0 0 0 4px rgba(255, 0, 128, 0.08);
}

.profile-search-modern .profile-search-card .form-check-input {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    border-color: #cfd4de;
    box-shadow: none;
}

.profile-search-modern .profile-search-card .form-check-input:checked {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.profile-search-modern .profile-search-card .form-check-label {
    color: #525b6d;
    font-size: 13px;
    font-weight: 650;
}

.profile-search-modern .profile-search-card h6.mt-2 {
    color: #7c8493;
    font-size: 12px;
    font-weight: 750;
}

.profile-search-modern .profile-search-card .select2-container {
    width: 100% !important;
}

.profile-search-modern .profile-search-card .select2-container .select2-selection--single,
.profile-search-modern .profile-search-card .select2-container .select2-selection--multiple {
    min-height: 48px;
    border: 1px solid #dfe3eb;
    border-radius: 11px;
    background: #fff;
    box-shadow: none;
}

.profile-search-modern .profile-search-card .select2-container--focus .select2-selection--single,
.profile-search-modern .profile-search-card .select2-container--focus .select2-selection--multiple,
.profile-search-modern .profile-search-card .select2-container--open .select2-selection--single,
.profile-search-modern .profile-search-card .select2-container--open .select2-selection--multiple {
    border-color: rgba(255, 0, 128, 0.55);
    box-shadow: 0 0 0 4px rgba(255, 0, 128, 0.08);
}

.profile-search-modern .profile-search-card .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    min-height: 46px;
    padding: 6px 10px !important;
}

.profile-search-modern .profile-search-card .select2-selection--multiple .select2-selection__choice {
    margin: 0;
    padding: 4px 8px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 0, 128, 0.09);
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 700;
}

.profile-search-modern .profile-search-card .select2-selection--multiple .select2-search__field {
    margin: 0;
    min-height: 29px;
    color: #4d5566;
    font-size: 13px;
}

.profile-search-modern .profile-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 150px;
    min-height: 47px;
    padding: 11px 23px;
    border: 0;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.35px;
    box-shadow: 0 11px 24px rgba(255, 0, 128, 0.20);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.profile-search-modern .profile-search-submit:hover,
.profile-search-modern .profile-search-submit:focus {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(255, 0, 128, 0.27);
}

/* =========================
   /search-result-view
   ========================= */
.search-results-modern .search-results-content {
    padding-bottom: 64px;
}

.search-results-modern .search-results-refine-title {
    align-items: center;
    gap: 9px;
    margin: 0 0 14px;
    padding: 17px 18px;
    border: 1px solid var(--recent-border);
    border-radius: 16px;
    background: #fff;
    color: #20283a;
    font-size: 17px;
    font-weight: 800;
    box-shadow: 0 10px 28px rgba(28, 38, 61, 0.06);
}

.search-results-modern .search-results-refine-title i {
    color: var(--color-primary);
    font-size: 15px;
}

.search-results-modern .search-results-filter-toggle {
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 47px;
    margin-bottom: 14px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 800;
}

.search-results-modern .search-results-filters .inRefinePanel {
    overflow: hidden;
    border: 1px solid var(--recent-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(28, 38, 61, 0.055);
}

.search-results-modern .search-results-filters .inRefinePanel .card-header {
    padding: 13px 15px;
    border: 0;
    border-bottom: 1px solid rgba(19, 29, 52, 0.07);
    background: #f7f8fb;
}

.search-results-modern .search-results-filters .inRefinePanel .card-header .row {
    align-items: center;
}

.search-results-modern .search-results-filters .inRefinePanel .card-header h5 {
    color: #343c4d;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.45px;
}

.search-results-modern .search-results-filters .inRefinePanel .card-header a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    color: var(--color-primary) !important;
    font-size: 10px;
    font-weight: 750;
}

.search-results-modern .search-results-filters .inRefinePanel .card-body {
    padding: 15px;
    border: 0;
    background: #fff;
}

.search-results-modern .search-results-filters .inRefinePanel .card-body .card-body {
    padding: 0;
}

.search-results-modern .search-results-filters label {
    color: #535c6e;
    font-size: 12px;
    font-weight: 650;
}

.search-results-modern .search-results-filters input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: var(--color-primary);
}

.search-results-modern .search-results-filters .form-select {
    min-height: 43px;
    border: 1px solid #dfe3eb;
    border-radius: 10px;
    color: #4d5566;
    font-size: 12px;
    box-shadow: none;
}

.search-results-modern .search-results-filters .form-select:focus {
    border-color: rgba(255, 0, 128, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 0, 128, 0.07);
}

.search-results-modern .search-results-filters .select2-container {
    width: 100% !important;
}

.search-results-modern .search-results-filters .select2-container .select2-selection--multiple,
.search-results-modern .search-results-filters .select2-container .select2-selection--single {
    min-height: 43px;
    border: 1px solid #dfe3eb;
    border-radius: 10px;
    background: #fff;
}

.search-results-modern .search-results-filters .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    min-height: 41px;
    padding: 5px 8px !important;
}

.search-results-modern .search-results-filters .select2-selection--multiple .select2-selection__choice {
    margin: 0;
    padding: 3px 7px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 0, 128, 0.09);
    color: var(--color-primary);
    font-size: 10px;
    font-weight: 700;
}

.search-results-modern .search-results-main {
    min-width: 0;
}

.search-results-modern .search-results-empty .search-results-new-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    margin-top: 20px;
    padding: 10px 19px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}


@media (max-width: 1199.98px) {
    .profile-search-modern .profile-search-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .profile-search-modern .profile-search-tabs .nav-link {
        min-height: 48px;
    }
}

@media (max-width: 991.98px) {
    .profile-search-modern .profile-search-shell {
        padding: 15px;
    }

    .profile-search-modern .profile-search-card .card-body {
        padding: 29px 27px !important;
    }

    .search-results-modern .search-results-filter-toggle {
        display: flex !important;
    }
}

@media (max-width: 767.98px) {
    .profile-search-modern .profile-search-content,
    .search-results-modern .search-results-content {
        padding-bottom: 45px;
    }

    .profile-search-modern .profile-search-shell {
        padding: 11px;
        border-radius: 19px;
    }

    .profile-search-modern .profile-search-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        padding: 6px;
        border-radius: 14px;
    }

    .profile-search-modern .profile-search-tabs .nav-link {
        min-height: 46px;
        padding: 8px 6px;
        border-radius: 10px;
        font-size: 11px;
    }

    .profile-search-modern .profile-search-card {
        border-radius: 15px;
    }

    .profile-search-modern .profile-search-card .card-body {
        padding: 23px 18px !important;
    }

    .profile-search-modern .profile-search-card .row > [class*="col-"] {
        margin-bottom: 6px;
    }

    .profile-search-modern .profile-search-card .col-form-label {
        margin-bottom: 3px;
        padding-bottom: 0;
    }

    .profile-search-modern .profile-search-submit {
        width: 100%;
    }

    .search-results-modern .search-results-sidebar {
        margin-bottom: 2px;
    }
}

@media (max-width: 420px) {
    .profile-search-modern .profile-search-tabs .nav-link {
        flex-direction: column;
        gap: 4px;
        min-height: 58px;
    }

    .profile-search-modern .profile-search-tabs .nav-link i {
        font-size: 13px;
    }

    .profile-search-modern .profile-search-card .card-body {
        padding: 20px 14px !important;
    }
}

/* =========================================================
   Current Plan page
   Scope: /current-plan only
   Required wrapper: .current-plan-modern
   Requires the existing .recent-joined-modern shared CSS.
   Add this block at the bottom of user/css/custom.css.
   ========================================================= */

.current-plan-modern .current-plan-content .row > .col-lg-3 .inCardHomeProfile,
.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard {
    overflow: hidden;
    border: 1px solid rgba(19, 29, 52, 0.09);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(28, 38, 61, 0.08);
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inCardHomeProfile .card-img-top {
    display: block;
    width: 100%;
    height: 245px;
    object-fit: cover;
    object-position: center top;
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inCardHomeProfile .card-body {
    padding: 16px;
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inCardHomeProfile .btn {
    min-height: 42px;
    padding: 11px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard .card-header {
    padding: 17px 18px;
    border: 0;
    border-bottom: 1px solid rgba(19, 29, 52, 0.08);
    background: linear-gradient(135deg, rgba(255, 0, 128, 0.09), rgba(255, 0, 128, 0.02));
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 800;
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard .card-body {
    padding: 0;
    border: 0;
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard ul {
    margin: 0;
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 17px;
    border-bottom: 1px solid rgba(19, 29, 52, 0.06);
    color: #4d5566;
    font-size: 13px;
    font-weight: 600;
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard li:last-child a {
    border-bottom: 0;
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard li a:hover,
.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard li a:focus {
    padding-left: 21px;
    background: #fff7fb;
    color: var(--color-primary);
}

.current-plan-modern .current-plan-content .row > .col-lg-3 .inLeftPanelCard .badge {
    min-width: 28px;
    padding: 6px 8px;
    border-radius: 999px;
    background: rgba(255, 0, 128, 0.1) !important;
    color: var(--color-primary) !important;
    font-size: 11px;
    font-weight: 800;
}

.current-plan-modern .current-plan-section-heading,
.current-plan-modern .current-plan-history-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding: 19px 22px;
    border: 1px solid rgba(19, 29, 52, 0.09);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 10px 30px rgba(28, 38, 61, 0.06);
}

.current-plan-modern .current-plan-section-heading__label,
.current-plan-modern .current-plan-history-heading > div > span {
    display: block;
    margin-bottom: 3px;
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.current-plan-modern .current-plan-section-heading h2,
.current-plan-modern .current-plan-history-heading h2 {
    margin: 0;
    color: #20283a;
    font-size: 22px;
    font-weight: 800;
}

.current-plan-modern .current-plan-upgrade-btn,
.current-plan-modern .current-plan-notice__action,
.current-plan-modern .current-plan-empty__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 44px;
    padding: 11px 17px;
    border: 1px solid var(--color-primary);
    border-radius: 12px;
    background: var(--color-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 9px 20px rgba(255, 0, 128, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.current-plan-modern .current-plan-upgrade-btn:hover,
.current-plan-modern .current-plan-upgrade-btn:focus,
.current-plan-modern .current-plan-notice__action:hover,
.current-plan-modern .current-plan-notice__action:focus,
.current-plan-modern .current-plan-empty__button:hover,
.current-plan-modern .current-plan-empty__button:focus {
    transform: translateY(-2px);
    background: var(--color-primary-hover);
    color: #fff;
    box-shadow: 0 13px 26px rgba(255, 0, 128, 0.25);
}

.current-plan-modern .current-plan-card {
    overflow: hidden;
    margin-bottom: 28px;
    border: 1px solid rgba(19, 29, 52, 0.09);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(28, 38, 61, 0.09);
}

.current-plan-modern .current-plan-card__top {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 28px;
    background: linear-gradient(135deg, #202b43, #34415d);
}

.current-plan-modern .current-plan-card__top::after {
    content: "";
    position: absolute;
    right: -72px;
    bottom: -118px;
    width: 245px;
    height: 245px;
    border: 42px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;
}

.current-plan-modern .current-plan-card__identity,
.current-plan-modern .current-plan-card__price {
    position: relative;
    z-index: 1;
}

.current-plan-modern .current-plan-card__identity h3 {
    margin: 14px 0 9px;
    color: #fff;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    letter-spacing: -0.5px;
}

.current-plan-modern .current-plan-card__identity p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
}

.current-plan-modern .current-plan-card__identity p strong {
    color: #fff;
}

.current-plan-modern .current-plan-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}

.current-plan-modern .current-plan-status--active {
    background: rgba(58, 210, 139, 0.16);
    color: #89f1bd;
}

.current-plan-modern .current-plan-status--expired {
    background: rgba(232, 74, 95, 0.11);
    color: #d8384e;
}

.current-plan-modern .current-plan-status--available {
    background: rgba(255, 0, 128, 0.09);
    color: var(--color-primary);
}

.current-plan-modern .current-plan-status__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(137, 241, 189, 0.12);
}

.current-plan-modern .current-plan-card__price {
    min-width: 155px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    text-align: right;
    backdrop-filter: blur(8px);
}

.current-plan-modern .current-plan-card__price span {
    display: block;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.current-plan-modern .current-plan-card__price strong {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}

.current-plan-modern .current-plan-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

.current-plan-modern .current-plan-metric {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 22px 18px;
    border-right: 1px solid rgba(19, 29, 52, 0.08);
}

.current-plan-modern .current-plan-metric:last-child {
    border-right: 0;
}

.current-plan-modern .current-plan-metric__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border-radius: 13px;
    background: #fff4fa;
    color: var(--color-primary);
    font-size: 16px;
}

.current-plan-modern .current-plan-metric div {
    min-width: 0;
}

.current-plan-modern .current-plan-metric div > span,
.current-plan-modern .current-plan-history-card__item > span,
.current-plan-modern .current-plan-history-card__invoice div > span {
    display: block;
    margin-bottom: 4px;
    color: #7b8291;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.45px;
    text-transform: uppercase;
}

.current-plan-modern .current-plan-metric strong {
    display: block;
    overflow: hidden;
    color: #252d3e;
    font-size: 16px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.current-plan-modern .current-plan-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    margin-bottom: 28px;
    padding: 24px;
    border: 1px solid rgba(19, 29, 52, 0.09);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(28, 38, 61, 0.08);
}

.current-plan-modern .current-plan-notice--expired {
    border-left: 4px solid #d8384e;
}

.current-plan-modern .current-plan-notice--upgrade {
    border-left: 4px solid var(--color-primary);
}

.current-plan-modern .current-plan-notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 17px;
    background: #fff2f5;
    color: #d8384e;
    font-size: 23px;
}

.current-plan-modern .current-plan-notice--upgrade .current-plan-notice__icon {
    background: #fff3fa;
    color: var(--color-primary);
}

.current-plan-modern .current-plan-notice__content h3 {
    margin: 9px 0 5px;
    color: #222a3b;
    font-size: 20px;
    font-weight: 800;
}

.current-plan-modern .current-plan-notice__content p {
    margin: 0;
    color: #707888;
    font-size: 14px;
    line-height: 1.65;
}

.current-plan-modern .current-plan-history-heading {
    margin-top: 8px;
}

.current-plan-modern .current-plan-history-heading__count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 9px 13px;
    border-radius: 999px;
    background: #fff3fa;
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 800;
}

.current-plan-modern .current-plan-history-list {
    display: grid;
    gap: 14px;
}

.current-plan-modern .current-plan-history-card {
    display: grid;
    grid-template-columns: minmax(185px, 1.25fr) repeat(3, minmax(120px, 1fr)) auto;
    align-items: center;
    gap: 20px;
    padding: 18px 20px;
    border: 1px solid rgba(19, 29, 52, 0.09);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 9px 26px rgba(28, 38, 61, 0.055);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.current-plan-modern .current-plan-history-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 0, 128, 0.18);
    box-shadow: 0 14px 32px rgba(28, 38, 61, 0.09);
}

.current-plan-modern .current-plan-history-card__invoice {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.current-plan-modern .current-plan-history-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    border-radius: 13px;
    background: #fff3fa;
    color: var(--color-primary);
    font-size: 17px;
}

.current-plan-modern .current-plan-history-card__invoice strong,
.current-plan-modern .current-plan-history-card__item strong {
    display: block;
    overflow: hidden;
    color: #262e3f;
    font-size: 14px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.current-plan-modern .current-plan-invoice-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 0, 128, 0.14);
    border-radius: 12px;
    background: #fff3fa;
    color: var(--color-primary);
    font-size: 16px;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.current-plan-modern .current-plan-invoice-btn:hover,
.current-plan-modern .current-plan-invoice-btn:focus {
    transform: translateY(-2px);
    background: var(--color-primary);
    color: #fff;
}

.current-plan-modern .current-plan-empty {
    padding: 48px 24px;
    border: 1px dashed rgba(19, 29, 52, 0.16);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
}

.current-plan-modern .current-plan-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 16px;
    border-radius: 21px;
    background: #fff3fa;
    color: var(--color-primary);
    font-size: 28px;
}

.current-plan-modern .current-plan-empty h3 {
    margin: 0 0 7px;
    color: #222a3b;
    font-size: 21px;
    font-weight: 800;
}

.current-plan-modern .current-plan-empty p {
    max-width: 480px;
    margin: 0 auto 19px;
    color: #727a89;
    font-size: 14px;
    line-height: 1.65;
}

@media (max-width: 1199.98px) {
    .current-plan-modern .current-plan-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .current-plan-modern .current-plan-metric:nth-child(2) {
        border-right: 0;
    }

    .current-plan-modern .current-plan-metric:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(19, 29, 52, 0.08);
    }

    .current-plan-modern .current-plan-history-card {
        grid-template-columns: minmax(190px, 1.3fr) repeat(2, minmax(120px, 1fr)) auto;
    }

    .current-plan-modern .current-plan-history-card__item:nth-of-type(3) {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .current-plan-modern .current-plan-content .row > .col-lg-3 .inCardHomeProfile .card-img-top {
        height: 210px;
    }

    .current-plan-modern .current-plan-card__top {
        padding: 24px;
    }

    .current-plan-modern .current-plan-notice {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .current-plan-modern .current-plan-notice__action {
        grid-column: 1 / -1;
        justify-self: start;
        margin-left: 78px;
    }

    .current-plan-modern .current-plan-history-card {
        grid-template-columns: minmax(170px, 1.2fr) minmax(120px, 1fr) auto;
    }

    .current-plan-modern .current-plan-history-card__item:nth-of-type(2) {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .current-plan-modern .current-plan-content .row > .col-lg-3 .inCardHomeProfile .row {
        align-items: center;
    }

    .current-plan-modern .current-plan-content .row > .col-lg-3 .inCardHomeProfile .card-img-top {
        height: 125px;
        border-radius: 0;
    }

    .current-plan-modern .current-plan-section-heading,
    .current-plan-modern .current-plan-history-heading {
        align-items: flex-start;
        padding: 17px;
    }

    .current-plan-modern .current-plan-section-heading h2,
    .current-plan-modern .current-plan-history-heading h2 {
        font-size: 19px;
    }

    .current-plan-modern .current-plan-card__top {
        flex-direction: column;
    }

    .current-plan-modern .current-plan-card__price {
        min-width: 0;
        width: 100%;
        text-align: left;
    }

    .current-plan-modern .current-plan-metrics {
        grid-template-columns: 1fr;
    }

    .current-plan-modern .current-plan-metric,
    .current-plan-modern .current-plan-metric:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid rgba(19, 29, 52, 0.08);
    }

    .current-plan-modern .current-plan-metric:last-child {
        border-bottom: 0;
    }

    .current-plan-modern .current-plan-notice {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .current-plan-modern .current-plan-notice__icon,
    .current-plan-modern .current-plan-notice__action {
        justify-self: center;
        margin-left: 0;
    }

    .current-plan-modern .current-plan-history-card {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px;
    }

    .current-plan-modern .current-plan-history-card__item {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .current-plan-modern .current-plan-section-heading,
    .current-plan-modern .current-plan-history-heading {
        flex-direction: column;
    }

    .current-plan-modern .current-plan-upgrade-btn {
        width: 100%;
    }

    .current-plan-modern .current-plan-card__top {
        padding: 21px 18px;
    }

    .current-plan-modern .current-plan-card__identity h3 {
        font-size: 27px;
    }

    .current-plan-modern .current-plan-card__identity p {
        align-items: flex-start;
    }

    .current-plan-modern .current-plan-history-heading__count {
        align-self: flex-start;
    }
}

/* =========================================================
   Membership Plans page
   Shared by: /membership-plans and /user-membership-plans
   Scope: .membership-plans-modern
   Add this block at the bottom of user/css/custom.css.
   ========================================================= */

.membership-plans-modern {
    background: #f6f7fb;
    color: #273044;
}

.membership-plans-modern .membership-plans-hero {
    position: relative;
    overflow: hidden;
    padding: 68px 0 72px;
    background: #25324b;
}

.membership-plans-modern .membership-plans-hero::before,
.membership-plans-modern .membership-plans-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.membership-plans-modern .membership-plans-hero::before {
    top: -155px;
    right: -95px;
    width: 390px;
    height: 390px;
    border: 64px solid rgba(255, 255, 255, 0.045);
}

.membership-plans-modern .membership-plans-hero::after {
    bottom: -145px;
    left: -100px;
    width: 315px;
    height: 315px;
    background: rgba(255, 0, 128, 0.09);
}

.membership-plans-modern .membership-plans-hero__content {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.membership-plans-modern .membership-plans-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.membership-plans-modern .membership-plans-hero__eyebrow i {
    color: #ff6cad;
}

.membership-plans-modern .membership-plans-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(31px, 4vw, 47px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.8px;
}

.membership-plans-modern .membership-plans-hero p {
    max-width: 660px;
    margin: 17px auto 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: 15px;
    line-height: 1.8;
}

.membership-plans-modern .membership-plans-hero__meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 24px;
}

.membership-plans-modern .membership-plans-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 13px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.86);
    font-size: 12px;
    font-weight: 700;
}

.membership-plans-modern .membership-plans-hero__meta i {
    color: #ff80ba;
}

.membership-plans-modern .membership-plans-content {
    padding: 52px 0 70px;
}

.membership-plans-modern .membership-plans-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
    padding: 22px 24px;
    border: 1px solid rgba(26, 37, 59, 0.08);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(27, 38, 62, 0.065);
}

.membership-plans-modern .membership-plans-intro__label {
    display: block;
    margin-bottom: 4px;
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.05px;
    text-transform: uppercase;
}

.membership-plans-modern .membership-plans-intro h2 {
    margin: 0;
    color: #20283a;
    font-size: 24px;
    font-weight: 800;
}

.membership-plans-modern .membership-plans-intro p {
    margin: 7px 0 0;
    color: #737b8d;
    font-size: 13px;
    line-height: 1.7;
}

.membership-plans-modern .membership-plans-current-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 44px;
    padding: 11px 16px;
    border: 1px solid rgba(255, 0, 128, 0.22);
    border-radius: 12px;
    background: rgba(255, 0, 128, 0.07);
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 800;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.membership-plans-modern .membership-plans-current-link:hover,
.membership-plans-modern .membership-plans-current-link:focus {
    transform: translateY(-2px);
    background: var(--color-primary);
    color: #fff;
}

.membership-plans-modern .membership-plans-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.membership-plans-modern .membership-plan-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    border: 1px solid rgba(25, 37, 58, 0.09);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(27, 38, 62, 0.075);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.membership-plans-modern .membership-plan-card:hover {
    transform: translateY(-7px);
    border-color: rgba(255, 0, 128, 0.2);
    box-shadow: 0 22px 48px rgba(27, 38, 62, 0.13);
}

.membership-plans-modern .membership-plan-card__top {
    position: relative;
    overflow: hidden;
    min-height: 216px;
    padding: 24px;
    background: linear-gradient(145deg, #25324b, #35435e);
}

.membership-plans-modern .membership-plan-card__top::after {
    content: "";
    position: absolute;
    right: -62px;
    bottom: -88px;
    width: 188px;
    height: 188px;
    border: 30px solid rgba(255, 255, 255, 0.045);
    border-radius: 50%;
}

.membership-plans-modern .membership-plan-card__badges,
.membership-plans-modern .membership-plan-card__top h3,
.membership-plans-modern .membership-plan-card__price {
    position: relative;
    z-index: 1;
}

.membership-plans-modern .membership-plan-card__badges {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.membership-plans-modern .membership-plan-card__type,
.membership-plans-modern .membership-plan-card__audience {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 29px;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.45px;
    text-transform: uppercase;
}

.membership-plans-modern .membership-plan-card__type {
    background: rgba(255, 0, 128, 0.18);
    color: #ff9bc9;
}

.membership-plans-modern .membership-plan-card__type--free {
    background: rgba(46, 204, 137, 0.16);
    color: #8ce9bc;
}

.membership-plans-modern .membership-plan-card__audience {
    border: 1px solid rgba(255, 255, 255, 0.11);
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.8);
}

.membership-plans-modern .membership-plan-card__top h3 {
    min-height: 54px;
    margin: 0 0 16px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.22;
}

.membership-plans-modern .membership-plan-card__price {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    color: #fff;
}

.membership-plans-modern .membership-plan-card__price span {
    padding-bottom: 7px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
    font-weight: 700;
}

.membership-plans-modern .membership-plan-card__price strong {
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1px;
}

.membership-plans-modern .membership-plan-card__price small {
    padding-bottom: 6px;
    color: rgba(255, 255, 255, 0.66);
    font-size: 13px;
    font-weight: 700;
}

.membership-plans-modern .membership-plan-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 24px;
}

.membership-plans-modern .membership-plan-card__summary {
    margin: 0 0 20px;
    color: #737b8d;
    font-size: 12px;
    line-height: 1.7;
}

.membership-plans-modern .membership-plan-features {
    display: grid;
    gap: 12px;
    margin-bottom: 23px;
}

.membership-plans-modern .membership-plan-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(25, 37, 58, 0.07);
    border-radius: 13px;
    background: #fafbfe;
}

.membership-plans-modern .membership-plan-feature__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    border-radius: 11px;
    background: rgba(255, 0, 128, 0.09);
    color: var(--color-primary);
    font-size: 14px;
}

.membership-plans-modern .membership-plan-feature__icon--available {
    background: rgba(39, 183, 122, 0.1);
    color: #1e9c67;
}

.membership-plans-modern .membership-plan-feature__icon--unavailable {
    background: rgba(232, 74, 95, 0.08);
    color: #d7465a;
}

.membership-plans-modern .membership-plan-feature > div {
    min-width: 0;
}

.membership-plans-modern .membership-plan-feature span:not(.membership-plan-feature__icon) {
    display: block;
    margin-bottom: 2px;
    color: #858c9b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.membership-plans-modern .membership-plan-feature strong {
    display: block;
    overflow: hidden;
    color: #273044;
    font-size: 14px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.membership-plans-modern .membership-plan-card__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 49px;
    margin-top: auto;
    padding: 13px 16px;
    border: 1px solid var(--color-primary);
    border-radius: 13px;
    background: var(--color-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(255, 0, 128, 0.19);
    transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.membership-plans-modern .membership-plan-card__button i {
    transition: transform 0.2s ease;
}

.membership-plans-modern .membership-plan-card__button:hover,
.membership-plans-modern .membership-plan-card__button:focus {
    transform: translateY(-2px);
    background: var(--color-primary-hover);
    color: #fff;
    box-shadow: 0 14px 28px rgba(255, 0, 128, 0.25);
}

.membership-plans-modern .membership-plan-card__button:hover i,
.membership-plans-modern .membership-plan-card__button:focus i {
    transform: translateX(4px);
}

.membership-plans-modern .membership-plans-empty {
    max-width: 680px;
    margin: 0 auto;
    padding: 55px 25px;
    border: 1px solid rgba(25, 37, 58, 0.08);
    border-radius: 22px;
    background: #fff;
    text-align: center;
    box-shadow: 0 15px 40px rgba(27, 38, 62, 0.07);
}

.membership-plans-modern .membership-plans-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin-bottom: 18px;
    border-radius: 20px;
    background: rgba(255, 0, 128, 0.08);
    color: var(--color-primary);
    font-size: 25px;
}

.membership-plans-modern .membership-plans-empty h3 {
    margin: 0 0 8px;
    color: #273044;
    font-size: 22px;
    font-weight: 800;
}

.membership-plans-modern .membership-plans-empty p {
    margin: 0;
    color: #7c8494;
    font-size: 13px;
}

@media (max-width: 1199.98px) {
    .membership-plans-modern .membership-plans-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .membership-plans-modern .membership-plans-hero {
        padding: 48px 0 52px;
    }

    .membership-plans-modern .membership-plans-hero h1 {
        font-size: 31px;
    }

    .membership-plans-modern .membership-plans-hero p {
        font-size: 13px;
    }

    .membership-plans-modern .membership-plans-content {
        padding: 34px 0 48px;
    }

    .membership-plans-modern .membership-plans-intro {
        align-items: flex-start;
        flex-direction: column;
        padding: 19px;
    }

    .membership-plans-modern .membership-plans-intro h2 {
        font-size: 21px;
    }

    .membership-plans-modern .membership-plans-current-link {
        width: 100%;
    }

    .membership-plans-modern .membership-plans-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .membership-plans-modern .membership-plan-card__top,
    .membership-plans-modern .membership-plan-card__body {
        padding: 21px;
    }

    .membership-plans-modern .membership-plan-card__top h3 {
        min-height: 0;
        font-size: 22px;
    }
}

@media (max-width: 479.98px) {
    .membership-plans-modern .membership-plans-hero__meta {
        align-items: stretch;
        flex-direction: column;
    }

    .membership-plans-modern .membership-plans-hero__meta span {
        justify-content: center;
    }

    .membership-plans-modern .membership-plan-card__badges {
        align-items: flex-start;
        flex-direction: column;
    }

    .membership-plans-modern .membership-plan-card__price strong {
        font-size: 34px;
    }
}

/* =========================================================
   Payment Options page: /payment-options/{id}
   Scope: .payment-options-modern
   Add this block at the bottom of user/css/custom.css.
   ========================================================= */

.payment-options-modern {
    background: #f6f7fb;
    color: #273044;
}

.payment-options-modern .payment-options-hero {
    position: relative;
    overflow: hidden;
    padding: 62px 0 68px;
    background: #25324b;
}

.payment-options-modern .payment-options-hero::before,
.payment-options-modern .payment-options-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.payment-options-modern .payment-options-hero::before {
    top: -155px;
    right: -95px;
    width: 390px;
    height: 390px;
    border: 64px solid rgba(255, 255, 255, 0.045);
}

.payment-options-modern .payment-options-hero::after {
    bottom: -145px;
    left: -100px;
    width: 315px;
    height: 315px;
    background: rgba(255, 0, 128, 0.09);
}

.payment-options-modern .payment-options-hero__content {
    position: relative;
    z-index: 1;
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
}

.payment-options-modern .payment-options-hero__back {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 700;
    transition: color 0.2s ease, transform 0.2s ease;
}

.payment-options-modern .payment-options-hero__back:hover,
.payment-options-modern .payment-options-hero__back:focus {
    color: #fff;
    transform: translateX(-3px);
}

.payment-options-modern .payment-options-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 5px 0 15px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.payment-options-modern .payment-options-hero__eyebrow i {
    color: #ff78b4;
}

.payment-options-modern .payment-options-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 45px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.8px;
}

.payment-options-modern .payment-options-hero p {
    max-width: 650px;
    margin: 17px auto 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: 15px;
    line-height: 1.8;
}

.payment-options-modern .payment-options-hero__meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 24px;
}

.payment-options-modern .payment-options-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 13px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.86);
    font-size: 12px;
    font-weight: 700;
}

.payment-options-modern .payment-options-hero__meta i {
    color: #ff80ba;
}

.payment-options-modern .payment-options-content {
    padding: 52px 0 72px;
}

.payment-options-modern .payment-options-layout {
    display: grid;
    grid-template-columns: minmax(280px, 350px) minmax(0, 1fr);
    gap: 26px;
    align-items: start;
}

.payment-options-modern .payment-options-summary,
.payment-options-modern .payment-options-methods {
    border: 1px solid rgba(25, 37, 58, 0.09);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(27, 38, 62, 0.075);
}

.payment-options-modern .payment-options-summary {
    position: sticky;
    top: 110px;
    overflow: hidden;
}

.payment-options-modern .payment-options-summary__heading {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    padding: 24px;
    background: linear-gradient(145deg, #25324b, #35435e);
}

.payment-options-modern .payment-options-summary__heading::after {
    content: "";
    position: absolute;
    right: -50px;
    bottom: -75px;
    width: 170px;
    height: 170px;
    border: 28px solid rgba(255, 255, 255, 0.045);
    border-radius: 50%;
}

.payment-options-modern .payment-options-summary__heading > * {
    position: relative;
    z-index: 1;
}

.payment-options-modern .payment-options-summary__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: rgba(255, 0, 128, 0.17);
    color: #ff8fc2;
    font-size: 19px;
}

.payment-options-modern .payment-options-summary__heading span:not(.payment-options-summary__icon) {
    display: block;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.payment-options-modern .payment-options-summary__heading h2 {
    margin: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.25;
}

.payment-options-modern .payment-options-summary__price {
    padding: 24px 24px 20px;
    border-bottom: 1px solid #edf0f5;
}

.payment-options-modern .payment-options-summary__price > span {
    display: block;
    margin-bottom: 8px;
    color: #828a9a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.payment-options-modern .payment-options-summary__price > div {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    color: #20283a;
}

.payment-options-modern .payment-options-summary__price small {
    padding-bottom: 7px;
    color: #687185;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.payment-options-modern .payment-options-summary__price strong {
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1px;
}

.payment-options-modern .payment-options-summary__price em {
    padding-bottom: 6px;
    color: #8a92a2;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
}

.payment-options-modern .payment-options-summary__features {
    display: grid;
    gap: 0;
    padding: 8px 24px;
}

.payment-options-modern .payment-options-summary__feature {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #edf0f5;
}

.payment-options-modern .payment-options-summary__feature:last-child {
    border-bottom: 0;
}

.payment-options-modern .payment-options-summary__feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255, 0, 128, 0.08);
    color: var(--color-primary);
    font-size: 15px;
}

.payment-options-modern .payment-options-summary__feature div span {
    display: block;
    margin-bottom: 2px;
    color: #858c9b;
    font-size: 11px;
    font-weight: 700;
}

.payment-options-modern .payment-options-summary__feature div strong {
    color: #2b3345;
    font-size: 14px;
    font-weight: 800;
}

.payment-options-modern .payment-options-summary__notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 2px 18px 20px;
    padding: 13px 14px;
    border-radius: 13px;
    background: #f5f7fb;
    color: #727b8e;
}

.payment-options-modern .payment-options-summary__notice i {
    margin-top: 3px;
    color: var(--color-primary);
}

.payment-options-modern .payment-options-summary__notice p {
    margin: 0;
    font-size: 11px;
    line-height: 1.65;
}

.payment-options-modern .payment-options-methods {
    min-width: 0;
    padding: 26px;
}

.payment-options-modern .payment-options-methods__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #edf0f5;
}

.payment-options-modern .payment-options-methods__header > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--color-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.payment-options-modern .payment-options-methods__header h2 {
    margin: 0;
    color: #20283a;
    font-size: 24px;
    font-weight: 800;
}

.payment-options-modern .payment-options-methods__header p {
    margin: 7px 0 0;
    color: #7a8292;
    font-size: 12px;
    line-height: 1.65;
}

.payment-options-modern .payment-options-methods__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 0, 128, 0.08);
    color: var(--color-primary);
    font-size: 11px;
    font-weight: 800;
}

.payment-options-modern .payment-options-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.payment-options-modern .payment-method-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    background: #fff;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.payment-options-modern .payment-method-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 0, 128, 0.22);
    box-shadow: 0 14px 30px rgba(31, 42, 65, 0.09);
}

.payment-options-modern .payment-method-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 112px;
    padding: 22px;
    border-bottom: 1px solid #edf0f5;
    background: #f8f9fc;
}

.payment-options-modern .payment-method-card__logo img {
    display: block;
    width: auto;
    max-width: 175px;
    height: auto;
    max-height: 64px;
    object-fit: contain;
}

.payment-options-modern .payment-method-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 20px;
}

.payment-options-modern .payment-method-card__type {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 6px;
    min-height: 27px;
    margin-bottom: 12px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(37, 50, 75, 0.08);
    color: #526079;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}

.payment-options-modern .payment-method-card__type--manual {
    background: rgba(255, 0, 128, 0.08);
    color: var(--color-primary);
}

.payment-options-modern .payment-method-card__body h3 {
    margin: 0 0 7px;
    color: #252d40;
    font-size: 18px;
    font-weight: 800;
}

.payment-options-modern .payment-method-card__body p {
    flex: 1 1 auto;
    margin: 0 0 18px;
    color: #7b8393;
    font-size: 11px;
    line-height: 1.7;
}

.payment-options-modern .payment-method-card__button,
.payment-options-modern .payment-method-card__form .razorpay-payment-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 11px 14px;
    border: 0;
    border-radius: 12px;
    background: var(--color-primary);
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    appearance: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.payment-options-modern .payment-method-card__form .razorpay-payment-button {
    text-align: center;
}

.payment-options-modern .payment-method-card__button:hover,
.payment-options-modern .payment-method-card__button:focus,
.payment-options-modern .payment-method-card__form .razorpay-payment-button:hover,
.payment-options-modern .payment-method-card__form .razorpay-payment-button:focus {
    transform: translateY(-2px);
    color: #fff;
    filter: brightness(0.96);
    box-shadow: 0 10px 22px rgba(255, 0, 128, 0.22);
}

.payment-options-modern .payment-method-card__form {
    margin-top: auto;
}

.payment-options-modern .payment-options-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #edf0f5;
}

.payment-options-modern .payment-options-trust span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7c8493;
    font-size: 10px;
    font-weight: 700;
}

.payment-options-modern .payment-options-trust i {
    color: var(--color-primary);
}

.payment-options-modern .payment-options-empty {
    padding: 50px 20px;
    border: 1px dashed #d9dee8;
    border-radius: 18px;
    background: #fafbfc;
    text-align: center;
}

.payment-options-modern .payment-options-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin-bottom: 17px;
    border-radius: 22px;
    background: rgba(255, 0, 128, 0.08);
    color: var(--color-primary);
    font-size: 27px;
}

.payment-options-modern .payment-options-empty h3 {
    margin: 0 0 8px;
    color: #242d40;
    font-size: 19px;
    font-weight: 800;
}

.payment-options-modern .payment-options-empty p {
    margin: 0 0 18px;
    color: #7a8292;
    font-size: 12px;
}

.payment-options-modern .payment-options-empty a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 11px;
    background: var(--color-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.payment-options-modern + .payment-options-offcanvas,
.payment-options-offcanvas {
    width: min(430px, 92vw);
    border: 0;
    box-shadow: 14px 0 42px rgba(20, 29, 47, 0.15);
}

.payment-options-offcanvas .offcanvas-header {
    align-items: flex-start;
    padding: 23px 24px;
    border-bottom: 1px solid #edf0f5;
    background: #25324b;
}

.payment-options-offcanvas .offcanvas-header > div > span {
    display: block;
    margin-bottom: 3px;
    color: #ff87bd;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.payment-options-offcanvas .offcanvas-title {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
}

.payment-options-offcanvas .btn-close {
    filter: invert(1) grayscale(1) brightness(2);
}

.payment-options-offcanvas .offcanvas-body {
    padding: 24px;
    background: #f7f8fb;
}

.payment-options-offcanvas .payment-options-offcanvas__qr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid #e1e5ed;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(30, 41, 64, 0.07);
}

.payment-options-offcanvas .payment-options-offcanvas__qr img {
    display: block;
    width: 100%;
    max-width: 270px;
    max-height: 320px;
    object-fit: contain;
}

.payment-options-offcanvas .payment-options-offcanvas__message {
    overflow-wrap: anywhere;
    padding: 19px;
    border: 1px solid #e3e7ee;
    border-radius: 16px;
    background: #fff;
    color: #5f687b;
    font-size: 12px;
    line-height: 1.75;
}

.payment-options-offcanvas .payment-options-offcanvas__message > :last-child {
    margin-bottom: 0;
}

.payment-options-offcanvas .payment-options-offcanvas__amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 16px;
    padding: 15px 17px;
    border-radius: 14px;
    background: #25324b;
    color: #fff;
}

.payment-options-offcanvas .payment-options-offcanvas__amount span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 700;
}

.payment-options-offcanvas .payment-options-offcanvas__amount strong {
    font-size: 17px;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    .payment-options-modern .payment-options-hero__back {
        position: static;
        justify-content: center;
        margin-bottom: 18px;
    }

    .payment-options-modern .payment-options-layout {
        grid-template-columns: 1fr;
    }

    .payment-options-modern .payment-options-summary {
        position: static;
    }

    .payment-options-modern .payment-options-summary__features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        padding: 20px 24px;
    }

    .payment-options-modern .payment-options-summary__feature {
        align-items: flex-start;
        padding: 0;
        border-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .payment-options-modern .payment-options-hero {
        padding: 46px 0 50px;
    }

    .payment-options-modern .payment-options-hero h1 {
        font-size: 31px;
    }

    .payment-options-modern .payment-options-content {
        padding: 34px 0 52px;
    }

    .payment-options-modern .payment-options-methods {
        padding: 20px;
    }

    .payment-options-modern .payment-options-methods__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .payment-options-modern .payment-options-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .payment-options-modern .payment-options-hero {
        padding: 39px 0 43px;
    }

    .payment-options-modern .payment-options-hero__eyebrow {
        font-size: 9px;
    }

    .payment-options-modern .payment-options-hero h1 {
        font-size: 27px;
        letter-spacing: -0.45px;
    }

    .payment-options-modern .payment-options-hero p {
        font-size: 13px;
        line-height: 1.7;
    }

    .payment-options-modern .payment-options-hero__meta {
        align-items: stretch;
        flex-direction: column;
    }

    .payment-options-modern .payment-options-hero__meta span {
        justify-content: center;
    }

    .payment-options-modern .payment-options-summary__heading,
    .payment-options-modern .payment-options-summary__price,
    .payment-options-modern .payment-options-methods {
        padding: 18px;
    }

    .payment-options-modern .payment-options-summary__features {
        grid-template-columns: 1fr;
        padding: 8px 18px;
    }

    .payment-options-modern .payment-options-summary__feature {
        align-items: center;
        padding: 13px 0;
        border-bottom: 1px solid #edf0f5;
    }

    .payment-options-modern .payment-options-summary__feature:last-child {
        border-bottom: 0;
    }

    .payment-options-modern .payment-options-summary__notice {
        margin: 2px 14px 17px;
    }

    .payment-options-modern .payment-options-methods__header h2 {
        font-size: 21px;
    }

    .payment-options-modern .payment-method-card__logo {
        height: 100px;
    }

    .payment-options-modern .payment-options-trust {
        align-items: flex-start;
        flex-direction: column;
    }
}

.payment-options-modern .payment-method-card__form {
    position: static;
    width: 100%;
    margin-top: auto;
}

.payment-options-modern .payment-method-card__form .razorpay-payment-button {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 11px 14px !important;
    box-sizing: border-box;
    line-height: 1.2;
    text-align: left;
}


/* ============================================================
   Modern Profile Management Pages
   Pages: /manage-photos, /manage-document, /manage-horoscope,
          /edit-profile
   All selectors are scoped to .profile-management-modern.
   ============================================================ */

.profile-management-modern {
    --pm-navy: #25324b;
    --pm-navy-deep: #172238;
    --pm-pink: #fd007d;
    --pm-pink-dark: #d9006b;
    --pm-bg: #f5f7fb;
    --pm-card: #ffffff;
    --pm-text: #202a3d;
    --pm-muted: #7a8498;
    --pm-border: #e7eaf0;
    --pm-soft-pink: #fff0f7;
    --pm-shadow: 0 16px 45px rgba(31, 43, 68, 0.09);
    background: var(--pm-bg);
    color: var(--pm-text);
}

.profile-management-modern .profile-management-hero {
    position: relative;
    overflow: hidden;
    background: var(--pm-navy);
    padding: 34px 0;
}

.profile-management-modern .profile-management-hero::before,
.profile-management-modern .profile-management-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.profile-management-modern .profile-management-hero::before {
    width: 280px;
    height: 280px;
    left: -115px;
    bottom: -165px;
    background: rgba(253, 0, 125, 0.14);
}

.profile-management-modern .profile-management-hero::after {
    width: 190px;
    height: 190px;
    right: 5%;
    top: -135px;
    border: 35px solid rgba(255, 255, 255, 0.035);
}

.profile-management-modern .profile-management-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 20px;
}

.profile-management-modern .profile-management-hero__icon {
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    color: #ffffff;
    font-size: 26px;
    background: linear-gradient(145deg, var(--pm-pink), #b90069);
    box-shadow: 0 12px 28px rgba(253, 0, 125, 0.26);
}

.profile-management-modern .profile-management-hero__content {
    min-width: 0;
    flex: 1 1 auto;
}

.profile-management-modern .profile-management-hero__eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #ff8ec6;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.profile-management-modern .profile-management-hero h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.15;
    font-weight: 800;
}

.profile-management-modern .profile-management-hero p {
    max-width: 680px;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.65;
}

.profile-management-modern .profile-management-hero__badge,
.profile-management-modern .profile-management-hero__link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 17px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.profile-management-modern a.profile-management-hero__link:hover {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-1px);
}

.profile-management-modern .profile-management-hero__actions {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    max-width: 360px;
}

.profile-management-modern .profile-management-hero__actions a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.075);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.2s ease;
}

.profile-management-modern .profile-management-hero__actions a:hover {
    color: #ffffff;
    background: var(--pm-pink);
    border-color: var(--pm-pink);
    transform: translateY(-2px);
}

.profile-management-modern .profile-management-content {
    margin: 0 !important;
    padding: 42px 0 60px;
    background: var(--pm-bg);
}

.profile-management-modern .profile-management-intro {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding: 18px 20px;
    border: 1px solid var(--pm-border);
    border-radius: 16px;
    background: var(--pm-card);
    box-shadow: 0 8px 30px rgba(31, 43, 68, 0.05);
}

.profile-management-modern .profile-management-intro__icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: var(--pm-pink);
    background: var(--pm-soft-pink);
    font-size: 19px;
}

.profile-management-modern .profile-management-intro__content {
    min-width: 0;
    flex: 1;
}

.profile-management-modern .profile-management-intro h2 {
    margin: 0 0 4px;
    color: var(--pm-text);
    font-size: 18px;
    font-weight: 800;
}

.profile-management-modern .profile-management-intro p {
    margin: 0;
    color: var(--pm-muted);
    font-size: 13px;
    line-height: 1.55;
}

.profile-management-modern .profile-management-intro__meta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    padding: 8px 12px;
    border-radius: 999px;
    color: var(--pm-navy);
    background: #eef2f8;
    font-size: 12px;
    font-weight: 700;
}

/* Shared user left panel, limited to these pages */
.profile-management-modern .inCardHomeProfile,
.profile-management-modern .inLeftPanelCard,
.profile-management-modern .profile-management-main > .card,
.profile-management-modern .inEditCard {
    border: 1px solid var(--pm-border) !important;
    border-radius: 18px !important;
    background: var(--pm-card);
    box-shadow: var(--pm-shadow);
    overflow: hidden;
}

.profile-management-modern .inLeftPanelCard .card-header {
    padding: 15px 17px;
    border: 0;
    color: #ffffff;
    background: var(--pm-navy);
    font-weight: 700;
}

.profile-management-modern .inLeftPanelCard .card-body {
    padding: 10px 16px;
}

.profile-management-modern .inLeftPanelCard li + li {
    border-top: 1px solid var(--pm-border);
}

.profile-management-modern .inLeftPanelCard li a {
    display: block;
    padding: 11px 2px;
    color: var(--pm-text);
    text-decoration: none;
}

.profile-management-modern .inLeftPanelCard li a:hover {
    color: var(--pm-pink);
}

/* Manage photos */
.manage-photos-modern .manage-photos-primary-card,
.manage-photos-modern .manage-photos-gallery-card {
    height: auto;
}

.manage-photos-modern .manage-photos-primary-card {
    position: sticky;
    top: 20px;
}

.manage-photos-modern .manage-photos-primary-card form {
    position: relative;
}

.manage-photos-modern .manage-photos-primary-card .card-img-top {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center top;
    background: #edf0f5;
}

.manage-photos-modern .manage-photos-primary-card .card-body {
    padding: 18px;
    background: #ffffff;
}

.manage-photos-modern input[type="file"]#photo1,
.manage-photos-modern .inManagePhotoCard input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.manage-photos-modern .manage-photos-primary-card label.btn,
.manage-photos-modern .manage-photos-primary-card a.btn {
    min-height: 42px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.manage-photos-modern .manage-photos-gallery-card > .card-header,
.profile-management-modern .profile-upload-card > .card-header,
.edit-profile-modern .inEditCard > .card-header {
    padding: 18px 22px;
    border: 0;
    border-bottom: 1px solid var(--pm-border);
    background: #ffffff;
}

.manage-photos-modern .manage-photos-gallery-card > .card-header h4,
.profile-management-modern .profile-upload-card > .card-header h4,
.edit-profile-modern .inEditCard > .card-header h4 {
    margin: 0;
    color: var(--pm-text);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0;
}

.manage-photos-modern .manage-photos-gallery-card > .card-body {
    padding: 22px 22px 2px;
}

.manage-photos-modern .inManagePhotoCard {
    position: relative;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--pm-border) !important;
    border-radius: 14px !important;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(31, 43, 68, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.manage-photos-modern .inManagePhotoCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(31, 43, 68, 0.13);
}

.manage-photos-modern .inManagePhotoCard .card-img-top {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center top;
    background: #edf0f5;
}

.manage-photos-modern .inManagePhotoCard .btn1,
.manage-photos-modern .inManagePhotoCard .btn2 {
    min-height: 42px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 13px;
}

.manage-photos-modern .inManagePhotoCard .btn1 {
    color: var(--pm-navy) !important;
    background: #f2f4f8 !important;
}

.manage-photos-modern .inManagePhotoCard .btn2 {
    color: #ffffff !important;
    background: var(--pm-pink) !important;
}

.manage-photos-modern .inManagePhotoCard .btn1:hover {
    color: #ffffff !important;
    background: var(--pm-navy) !important;
}

.manage-photos-modern .inManagePhotoCard .btn2:hover {
    background: var(--pm-pink-dark) !important;
}

.profile-management-modern .inPhotoUploadStatus {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 2;
}

.profile-management-modern .inPhotoUploadStatus .inStatusPending {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    color: #8a5c00;
    background: rgba(255, 242, 199, 0.96);
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.08);
    font-size: 11px;
    font-weight: 800;
}

/* Manage document and horoscope */
.manage-file-modern .profile-upload-card > .card-body {
    padding: 28px;
}

.manage-file-modern .profile-upload-card form > .row {
    align-items: center;
}

.manage-file-modern .inManagePhotoCard {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--pm-border) !important;
    border-radius: 16px !important;
    background: #eef1f6;
    box-shadow: 0 10px 25px rgba(31, 43, 68, 0.08);
}

.manage-file-modern .inManagePhotoCard .card-img-top {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    object-position: center;
    padding: 10px;
    background: #eef1f6;
}

.manage-file-modern .inManagePhotoCard .card-body .btn {
    min-height: 42px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    color: #ffffff;
    background: var(--pm-pink);
    font-size: 12px;
    font-weight: 800;
}

.manage-file-modern .profile-upload-form {
    padding: 4px 4px 4px 18px;
}

.profile-management-modern .profile-upload-note {
    display: flex;
    gap: 13px;
    margin-bottom: 22px;
    padding: 15px;
    border: 1px solid #dde5f0;
    border-radius: 13px;
    color: var(--pm-navy);
    background: #f5f8fc;
}

.profile-management-modern .profile-upload-note > i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--pm-pink);
    font-size: 18px;
}

.profile-management-modern .profile-upload-note strong,
.profile-management-modern .profile-upload-note span {
    display: block;
}

.profile-management-modern .profile-upload-note strong {
    margin-bottom: 3px;
    font-size: 13px;
}

.profile-management-modern .profile-upload-note span {
    color: var(--pm-muted);
    font-size: 12px;
    line-height: 1.55;
}

.manage-file-modern .profile-upload-form label {
    margin-bottom: 8px;
    color: var(--pm-text);
    font-size: 13px;
    font-weight: 700;
}

.manage-file-modern .profile-upload-form .form-control {
    min-height: 48px;
    padding: 10px 13px;
    border: 1px solid var(--pm-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: none;
}

.manage-file-modern .profile-upload-form input[type="submit"] {
    min-width: 155px;
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

/* Edit profile */
.edit-profile-modern .edit-profile-quick-nav {
    position: sticky;
    top: 10px;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 22px;
    padding: 10px;
    border: 1px solid var(--pm-border);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 30px rgba(31, 43, 68, 0.08);
    backdrop-filter: blur(10px);
}

.edit-profile-modern .edit-profile-quick-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    padding: 9px 12px;
    border-radius: 10px;
    color: var(--pm-navy);
    background: #f3f5f9;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.2s ease;
}

.edit-profile-modern .edit-profile-quick-nav a:hover {
    color: #ffffff;
    background: var(--pm-pink);
    transform: translateY(-1px);
}

.edit-profile-modern #profileMedia {
    scroll-margin-top: 90px;
}

.edit-profile-modern #personalDetailsCard,
.edit-profile-modern #partnerPreferencesCard {
    scroll-margin-top: 90px;
}

.edit-profile-modern .edit-profile-media-card {
    height: calc(100% - 24px);
}

.edit-profile-modern .edit-profile-media-card > .card-header .row {
    align-items: center;
}

.edit-profile-modern .edit-profile-media-card > .card-header [class*="col-"] {
    margin-top: 0 !important;
}

.edit-profile-modern .edit-profile-media-card > .card-header .btn {
    min-height: 36px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 9px;
    color: #ffffff;
    background: var(--pm-navy);
    font-size: 11px;
    font-weight: 700;
}

.edit-profile-modern .edit-profile-media-card > .card-header .btn:hover {
    background: var(--pm-pink);
}

.edit-profile-modern .edit-profile-media-card > .card-body {
    padding: 22px;
}

.edit-profile-modern .inProfileThumb {
    width: 92px;
    height: 92px;
    border: 4px solid #ffffff;
    border-radius: 14px;
    object-fit: cover;
    object-position: center top;
    background: #eef1f6;
    box-shadow: 0 6px 18px rgba(31, 43, 68, 0.14);
}

.edit-profile-modern .inTimesIconOver {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--pm-pink);
    box-shadow: 0 5px 14px rgba(253, 0, 125, 0.25);
}

.edit-profile-modern .edit-profile-form-card > .card-body {
    padding: 25px;
}

.edit-profile-modern .edit-profile-form-card form > h4 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 28px 0 18px;
    padding: 12px 15px;
    border-left: 4px solid var(--pm-pink);
    border-radius: 0 10px 10px 0;
    color: var(--pm-navy);
    background: #f5f7fb;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

.edit-profile-modern .edit-profile-form-card form > h4:first-of-type {
    margin-top: 0;
}

.edit-profile-modern .edit-profile-form-card form > h4 i {
    padding-right: 0 !important;
    color: var(--pm-pink);
}

.edit-profile-modern .label-1,
.edit-profile-modern label {
    margin-bottom: 7px;
    color: #465066;
    font-size: 12px;
    font-weight: 700;
}

.edit-profile-modern .form-control,
.edit-profile-modern .form-select {
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #dfe3eb;
    border-radius: 9px;
    color: var(--pm-text);
    background-color: #ffffff;
    box-shadow: none;
    font-size: 13px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.edit-profile-modern textarea.form-control {
    min-height: 120px;
    resize: vertical;
    line-height: 1.6;
}

.edit-profile-modern .form-control:focus,
.edit-profile-modern .form-select:focus {
    border-color: rgba(253, 0, 125, 0.55);
    box-shadow: 0 0 0 3px rgba(253, 0, 125, 0.09);
}

.edit-profile-modern .select2-container {
    width: 100% !important;
}

.edit-profile-modern .select2-container--default .select2-selection--single,
.edit-profile-modern .select2-container--default .select2-selection--multiple {
    min-height: 46px;
    border: 1px solid #dfe3eb;
    border-radius: 9px;
    background: #ffffff;
}

.edit-profile-modern .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    padding-left: 13px;
}

.edit-profile-modern .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
}

.edit-profile-modern .select2-container--default .select2-selection--multiple {
    padding: 4px 8px;
}

.edit-profile-modern .select2-container--default.select2-container--focus .select2-selection--multiple,
.edit-profile-modern .select2-container--default.select2-container--open .select2-selection--single {
    border-color: rgba(253, 0, 125, 0.55);
    box-shadow: 0 0 0 3px rgba(253, 0, 125, 0.09);
}

.edit-profile-modern .edit-profile-form-card input.btnPrimary,
.edit-profile-modern .edit-profile-media-card input.btnPrimary {
    min-width: 160px;
    min-height: 44px;
    padding: 10px 22px;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    background: var(--pm-pink);
    box-shadow: 0 8px 18px rgba(253, 0, 125, 0.2);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.edit-profile-modern .edit-profile-form-card input.btnPrimary:hover,
.edit-profile-modern .edit-profile-media-card input.btnPrimary:hover {
    background: var(--pm-pink-dark);
    transform: translateY(-1px);
}

.edit-profile-modern .inEditPrefPartHeader {
    margin: 6px 0 22px;
    padding: 0;
}

.edit-profile-modern .inEditPrefPartHeader h3 {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 12px 20px;
    border-radius: 999px;
    color: var(--pm-navy);
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(31, 43, 68, 0.08);
    font-size: 17px;
    font-weight: 800;
}

.edit-profile-modern .inEditPrefPartHeader h3 i {
    padding-right: 0 !important;
    color: var(--pm-pink);
}

/* Toast polish limited to these pages */
.profile-management-modern + .toast-container .inToastExpress,
.profile-management-modern .inToastExpress {
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    color: #ffffff;
    background: var(--pm-navy);
    box-shadow: 0 12px 32px rgba(31, 43, 68, 0.2);
}

@media (max-width: 1199.98px) {
    .profile-management-modern .profile-management-hero__inner {
        flex-wrap: wrap;
    }

    .profile-management-modern .profile-management-hero__actions {
        max-width: none;
        width: 100%;
        justify-content: flex-start;
        padding-left: 86px;
    }

    .manage-photos-modern .manage-photos-primary-card {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .profile-management-modern .profile-management-content {
        padding: 30px 0 48px;
    }

    .profile-management-modern .profile-management-hero {
        padding: 28px 0;
    }

    .profile-management-modern .profile-management-hero__badge,
    .profile-management-modern .profile-management-hero__link {
        margin-left: 86px;
    }

    .manage-file-modern .profile-upload-form {
        padding-left: 0;
    }

    .edit-profile-modern .edit-profile-form-card > .card-body {
        padding: 20px;
    }
}

@media (max-width: 767.98px) {
    .profile-management-modern .profile-management-hero__inner {
        align-items: flex-start;
        gap: 14px;
    }

    .profile-management-modern .profile-management-hero__icon {
        flex-basis: 54px;
        width: 54px;
        height: 54px;
        border-radius: 16px;
        font-size: 21px;
    }

    .profile-management-modern .profile-management-hero h1 {
        font-size: 27px;
    }

    .profile-management-modern .profile-management-hero p {
        font-size: 13px;
    }

    .profile-management-modern .profile-management-hero__badge,
    .profile-management-modern .profile-management-hero__link,
    .profile-management-modern .profile-management-hero__actions {
        width: 100%;
        max-width: none;
        margin-left: 0;
        padding-left: 0;
    }

    .profile-management-modern .profile-management-hero__badge,
    .profile-management-modern .profile-management-hero__link {
        justify-content: center;
        border-radius: 11px;
    }

    .profile-management-modern .profile-management-hero__actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .profile-management-modern .profile-management-hero__actions a {
        justify-content: center;
        padding: 9px 6px;
    }

    .profile-management-modern .profile-management-intro {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .profile-management-modern .profile-management-intro__content {
        flex: 1 1 calc(100% - 64px);
    }

    .profile-management-modern .profile-management-intro__meta {
        margin-left: 64px;
    }

    .edit-profile-modern .edit-profile-quick-nav {
        position: static;
        grid-template-columns: 1fr;
    }

    .edit-profile-modern .edit-profile-quick-nav a {
        justify-content: flex-start;
    }

    .manage-file-modern .profile-upload-card > .card-body,
    .edit-profile-modern .edit-profile-form-card > .card-body,
    .edit-profile-modern .edit-profile-media-card > .card-body,
    .manage-photos-modern .manage-photos-gallery-card > .card-body {
        padding: 18px;
    }
}

@media (max-width: 575.98px) {
    .profile-management-modern .profile-management-hero__content {
        flex-basis: calc(100% - 70px);
    }

    .profile-management-modern .profile-management-hero__actions {
        grid-template-columns: 1fr;
    }

    .profile-management-modern .profile-management-intro__meta {
        margin-left: 0;
    }

    .manage-photos-modern .inManagePhotoCard .card-img-top {
        aspect-ratio: 4 / 5;
    }

    .edit-profile-modern .edit-profile-form-card form > h4 {
        font-size: 14px;
    }

    .edit-profile-modern .edit-profile-form-card [class*="col-6"] {
        width: 100%;
    }
}

/* Minimal CSS for /messages-inbox only */
.messages-inbox-modern {
    --pink: var(--color-primary, #fd007d);
    --navy: #25324b;
    --line: #e8ebf2;
    min-height: calc(100vh - 80px);
    background: #f6f7fb;
    color: var(--navy);
}

.messages-inbox-modern .messages-inbox-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding: 25px 28px;
    background: var(--navy);
    border-radius: 18px;
    color: #fff;
}

.messages-inbox-modern .messages-inbox-hero-content,
.messages-inbox-modern .messages-member-card,
.messages-inbox-modern .messages-chat-person,
.messages-inbox-modern .messages-compose-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.messages-inbox-modern .messages-inbox-hero-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    flex: 0 0 50px;
    background: rgba(255,255,255,.12);
    border-radius: 14px;
    font-size: 21px;
}

.messages-inbox-modern .messages-inbox-eyebrow,
.messages-inbox-modern .messages-panel-label,
.messages-inbox-modern .messages-placeholder-label,
.messages-inbox-modern .messages-chat-person-info > span {
    display: block;
    color: #929bad;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.messages-inbox-modern .messages-inbox-eyebrow { color: rgba(255,255,255,.7); }
.messages-inbox-modern .messages-inbox-hero h1 { margin: 2px 0; color: #fff; font-size: 26px; }
.messages-inbox-modern .messages-inbox-hero p { margin: 0; color: rgba(255,255,255,.75); font-size: 13px; }
.messages-inbox-modern .messages-inbox-count { padding: 9px 14px; white-space: nowrap; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15); border-radius: 30px; font-size: 12px; }

.messages-inbox-modern .messages-inbox-shell {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(37,50,75,.08);
}

.messages-inbox-modern .messages-sidebar-column { border-right: 1px solid var(--line); }
.messages-inbox-modern :is(.chat-user-list-wrap, .chat-box-wrap) { height: 680px; margin: 0; border: 0; }

.messages-inbox-modern :is(.chat-user-list-header, .messages-chat-header) {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.messages-inbox-modern .chat-user-list-header h2 { margin: 2px 0 0; font-size: 18px; }
.messages-inbox-modern :is(.messages-panel-count, .messages-unread-badge) { min-width: 24px; height: 24px; display: grid; place-items: center; padding: 0 7px; background: var(--pink); border-radius: 20px; color: #fff; font-size: 10px; font-weight: 700; }

.messages-inbox-modern .chat-user-list { height: calc(100% - 76px); overflow-y: auto; padding: 7px; background: #fafbfe; }
.messages-inbox-modern .chat-user-item { display: block; margin-bottom: 5px; color: inherit; text-decoration: none; border-radius: 13px; }
.messages-inbox-modern .chat-user-item:hover { background: #fff; }
.messages-inbox-modern .chat-user-item.selected-chat { background: rgba(253,0,125,.07) !important; box-shadow: inset 3px 0 var(--pink); }
.messages-inbox-modern .messages-member-card { min-height: 80px; padding: 10px; }

.messages-inbox-modern .messages-member-avatar-wrap { width: 52px; height: 52px; flex: 0 0 52px; position: relative; }
.messages-inbox-modern :is(.messages-member-avatar, .messages-chat-avatar) { width: 100%; height: 100%; object-fit: cover; object-position: center top; border-radius: 14px; }
.messages-inbox-modern .messages-presence-dot { width: 11px; height: 11px; position: absolute; right: -1px; bottom: 1px; border: 2px solid #fff; border-radius: 50%; }
.messages-inbox-modern .messages-presence-dot.is-online { background: #24bf73; }
.messages-inbox-modern .messages-presence-dot.is-offline { background: #aab2c1; }

.messages-inbox-modern :is(.messages-member-content, .messages-member-name-wrap, .messages-chat-person-info) { min-width: 0; flex: 1; }
.messages-inbox-modern :is(.messages-member-heading, .messages-member-meta) { display: flex; justify-content: space-between; gap: 8px; }
.messages-inbox-modern .messages-member-name-wrap h3 { overflow: hidden; margin: 0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.messages-inbox-modern :is(.messages-member-name-wrap > span, .messages-chat-person-info small) { color: #929bad; font-size: 10px; }
.messages-inbox-modern .messages-member-meta { margin-top: 6px; align-items: center; }
.messages-inbox-modern .messages-member-meta p { overflow: hidden; margin: 0; color: #7d8799; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.messages-inbox-modern .messages-member-meta time { flex: 0 0 auto; color: #a4acba; font-size: 9px; }

.messages-inbox-modern :is(.messages-empty-list, .messages-chat-placeholder) { display: grid; place-items: center; text-align: center; }
.messages-inbox-modern .messages-empty-list { min-height: 400px; padding: 25px; }
.messages-inbox-modern :is(.messages-empty-list > span, .messages-placeholder-icon) { width: 66px; height: 66px; display: grid; place-items: center; margin: 0 auto 14px; background: rgba(253,0,125,.08); border-radius: 18px; color: var(--pink); font-size: 26px; }
.messages-inbox-modern :is(.messages-empty-list h3, .messages-placeholder-content h2) { margin: 0 0 6px; font-size: 19px; }
.messages-inbox-modern :is(.messages-empty-list p, .messages-placeholder-content p) { margin: 0; color: #8992a3; font-size: 13px; }
.messages-inbox-modern .messages-chat-placeholder { background: #f8f9fc; }
.messages-inbox-modern .messages-placeholder-content { max-width: 400px; padding: 25px; }
.messages-inbox-modern .messages-placeholder-label { margin-bottom: 5px; color: var(--pink); }

.messages-inbox-modern .messages-chat-panel { display: flex; flex-direction: column; background: #f8f9fc; }
.messages-inbox-modern .messages-chat-person { min-width: 0; }
.messages-inbox-modern .messages-chat-avatar-wrap { width: 48px; height: 48px; flex: 0 0 48px; }
.messages-inbox-modern .messages-chat-person-info h2 { overflow: hidden; margin: 1px 0; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.messages-inbox-modern .messages-chat-info-btn { width: 36px; height: 36px; display: grid; place-items: center; background: #eef1f6; border: 0; border-radius: 10px; color: #657085; }

.messages-inbox-modern .chat-list-wrap { flex: 1; height: auto; max-height: none; overflow-y: auto; padding: 18px 20px; background: #f8f9fc; }
.messages-inbox-modern .load-more-btn { padding: 7px 12px; background: #fff; border: 1px solid var(--line); border-radius: 20px; color: #6d778a; font-size: 11px; }
.messages-inbox-modern .chat-coversation { max-width: 72%; margin: 0 0 14px; }
.messages-inbox-modern .chat-coversation .media { display: flex; align-items: flex-end; gap: 9px; }
.messages-inbox-modern .chat-coversation .avatar { width: 32px; height: 32px; flex: 0 0 32px; margin: 0 0 16px; }
.messages-inbox-modern .chat-coversation .avatar img { width: 32px !important; height: 32px !important; object-fit: cover; object-position: center top; padding: 0; border-radius: 10px !important; }
.messages-inbox-modern .chat-coversation .media-body { min-width: 0; flex: 0 1 auto; }
.messages-inbox-modern .chat-coversation .text { padding: 10px 14px; background: #fff; border: 1px solid var(--line); border-radius: 15px 15px 15px 4px; color: #3f4b60; font-size: 13px; overflow-wrap: anywhere; }
.messages-inbox-modern .chat-coversation.right { margin-left: auto; }
.messages-inbox-modern .chat-coversation.right .media { justify-content: flex-end; }
.messages-inbox-modern .chat-coversation.right .text { background: var(--pink) !important; border-color: var(--pink); border-radius: 15px 15px 4px 15px; color: #fff !important; }
.messages-inbox-modern .chat-coversation .time { display: block; margin-top: 4px; color: #9ca5b5; font-size: 9px; }
.messages-inbox-modern .chat-coversation.right .time { text-align: right; }

.messages-inbox-modern .messages-chat-footer { padding: 12px 15px; background: #fff; border-top: 1px solid var(--line); }
.messages-inbox-modern .messages-compose-wrap { padding: 5px; background: #f4f6f9; border: 1px solid #e3e7ee; border-radius: 14px; }
.messages-inbox-modern .messages-compose-input { min-width: 0; height: 40px; flex: 1; padding: 0 9px; background: transparent; border: 0; outline: 0; }
.messages-inbox-modern .messages-send-btn { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 40px; background: var(--pink); border: 0; border-radius: 11px; color: #fff; }

@media (max-width: 991.98px) {
    .messages-inbox-modern .messages-inbox-hero { align-items: flex-start; flex-direction: column; }
    .messages-inbox-modern .messages-sidebar-column { border-right: 0; border-bottom: 1px solid var(--line); }
    .messages-inbox-modern .chat-user-list-wrap { height: 450px; }
    .messages-inbox-modern .chat-box-wrap { height: 600px; }
}

@media (max-width: 575.98px) {
    .messages-inbox-modern .container { padding-inline: 12px; }
    .messages-inbox-modern .messages-inbox-hero { padding: 20px 17px; border-radius: 15px; }
    .messages-inbox-modern .messages-inbox-hero h1 { font-size: 22px; }
    .messages-inbox-modern .messages-inbox-shell { border-radius: 15px; }
    .messages-inbox-modern .chat-user-list-wrap { height: 420px; }
    .messages-inbox-modern .chat-box-wrap { height: 560px; }
    .messages-inbox-modern .chat-coversation { max-width: 88%; }
    .messages-inbox-modern .chat-list-wrap { padding: 14px 11px; }
}


/* Success Story page layout only. Existing .ss-card styles stay unchanged. */
.success-story-modern{background:#f7f8fb;padding-bottom:70px}
.success-story-modern .success-story-hero{background:#25324b;padding:58px 0 76px;color:#fff;text-align:center}
.success-story-modern .success-story-hero__content{max-width:760px;margin:auto}
.success-story-modern .success-story-hero__eyebrow{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid rgba(255,255,255,.22);border-radius:30px;background:rgba(255,255,255,.08);font-size:13px;font-weight:600;margin-bottom:16px}
.success-story-modern .success-story-hero h1{font-size:clamp(30px,5vw,48px);font-weight:800;margin:0 0 12px}
.success-story-modern .success-story-hero p{max-width:650px;margin:auto;color:rgba(255,255,255,.78);font-size:15px;line-height:1.8}
.success-story-modern .success-story-main{margin-top:-34px}
.success-story-modern .success-story-tabs-card{max-width:570px;margin:0 auto 42px;background:#fff;padding:8px;border-radius:18px;box-shadow:0 14px 38px rgba(25,35,55,.12)}
.success-story-modern .success-story-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.success-story-modern .success-story-tabs .nav-link{width:100%;min-height:54px;border:0;border-radius:13px;color:#5f6675;background:transparent;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}
.success-story-modern .success-story-tabs .nav-link.active{background:#25324b;color:#fff;box-shadow:0 8px 20px rgba(37,50,75,.22)}
.success-story-modern .success-story-tabs small{min-width:22px;height:22px;padding:0 6px;border-radius:20px;background:rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.success-story-modern .success-story-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.success-story-modern .success-story-section-heading>div:first-child>span,.success-story-modern .post-story-form-card__header span{color:var(--color-secondary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.success-story-modern .success-story-section-heading h2{font-size:28px;font-weight:800;color:#202738;margin:6px 0 7px}
.success-story-modern .success-story-section-heading p{color:#737b8c;margin:0;line-height:1.7}
.success-story-modern .success-story-count{min-width:92px;padding:13px 18px;border:1px solid #e8eaf0;border-radius:16px;background:#fff;text-align:center}
.success-story-modern .success-story-count strong,.success-story-modern .success-story-count span{display:block}
.success-story-modern .success-story-count strong{font-size:24px;color:#25324b;line-height:1}
.success-story-modern .success-story-count span{font-size:11px;color:#8b92a1;margin-top:5px;text-transform:uppercase}
.success-story-modern .success-story-empty{padding:70px 20px;text-align:center;background:#fff;border:1px dashed #d9dce5;border-radius:22px}
.success-story-modern .success-story-empty__icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#fff2f6;color:var(--color-secondary);font-size:28px}
.success-story-modern .success-story-empty h3{font-size:22px;font-weight:800;color:#25324b}.success-story-modern .success-story-empty p{color:#747c8b;margin-bottom:22px}
.success-story-modern .post-story-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:26px;align-items:start}
.success-story-modern .post-story-intro,.success-story-modern .post-story-form-card{background:#fff;border:1px solid #e8eaf0;border-radius:22px;box-shadow:0 14px 36px rgba(25,35,55,.07)}
.success-story-modern .post-story-intro{padding:30px;position:sticky;top:95px}
.success-story-modern .post-story-intro__badge{display:inline-flex;align-items:center;gap:8px;color:var(--color-secondary);background:#fff2f6;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:800}
.success-story-modern .post-story-intro h2{font-size:25px;font-weight:800;color:#25324b;line-height:1.35;margin:18px 0 10px}
.success-story-modern .post-story-intro>p{font-size:14px;line-height:1.75;color:#747c8b}
.success-story-modern .post-story-intro__steps{margin:25px 0;display:grid;gap:17px}
.success-story-modern .post-story-intro__steps>div{display:flex;gap:12px;align-items:flex-start}
.success-story-modern .post-story-intro__steps>div>span{flex:0 0 31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#25324b;color:#fff;font-size:12px;font-weight:800}
.success-story-modern .post-story-intro__steps p{margin:0;font-size:12px;color:#858c99;line-height:1.55}.success-story-modern .post-story-intro__steps strong{display:block;color:#303747;font-size:13px}
.success-story-modern .post-story-intro__note{display:flex;gap:10px;padding:13px;background:#f5f8f7;border-radius:12px;color:#39745a}.success-story-modern .post-story-intro__note p{margin:0;font-size:12px;line-height:1.55}
.success-story-modern .post-story-form-card{overflow:hidden}
.success-story-modern .post-story-form-card__header{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #edf0f4;background:#fbfbfd}
.success-story-modern .post-story-form-card__header h2{font-size:23px;font-weight:800;color:#25324b;margin:5px 0 0}.success-story-modern .post-story-form-card__header>i{font-size:30px;color:#e5a1b5}
.success-story-modern .post-story-form{padding:28px}
.success-story-modern .post-story-form__section+.post-story-form__section{margin-top:30px;padding-top:30px;border-top:1px solid #edf0f4}
.success-story-modern .post-story-form__section-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}
.success-story-modern .post-story-form__section-title>span{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:#eef1f6;color:#25324b}
.success-story-modern .post-story-form__section-title h3{font-size:17px;font-weight:800;color:#25324b;margin:0 0 3px}.success-story-modern .post-story-form__section-title p{font-size:12px;color:#858c99;margin:0}
.success-story-modern .post-story-form .form-label{font-size:12px;font-weight:700;color:#454d5e;margin-bottom:7px}.success-story-modern .post-story-form .form-label span{color:var(--color-secondary)}
.success-story-modern .post-story-input{position:relative}.success-story-modern .post-story-input>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ba2af;z-index:2}.success-story-modern .post-story-input .form-control{padding-left:42px}
.success-story-modern .post-story-form .form-control{min-height:47px;border:1px solid #dde1e8;border-radius:11px;font-size:13px;box-shadow:none}.success-story-modern .post-story-form .form-control:focus{border-color:#8d98ad;box-shadow:0 0 0 3px rgba(37,50,75,.08)}
.success-story-modern .post-story-upload{position:relative;display:flex;min-height:170px;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1.5px dashed #cfd4df;border-radius:16px;background:#fafbfc;padding:22px;cursor:pointer;overflow:hidden;transition:.2s}.success-story-modern .post-story-upload:hover{border-color:#8892a6;background:#f6f8fb}.success-story-modern .post-story-upload input{position:absolute;opacity:0;pointer-events:none}.success-story-modern .post-story-upload__icon{font-size:28px;color:#25324b;margin-bottom:8px}.success-story-modern .post-story-upload strong{font-size:14px;color:#353d4d}.success-story-modern .post-story-upload small{font-size:11px;color:#9198a5;margin-top:5px}.success-story-modern .post-story-upload__filename{font-size:12px;font-weight:700;color:var(--color-secondary);margin-top:8px}.success-story-modern .post-story-upload__preview{width:100%;max-height:260px;object-fit:contain;margin-top:14px;border-radius:12px}.success-story-modern .post-story-upload--error{border-color:#dc3545}
.success-story-modern .note-editor.note-frame{border:1px solid #dde1e8;border-radius:12px;overflow:hidden}.success-story-modern .note-toolbar{background:#f7f8fa;border-bottom-color:#e5e8ee}.success-story-modern .note-editor.note-frame .note-editing-area .note-editable{font-family:inherit;font-size:14px;color:#4a5260}
.success-story-modern .post-story-form__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid #edf0f4}.success-story-modern .post-story-form__footer p{font-size:11px;color:#7d8593;margin:0}.success-story-modern .post-story-form__footer p i{color:#39745a;margin-right:7px}.success-story-modern .post-story-form__footer .btn{padding:12px 22px;border-radius:10px;font-size:13px;font-weight:700}
@media(max-width:991px){.success-story-modern .post-story-layout{grid-template-columns:1fr}.success-story-modern .post-story-intro{position:static}.success-story-modern .post-story-intro__steps{grid-template-columns:repeat(3,1fr)}.success-story-modern .post-story-intro__steps>div{display:block}.success-story-modern .post-story-intro__steps>div>span{margin-bottom:8px}}
@media(max-width:767px){.success-story-modern{padding-bottom:45px}.success-story-modern .success-story-hero{padding:42px 0 66px}.success-story-modern .success-story-tabs-card{margin-bottom:30px}.success-story-modern .success-story-tabs .nav-link{font-size:12px;gap:6px}.success-story-modern .success-story-section-heading{align-items:flex-start}.success-story-modern .success-story-count{display:none}.success-story-modern .success-story-section-heading h2{font-size:23px}.success-story-modern .post-story-intro,.success-story-modern .post-story-form{padding:20px}.success-story-modern .post-story-form-card__header{padding:20px}.success-story-modern .post-story-form-card__header h2{font-size:19px}.success-story-modern .post-story-intro__steps{grid-template-columns:1fr}.success-story-modern .post-story-intro__steps>div{display:flex}.success-story-modern .post-story-form__footer{align-items:stretch;flex-direction:column}.success-story-modern .post-story-form__footer .btn{width:100%}}

/* Login + Register pages only */
.auth-modern {
    --auth-dark: #25324b;
    --auth-border: #e5e9f0;
    --auth-muted: #6b7280;
    background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
}

.auth-modern .auth-shell {
    max-width: 1080px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--auth-border);
    border-radius: 24px;
    box-shadow: 0 18px 50px rgba(37, 50, 75, .12);
}

.auth-modern .auth-aside {
    padding: 48px 40px;
    color: #fff;
    background: var(--auth-dark);
}

.auth-modern .auth-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .9;
}

.auth-modern .auth-aside h1 {
    margin-bottom: 16px;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 700;
    line-height: 1.2;
}

.auth-modern .auth-aside > p {
    margin: 0;
    color: rgba(255, 255, 255, .75);
    line-height: 1.75;
}

.auth-modern .auth-benefits,
.auth-modern .auth-steps {
    display: grid;
    gap: 16px;
    margin-top: 32px;
}

.auth-modern .auth-benefits > div,
.auth-modern .auth-steps > div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.auth-modern .auth-benefits i,
.auth-modern .auth-steps > div > span {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
}

.auth-modern .auth-steps small {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, .65);
}

.auth-modern .auth-signin-note {
    margin-top: 32px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .78);
}

.auth-modern .auth-signin-note a { color: #fff; font-weight: 700; }

.auth-modern .auth-panel { padding: 48px; }
.auth-modern .auth-register-panel { padding: 38px; }

.auth-modern .auth-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.auth-modern .auth-icon {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    color: #fff;
    border-radius: 14px;
    background: var(--auth-dark);
}

.auth-modern .auth-heading h2,
.auth-modern .auth-section-title h3 { margin: 0; color: #1f2937; font-weight: 700; }
.auth-modern .auth-heading h2 { font-size: 24px; }
.auth-modern .auth-heading p,
.auth-modern .auth-section-title p { margin: 4px 0 0; color: var(--auth-muted); }

.auth-modern .form-label {
    margin-bottom: 7px;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
}

.auth-modern .form-control,
.auth-modern .form-select,
.auth-modern .select2-container .select2-selection--single {
    min-height: 48px;
    border: 1px solid #dbe1e9;
    border-radius: 11px;
    box-shadow: none;
}

.auth-modern .form-control,
.auth-modern .form-select { padding: 11px 13px; }

.auth-modern .form-control:focus,
.auth-modern .form-select:focus,
.auth-modern .select2-container--focus .select2-selection--single {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(37, 50, 75, .08);
}

.auth-modern .auth-input { position: relative; }
.auth-modern .auth-input > i:first-child {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 2;
    color: #9ca3af;
    transform: translateY(-50%);
}
.auth-modern .auth-input > i:first-child + .form-control { padding-left: 43px; }
.auth-modern .auth-password .form-control { padding-right: 48px; }
.auth-modern .auth-input.no-leading-icon .form-control { padding-left: 13px; }

.auth-modern .auth-password-toggle {
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 3;
    padding: 0;
    color: #6b7280;
    border: 0;
    background: transparent;
    transform: translateY(-50%);
}

.auth-modern .auth-link,
.auth-modern .auth-switch a,
.auth-modern .auth-terms a { color: var(--color-primary); font-weight: 600; text-decoration: none; }

.auth-modern .auth-submit,
.auth-modern .auth-outline {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 11px;
    font-weight: 700;
}

.auth-modern .auth-submit { color: #fff; background: var(--color-primary); }
.auth-modern .auth-submit:hover { color: #fff; background: var(--color-primary-hover); }
.auth-modern .auth-outline { color: var(--auth-dark); border: 1px solid #dbe1e9; background: #fff; }
.auth-modern .auth-outline:hover { color: #fff; border-color: var(--auth-dark); background: var(--auth-dark); }

.auth-modern .auth-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 22px 0;
    color: #9ca3af;
    font-size: 12px;
}
.auth-modern .auth-divider::before,
.auth-modern .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--auth-border); }

.auth-modern .auth-switch { margin-top: 24px; color: var(--auth-muted); text-align: center; }
.auth-modern .auth-switch a { margin-left: 5px; }
.auth-modern .auth-error { margin-top: 5px; color: #dc3545; font-size: 12px; }

.auth-modern .auth-form-section {
    margin-bottom: 22px;
    padding: 22px;
    border: 1px solid var(--auth-border);
    border-radius: 16px;
    background: #fbfcfe;
}

.auth-modern .auth-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}
.auth-modern .auth-section-title > i {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: var(--auth-dark);
    border-radius: 10px;
    background: #e9edf4;
}
.auth-modern .auth-section-title h3 { font-size: 17px; }
.auth-modern .auth-section-title p { font-size: 12px; }

.auth-modern .auth-date-grid { display: grid; grid-template-columns: 1fr 1.2fr 1.3fr; gap: 10px; }
.auth-modern .auth-terms { padding: 14px 14px 14px 38px; border-radius: 10px; background: #f2f5f9; }

.auth-modern .select2-container .select2-selection--single { padding: 9px 12px; }
.auth-modern .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; right: 8px; }
.auth-modern .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 28px; }

@media (max-width: 991.98px) {
    .auth-modern .auth-aside,
    .auth-modern .auth-panel,
    .auth-modern .auth-register-panel { padding: 32px; }
    .auth-modern .auth-aside h1 { font-size: 30px; }
}

@media (max-width: 575.98px) {
    .auth-modern { padding-top: 24px !important; padding-bottom: 24px !important; }
    .auth-modern .auth-shell { border-radius: 16px; }
    .auth-modern .auth-aside,
    .auth-modern .auth-panel,
    .auth-modern .auth-register-panel { padding: 24px 18px; }
    .auth-modern .auth-benefits { display: none; }
    .auth-modern .auth-heading { align-items: flex-start; }
    .auth-modern .auth-heading h2 { font-size: 21px; }
    .auth-modern .auth-form-section { padding: 17px 14px; }
    .auth-modern .auth-date-grid { grid-template-columns: 1fr; }
}

/* Homepage quick search – scoped, minimal styles */
.home-quick-search-modern {
    padding: 28px 0;
    margin-top: 35px;
    background: #f6f7fb;
}

.home-quick-search-modern .home-quick-search-card {
    padding: 24px;
    border: 1px solid #e7eaf0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(24, 39, 75, .08);
}

.home-quick-search-modern .home-quick-search-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.home-quick-search-modern .home-quick-search-kicker {
    display: block;
    margin-bottom: 4px;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-quick-search-modern h3 {
    margin: 0 0 4px;
    color: #25324b;
    font-size: 26px;
    font-weight: 700;
}

.home-quick-search-modern p {
    margin: 0;
    color: #6c7484;
}

.home-quick-search-modern .home-quick-search-icon {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: #25324b;
}

.home-quick-search-modern .form-label {
    margin-bottom: 7px;
    color: #25324b;
    font-size: 13px;
    font-weight: 700;
}

.home-quick-search-modern .form-select,
.home-quick-search-modern .chosen-container-single .chosen-single {
    height: 46px;
    border: 1px solid #dfe3ea;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: none;
}

.home-quick-search-modern .chosen-container {
    width: 100% !important;
}

.home-quick-search-modern .chosen-container-single .chosen-single {
    display: flex;
    align-items: center;
    padding: 0 14px;
}

.home-quick-search-modern .chosen-container-single .chosen-single div {
    top: 10px;
}

.home-quick-search-modern .home-quick-search-age {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.home-quick-search-modern .home-quick-search-age > span {
    color: #858c99;
    font-size: 13px;
    font-weight: 700;
}

.home-quick-search-modern .home-quick-search-submit {
    min-height: 46px;
    border-radius: 10px;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .home-quick-search-modern {
        margin-top: 20px;
        padding: 20px 0;
    }

    .home-quick-search-modern .home-quick-search-card {
        padding: 18px;
        border-radius: 14px;
    }

    .home-quick-search-modern .home-quick-search-icon {
        display: none;
    }

    .home-quick-search-modern h3 {
        font-size: 22px;
    }
}