@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;600;700&family=Poppins:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap');
:root {
    --colorDarkCharcoal: #1E1E1E;
    --colorGraniteGray: #6B7280;
    --colorGrayX11: #bababa;
    --colorBrightGray: #ebebeb;
    --colorWhite: #ffffff;
    --colorSapphireBlue: #C8102E;
    --colorDarkBlue: #003369;
    --colorLightBlue: #007cff;
    --colorTextBlue: #3297E0;
    --colorBlue2: #53B6FE;
    --colorGreen: #46BE60;
    --colorLightGreen: #e8f6eb;
    --colorLightGreen2: #f2f6f3;
    --colorLightGreen3: #DFFFE4;
    --colorGreenBorder: #9AECA7;
    --bodyBg: #F9FAFB;
    --colorRed: #fe5b5b;
    --colorRed2: #ef5757;
    --colorLightRed: #FFDADA;
    --colorRedBorder: #FFB7B7;
    --colorLightPink: #fcd4dc;
    --colorLightBlue: #d0d1ef;
    --colorLightOrange: #ffdbbb;
    --colorFreshAir: #b6d9ff;
    --colorLighttBlue2: #f9d5d5;
    --colorLighttBlue3: #eaefee;
    --colorBlack: #1E1E1E;
    --colorDiamondBlue: #C0DFFF;
    --colorOrange: #ff9900;
    --colorOrange2: #F6AC1F;
    --colorOrangeBorder: #FFE1AA;
    --colorLightOrange: #FFF0D4;
    --bgLightGrey-20: #eee;
    --colorExtraLightOrange: #fff5e5;
    --montserrat-font: "Montserrat", sans-serif;
    --PublicSans: "Public Sans", sans-serif;
    --bgError: --fontSize10: 10px;
    --fontSize12: 12px;
    --fontSize14: 14px;
    --fontSize16: 16px;
    --fontSize18: 18px;
    --fontSize20: 20px;
    --fontSize22: 22px;
    --fontSize24: 24px;
    --fontSize32: 32px;
    --fontSize36: 36px;
}


/* Shared vars */

:root {
    --scrollbarBG: var(--colorWhite);
    --thumbBG: var(--colorPeachBG);
}


/* Firefox (all elements with scrollbars) */

* {
    scrollbar-width: thin;
    /* auto | thin | none */
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    /* thumb track */
}


/* WebKit (Chrome/Edge/Safari/Opera) */

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    /* if you have horizontal scrollbars too */
}

*::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 10px;
    border: 3px solid var(--scrollbarBG);
}


/* Disable outline and border globally */

a:focus,
a:active {
    outline: none !important;
    box-shadow: none !important;
}


/* Specifically for images */

img:focus,
img:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* Specifically for images */

img,
img:focus,
img:active,
img:hover {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bgLightGrey-20 {
    background: var(--bgLightGrey-20)
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.step-form::-webkit-scrollbar {
    width: 5px;
}

.step-form::-webkit-scrollbar-track {
    background: var(--colorGrayX11);
}

.step-form::-webkit-scrollbar-thumb {
    background-color: var(--colorPeachBG);
    border-radius: 12px;
    border: none;
}


/* member site */

body.member {
    font-family: var(--montserrat-font);
    overflow-x: hidden;
    background-color: var(--bodyBg) !important;
}

body.member p,
body.member h1,
body.member h2,
body.member h3,
body.member h4,
body.member h5,
body.member h6,
body.member button {
    font-family: var(--montserrat-font);
}

body {
    padding-bottom: env(safe-area-inset-bottom);
}

.app {
    height: 100dvh;
    /* Dynamic viewport height, stable on iOS 16+ */
}

.app {
    height: -webkit-fill-available;
}


/*header css starts*/

.bjmm-navbar-login-btn {
    color: #F5A800 !important;
    background-color: unset !important;
}


/*header css end*/

body.member .custom-searcbox .form-control,
body.member .custom-searcbox .form-select {
    font-family: var(--montserrat-font) !important;
    font-size: var(--fontSize14) !important;
}


/* body.member *{
    font-family: var(--montserrat-font);
} 
body.member .fa-classic, body.member .fa-regular, body.member .fa-solid, body.member .far, body.member .fas {
    font-family: "Font Awesome 6 Free";
}*/

a {
    text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.font16 {
    font-size: var(--fontSize16) !important;
}

.fontSize10 {
    font-size: 10px;
}

.fontSize12 {
    font-size: 12px;
}

.fontSize14 {
    font-size: 14px;
}

.fontSize16 {
    font-size: 16px;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize20 {
    font-size: 20px;
}

.fontSize22 {
    font-size: 22px;
}

.fontSize24 {
    font-size: 24px;
}

.fontSize32 {
    font-size: 32px;
}

.fontSize36 {
    font-size: 36px;
}

.form-check-input:focus {
    box-shadow: none;
    outline: none;
}

.form-check-input.check-green:checked {
    background-color: var(--colorGreen);
    border-color: var(--colorGreen);
}

.bgwhite {
    background: var(--colorWhite);
    overflow: hidden;
}

.eventbgwhite{
background-color: transparent !important;
padding: 0px !important;
}

.gjs-row.bgwhite {
    min-height: 100%;
}

.link-color-blue {
    color: var(--colorPeachBG);
}

.link-color-blue:hover {
    text-decoration: underline;
}

.viewmore-textlink {
    color: var(--colorPeachBG);
    font-size: var(--fontSize18);
    font-weight: 600;
}

.viewmore-textlink:hover {
    color: var(--colorBlack);
}

.form-group .form-check {
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 0 0 10px;
}

.form-check .form-check-input {
    border: solid 1px var(--colorGrayX11);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 4px;
}

.form-check .form-check-label {
    margin-bottom: 0;
    /* height: 24px; */
    position: relative;
    top: 3px;
}

.form-check .form-check-input:checked {
    background-color: var(--colorPeachBG);
    border-color: var(--colorPeachBG);
}

.form-check .check-rounded {
    border-radius: 100%;
}

.check-green:checked[type=checkbox],
.check-green:checked[type=radio] {
    --bs-form-check-bg-image: url(/public/storage/2024/10/03/cms/tick-white.png);
    background-size: 16px;
}

.login-wrapper {
    height: 100%;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    color: var(--colorDarkCharcoal);
}


/* autofill color off */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


/* carousel slider */

.carousel-inner {
    height: 100vh;
    min-height: 500px;
    width: auto;
    border-radius: 0 30px 30px 0;
}

.carousel-item {
    height: 100%;
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-caption {
    right: 0;
    bottom: auto;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.carousel-caption h5 {
    font-weight: 700;
    font-size: 40px;
}

.carousel-caption p {
    font-weight: 500;
    font-size: 16px;
    max-width: 450px;
    margin: 0 auto;
}

.carousel-indicators {
    right: 30px;
    bottom: 100px;
    left: auto;
    margin: 0;
}

.carousel-indicators {
    border-radius: 21px;
    width: auto;
    height: 8px;
}

.carousel-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border-radius: 21px;
    border: 0;
    text-indent: -9999px;
}

.carousel-indicators .active {
    width: 32px;
}

.carousel-caption-bottom {
    position: absolute;
    bottom: 30px;
    left: 15px;
    right: 15px;
}

.website-link {
    white-space: nowrap;
    font-weight: 600;
}

.carousel-caption-bottom-text {
    color: var(--colorWhite);
}

.carousel-caption-bottom-text p {
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

.carousel-caption-bottom-text p span {
    font-weight: 400;
    display: block;
}

.carousel-caption-bottom-text p span a {
    color: var(--colorWhite);
}

.outer-border-btn {
    border: solid 2px var(--colorWhite);
    border-radius: 30px;
    padding: 10px 25px;
    color: var(--colorWhite);
}

.outer-border-btn i {
    transform: rotate(45deg);
}


/* form-content */

.form-content {
    max-width: 80%;
    font-family: var(--montserrat-font);
}

.form-content .form-header-text h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.form-content .form-header-text p {
    font-size: var(--fontSize16);
    font-weight: 400;
    line-height: 24px;
    color: var(--colorGraniteGray);
}

.form-content .border-box {
    border: solid 1px var(--colorGrayX11);
    padding: 16px;
    border-radius: 16px;
    cursor: pointer;
    height: auto;
}

.form-content .border-box.selected {
    border-color: var(--colorPeachBG);
}

.form-title {
    font-size: var(--fontSize16);
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 5px;
}

.icon-box {
    margin: 15px 15px 5px;
}

.form-content .border-box h2 {
    font-size: var(--fontSize16);
    font-weight: 600;
    line-height: 24px;
}

.form-content .border-box p {
    font-size: var(--fontSize14);
    font-weight: 400;
    line-height: 18px;
    color: var(--colorGraniteGray);
}

.btn-primary {
    line-height: 18px;
    border-radius: 28px;
    background: var(--colorPeachBG);
    border: solid 2px var(--colorPeachBG);
    font-family: var(--montserrat-font);
    font-size: var(--fontSize16) !important;
    height: 40px;
    line-height: 24px;
}

.btn-primary:hover,
.btn-primary:active {
    /* background: var(--colorLightBlue);
    border: solid 2px var(--colorLightBlue); */
    border: solid 2px var(--colorPeachBG) !important;
    color: var(--colorPeachBG) !important;
    background: var(--colorWhite) !important;
}

.btn-outline-primary {
    font-size: var(--fontSize12);
    font-weight: 500;
    line-height: 16px;
    height: 34px;
    border-radius: 28px;
    border: solid 2px;
    background: transparent;
    color: var(--colorPeachBG) !important;
    font-family: var(--montserrat-font);
    font-size: var(--fontSize16) !important;
    height: 40px;
    padding: 10px 20px;
}

.btn-outline-primary:hover {
    background: var(--colorPeachBG);
    color: var(--colorWhite) !important;
    border-color: var(--colorPeachBG);
}

.btn-outline-primary svg {
    fill: var(--colorPeachBG);
}

.btn-outline-primary:hover svg path {
    fill: white
}

.anchor-link-big {
    color: var(--colorPeachBG);
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
}

.anchor-link-big:hover,
.anchor-link-big:active {
    color: var(--colorPeachBG);
    text-decoration: none
}

.btn-view-link {
    font-weight: 500;
    height: 30px;
    min-height: auto!important;
    border-radius: 28px;
    border: solid 1px;
    background: transparent;
    color: var(--colorPeachBG) !important;
    font-family: var(--montserrat-font);
    font-size: 12px;
    padding: 6px 10px;
}

.btn-view-link:hover,
.btn-view-link:active {
    border: 1px solid var(--colorPeachBG) !important;
    background-color: var(--colorPeachBG) !important;
    color: #fff!important;
}

.form-footer {
    font-size: var(--fontSize14);
    font-weight: 400;
    line-height: 20px;
    color: var(--colorGraniteGray);
}

.frm-footer-link {
    font-weight: 600;
}

.btn-lg,
.form-content .btn-primary,
.step-form .btn-primary,
.form-content .btn-outline-primary,
.step-form .btn-outline-primary {
    font-size: var(--fontSize16);
    font-weight: 600;
    line-height: 24px;
    height: 48px;
}


/* setpper */

#multi-step-form-container {}


/* .button {
  padding: 0.7rem 1.5rem;
  border: 1px solid #4361ee;
  background-color: #4361ee;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.submit-btn {
  border: 1px solid #0e9594;
  background-color: #0e9594;
} */

.step-form {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px);
    border-radius: 16px;
    padding: 24px;
    position: relative;
    min-height: calc(100%);
    padding-bottom: 84px;
}

.form-outer {
    max-height: 410px;
    overflow: auto;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
}

ul.form-stepper {
    counter-reset: section;
    margin-bottom: 50px;
    padding: 0 28px 0 40px;
}

ul.form-stepper .form-stepper-circle {
    position: relative;
}

ul.form-stepper .form-stepper-circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.form-stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.form-stepper li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}

.form-stepper-horizontal li:not(:last-of-type) {
    margin-bottom: 0 !important;
}

.form-stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.form-stepper-horizontal li:not(:last-child):after {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    content: "";
    top: 45%;
}

.form-stepper-horizontal li:after {
    background-color: var(--colorGrayX11);
}

.form-stepper-horizontal li.form-stepper-completed:after {
    background-color: var(--colorGreen);
}

.form-stepper-horizontal li:last-child {
    flex: unset;
}

ul.form-stepper li a .form-stepper-circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.38);
    border-radius: 50%;
    margin: 4px 0;
}

.form-stepper .form-stepper-active .form-stepper-circle {
    background-color: var(--colorPeachBG) !important;
    position: relative;
}

.form-stepper .form-stepper-active .form-stepper-circle::after {
    position: absolute;
    left: -4px;
    top: -4px;
    width: 48px;
    height: 48px;
    background: rgba(2, 93, 191, 0.20);
    content: "";
    z-index: -1;
    border-radius: 100%;
}

.form-stepper .form-stepper-active .label {
    color: var(--colorDarkCharcoal) !important;
}

.form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: transparent;
    border: solid 2px var(--colorGrayX11);
}

.form-stepper .form-stepper-completed .form-stepper-circle {
    background-color: var(--colorGreen) !important;
}

.form-stepper .form-stepper-active span.text-muted {
    color: var(--colorWhite) !important;
}

.form-stepper .form-stepper-completed span.text-muted {
    color: var(--colorWhite) !important;
}

.form-stepper .label {
    font-size: var(--fontSize16);
    font-weight: 600;
    line-height: 24px;
    margin-top: 0.5rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
    bottom: -34px;
    color: var(--colorGraniteGray) !important;
}

.form-stepper a {
    cursor: default;
}

.step-icon {
    width: 100%;
    height: 100%;
    display: block;
}

.stp-icon1 {
    background: url(/public/storage/2024/07/24/cms/personal-details.png) no-repeat center center;
}

.stp-icon2 {
    background: url(/public/storage/2024/07/24/cms/contact-details.png) no-repeat center center;
}

.stp-icon3 {
    background: url(/public/storage/2024/07/24/cms/work-details.png) no-repeat center center;
}

.stp-icon4 {
    background: url(/public/storage/2024/07/24/cms/social-details.png) no-repeat center center;
}

.form-stepper-active .stp-icon1 {
    background: url(/public/storage/2024/07/24/cms/personal-details-white.png) no-repeat center center;
}

.form-stepper-active .stp-icon2 {
    background: url(/public/storage/2024/07/24/cms/contact-details-white.png) no-repeat center center;
}

.form-stepper-active .stp-icon3 {
    background: url(/public/storage/2024/07/24/cms/work-details-white.png) no-repeat center center;
}

.form-stepper-active .stp-icon4 {
    background: url(/public/storage/2024/07/24/cms/social-details-white.png) no-repeat center center;
}

.form-stepper-completed .stp-icon1,
.form-stepper-completed .stp-icon2,
.form-stepper-completed .stp-icon3,
.form-stepper-completed .stp-icon4 {
    background: url(/public/storage/2024/07/24/cms/yes-tick.png) no-repeat center center;
}


/* stepper-form */

.step-form .form-title {
    font-size: var(--fontSize24);
    margin: 0 0 10px;
}

.form-group {
    margin: 0 0 16px;
}

.form-group label {
    font-size: var(--fontSize14);
    font-weight: 500;
    color: var(--colorDarkCharcoal);
    margin: 0 0 5px;
    text-transform: capitalize;
}

.form-group .form-check.border-box {
    border: solid 1px var(--colorGrayX11);
    padding: 0.375rem 0.75rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    height: 48px;
    gap: 5px;
    position: relative;
}

.clickLabelEvent {
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    width: auto;
    border-radius: 12px;
    text-indent: -999px;
    right: -1px;
    cursor: pointer;
}

.form-group .form-check.border-box.active {
    border-color: var(--colorPeachBG);
}

.form-group .form-check.border-box label {
    margin: 0;
    font-weight: 400;
}

.form-group .form-check.border-box.active label {
    font-weight: 600;
}

.form-group .form-check.border-box .form-check-input {
    margin: 0;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}

.fullname-input-group .input-group-prepend .input-group-text {
    background: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: auto;
    position: relative;
    min-height: 50px;
    border: none !important;
    width: 76px;
}

.fullname-input-group .input-group-prepend .input-group-text::after {
    content: "";
    position: absolute;
    width: 2px !important;
    height: 25px;
    background: var(--colorGrayX11);
    right: 0;
}

.step-form .form-control {
    height: 50px;
    border: solid 1px var(--colorGrayX11);
    font-size: var(--fontSize14);
    color: var(--colorDarkCharcoal);
}

/* .fullname-input-group .form-control {
    border: none !important;
    height: 46px;
} */


/*.fullname-input-group .input-group-prepend .input-group-text select {
    border: none;
    padding: 0 5px;
    width: 50px;
    background: url(/public/storage/2024/07/24/cms/downarrow.png) no-repeat right var(--colorWhite) !important;
    -webkit-appearance: none;
    appearance: none !important;
    height: auto !important;
background-size:16px 12px;
}*/

.fullname-input-group .input-group-prepend .input-group-text select {
    border: none;
    padding: 0 5px;
    width: 60px;
    background: url(/public/storage/2024/07/24/cms/downarrow.png) no-repeat right var(--colorWhite) !important;
    -webkit-appearance: none;
    appearance: none !important;
    height: auto !important;
    background-size: 12px 8px!important;
    background-position: right 0 center;
}

.step-form .form-control:focus {
    box-shadow: none;
    border: solid 1px var(--colorPeachBG);
}

.step-form .fullname-input-group .form-control:focus {
    box-shadow: none;
    border: none;
}

.fullname-input-group .input-group {
    border: solid 1px var(--colorGrayX11);
    border-radius: 12px;
    height: 48px;
}

.fullname-input-group .input-group:focus,
.fullname-input-group .input-group:focus-within {
    border: solid 1px var(--colorPeachBG);
    border-radius: 12px !important;
}

.fullname-input-group .input-group:focus-within .form-control:focus {
    border: none;
}

.fullname-input-group .input-group:focus-within .input-group-text {
    border-top: transparent;
    border-bottom: transparent;
    border-left: transparent;
}

.form-button-block {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

.form-right-text-box .form-title {
    font-size: var(--fontSize24);
    margin: 0 0 10px;
}

.form-right-text-box p {
    font-size: var(--fontSize16);
    line-height: 20px;
    color: var(--colorGraniteGray);
}

.register-form-footer p {
    font-size: var(--fontSize12);
    color: var(--colorDarkCharcoal);
}

.register-form-footer p span {
    font-weight: 600;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    width: 24px;
    padding: 0px;
    margin: 0 0 0;
    height: 24px;
    margin-top: 0;
    background: url(/public/storage/2024/07/24/cms/calendar-outline.png) no-repeat 0 0;
    cursor: pointer;
}


/* register page */

.groupradio-container {
    margin: 0 -6px !important;
}

.groupradio-container .col-md-4 {
    padding: 0 6px !important;
}

.groupradio-container .col-md-6 {
    padding: 0 6px !important;
}

.form-select-sqr {
    border-radius: 12px !important;
    width: 100%;
    max-width: 100%;
}

.textarea-style {
    border-radius: 12px !important;
    height: auto !important;
}

.form-outer {
    max-height: 280px !important;
    padding-right: 10px;
}

.form-step.d-none .img-box img {
    display: none;
}

.verify-input-details {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%);
}

.verify-input-details a {
    font-size: 11px;
    font-weight: 600;
    color: var(--colorPeachBG);
}

.verify-input-details a.verify-disabled {
    pointer-events: none;
    touch-action: none;
    opacity: 0.5;
}

.emailVerification input.form-control {
    padding-right: 60px;
}

.emailVerification input.form-control:focus {
    padding-right: 60px !important;
}

.emailVerification.verifidEmail .form-control {
    padding-right: 34px;
}

.modal-content.verify-modal {
    border-radius: 24px;
}

.close-popup-topbtn {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 1;
}

.modal-body .otp-box {
    max-width: 400px;
    margin: 15px auto;
    font-family: "Montserrat", sans-serif;
}

.modal-body .otp-box h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.modal-body .otp-box p {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorGraniteGray);
}

.modal-body .otp-box .mobilenumber-details {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorDarkCharcoal);
    word-break: break-all;
}

.modal-body .otp-box .mobilenumber-details .edit-number a {
    font-size: 13px;
    font-weight: 600;
    color: var(--colorPeachBG);
    display: inline-flex;
    align-items: center;
}


/* switch account popup */

.modal-body .switch-box {
    max-width: 430px;
    margin: 15px auto;
    font-family: "Montserrat", sans-serif;
}

.modal-body .switch-box h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.switchlist .switchiname {
    font-size: var(--fontSize18);
    font-weight: 500;
    line-height: 28px;
}


/* switch account popup /end */

.error-massage,
.error,
.invalid-feedback,
.error-message-multiselect {
    color: var(--colorRed2)!important;
    font-size: var(--fontSize12)!important;
    margin: 2px 0 0!important;
    font-weight: 400!important;
}

.cancel-btn {
    top: -10px;
    right: -14px;
    padding: 0;
    position: absolute;
}

@media (max-width:1199px) {
    .stepper-form-container .container {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .groupradio-container .col-md-4 {
        min-width: 114px;
    }
    .vendor-contact .d-flex {
        flex-direction: row!important;
    }
    .profile-header-card {
        min-height: 270px;
    }
    .register-form-footer span {
        display: block;
        margin: 0 0 5px;
    }
    .form-outer {
        max-height: none !important;
    }
    .step-form {
        padding-bottom: 24px !important;
    }
}

@media (max-width: 767px) {
    .modal-body .otp-box h2 {
        font-size: 22px;
        line-height: normal;
    }
}


/* select2 */

.bgtransperent {
    background: transparent !important;
    position: relative;
    z-index: 0;
    margin-right: 56px;
}

.fullname-input-group .input-group-prepend .input-group-text.mrmrs {
    width: 76px !important;
}

.fullname-input-group .input-group-prepend .input-group-text {
    width: 90px !important;
}


/* demo */

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

.select2-container--default .select2-selection--single {
    border: none !important;
    border-radius: 0 !important;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    border: 1px solid #aaa !important;
    border-radius: 5px !important;
    min-width: 100px;
    overflow: hidden;
}

.select2-search__field:focus-visible {
    outline: none !important;
}

.select2-selection__arrow {
    background: url(/public/storage/2025/08/21/cms/down-arrow.svg) no-repeat center right;
    top: 50% !important;
    transform: translate(0, -50%);
    right: 0 !important;
    background-size: 16px 12px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    font-size: 14px;
    font-weight: 500;
}

.select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #f1f1f1 !important;
    color: var(--colorDarkCharcoal);
}

.member .select2-container--default .select2-results__option[aria-selected=true] {
    background: var(--colorPeachBG)!important;
}

.member .select2-search--dropdown .select2-search__field {
    max-width: 100%;
}

.member .transfer-member-select {
    border: var(--bs-border-width) solid var(--bs-border-color)!important;
}

.front .select2-container--default .select2-results__option[aria-selected=true] {
    background: var(--colorPeachBG)!important;
}

.front .select2-search--dropdown .select2-search__field {
    max-width: 100%;
}

.front .transfer-member-select {
    border: var(--bs-border-width) solid var(--bs-border-color)!important;
}

.fullselectOption .select2-container--default .select2-selection--single {
    height: 50px !important;
    border: solid 1px var(--colorGrayX11) !important;
    font-size: var(--fontSize14) !important;
    color: var(--colorDarkCharcoal) !important;
    border-radius: 12px !important;
    padding: .375rem .75rem;
    align-items: center;
    display: flex;
    padding-right: 2rem;
}

.fullselectOption .select2-selection__arrow {
    right: 1rem !important;
}

.input-icon-box.fullselectOption .select2-container--default .select2-selection--single {
    padding-left: 36px;
}


/* slect2/- end */


/* register page/- end */


/* Login */

.login-wrapper {
    overflow: hidden;
}

.primary-text {
    color: var(--colorPeachBG);
}

.primary-text:hover {
    color: var(--colorPeachBG);
}

label.form-label {
    text-align: left;
    font-size: var(--fontSize14);
    font-weight: 500;
    color: var(--colorDarkCharcoal);
    margin-bottom: 5px;
    font-family: var(--montserrat-font) !important;
    text-transform: capitalize;
}

input.form-control {
    height: 48px;
    border-radius: 12px;
    border: 1px solid var(--colorGrayX11);
    font-size: var(--fontSize14);
}

.ui.icon.input input {
    height: 48px;
    border-radius: 12px;
    border: 1px solid var(--colorGrayX11);
    font-size: var(--fontSize14);
}

.input-icon-box input.form-control {
    padding-left: 40px;
}

input.form-control:focus,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    outline: none;
    border: 1px solid var(--colorPeachBG);
    box-shadow: none;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    background: none !important;
    border: 1px solid var(--colorRed);
    padding-right: 0.75rem;
}

.input-box .form-select,
.select2-hidden-accessible {
    height: 48px!important;
    border-radius: 12px!important;
    border: 1px solid var(--colorGrayX11)!important;
    font-size: var(--fontSize14)!important;
    -webkit-clip-path: none!important;
    clip-path: none!important;
    position: relative!important;
    width: 100%!important;
    padding: .375rem 2.25rem .375rem .75rem!important;
}

.form-select:focus {
    outline: none;
    border: 1px solid var(--colorPeachBG);
    box-shadow: none;
}

.border-r12-box {
    border: 1px solid var(--colorGrayX11);
    border-radius: 12px;
    padding: 10px;
}

.form-check-input[type="radio"] {
    border-radius: 50%;
    margin-top: 0;
    margin-bottom: 0;
}

.social-login .login-box {
    width: 48px;
    height: 48px;
    border: 1px solid var(--colorGrayX11);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.social-login .login-box:hover {
    border-color: var(--colorPeachBG);
}

.tap-box p {
    color: var(--colorGreen);
    font-size: 11px;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 5px;
}

.hr-line {
    position: relative;
    text-align: center;
    font-size: var(--fontSize14);
    margin-bottom: 10px;
}

.hr-line::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 45%;
    height: 1px;
    background-color: var(--colorGrayX11);
}

.hr-line::after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    width: 45%;
    height: 1px;
    background-color: var(--colorGrayX11);
}

.input-icon-box {
    position: relative;
}

.input-icon-box .input-icon {
    position: absolute;
    /* top: calc(100% - 36px); */
    left: 10px;
    top: 50% !important;
    left: 10px;
    transform: translate(0, -50%) !important;
}

.input-icon-box .input-icon.input-icon-pass {
    right: 15px;
    left: auto;
}

.verifyType {
    cursor: pointer;
}

.verifyType.active-box {
    border: 1px solid var(--colorPeachBG);
}

.verifyType.active-box label {
    color: var(--colorPeachBG);
    font-weight: 600;
}

.member .heading,
.member .textPrimary,
.member a:hover,
.member .backBtn {
    color: var(--colorPeachBG);
}

.password-show,
.otp-show {
    /*display: none;*/
}

.password-show.active,
.otp-show.active {
    display: block;
}


/* Login */


/* OTP */

.otp-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.otp-wrapper input.form-control {
    max-width: 50px;
    text-align: center;
}

.otp-wrapper input.form-control.success {
    border: 1px solid var(--colorGreen);
}

.otp-wrapper input.form-control.error {
    border: 1px solid var(--colorRed);
}

.bottom-fix-login {
    position: absolute;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0;
    width: 100%;
}


/* OTP */


/* main header */

header {
    /* position: sticky; */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background: var(--colorWhite);
    width: 100%;
    margin-bottom: 14px;
}

header .navbar-container .navbar-nav li a {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: var(--colorGraniteGray);
}

header .navbar-container .navbar-nav li a:hover {
    color: var(--colorPeachBG) !important;
}

header .navbar-container .navbar-nav .nav-link.active,
.navbar-container .navbar-nav .nav-link.show {
    font-weight: 600;
    color: var(--colorPeachBG) !important;
}

.top-bar {
    background: #f1eeee8c;
    padding: 6px 15px;
    display: flex;
    align-items: center;
}

.donation-listing-wrapper .search-box {
    border-radius: 0px;
}

.container.donation-listing-wrapper {
    max-width: 1280px !important;
    margin-top: 50px !important;
}

.donation-listing-wrapper .search-box input,
.donation-listing-wrapper .sorting-dropdown .form-select {
    background-color: var(--bjmm-bg-warm, #FDF6EC) !important;
    box-shadow: none !important;
}

.search-box {
    background: var(--colorWhite);
    height: 48px;
    border: solid 1px var(--colorGrayX11);
    font-size: var(--fontSize14);
    color: var(--colorDarkCharcoal);
    border-radius: 30px;
    padding: 0.375rem 2.75rem;
    transition: all .3s ease;
    width: 264px;
}

.search-box.expand {
    width: 600px;
}

.search-box .form-control {
    border: none;
    border-right: solid 1px var(--colorBlack) !important;
    border-radius: 0;
    padding: 0 5px 0 0;
    height: auto;
}

.search-box .form-control:focus {
    border: none;
}

.search-box:focus-within {
    border: solid 1px var(--colorPeachBG);
}

.notifications .dropdown-toggle::after {
    display: none;
}

.notifications .nav-item .dropdown-toggle {
    border: solid 1px var(--colorGrayX11);
    border-radius: 100px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notifications-badge {
    position: absolute;
    top: 0;
    right: 4px;
    background: var(--colorRed2);
    height: 10px;
    width: 10px;
    border-radius: 40px;
}

.user-dropdown .user-pic {
    width: 45px;
    height: 45px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.colorPeach {
    color: var(--colorPeachBG);
}

.edit-profile-pic {
    position: absolute;
    bottom: -7px;
    right: -4px;
    font-size: 10px;
    border: solid 1px var(--colorPeachBG);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: var(--colorPeachBG);
    background: #fff;
    cursor: pointer;
    display: none
}

.user-dropdown .user-pic img {
    width: 100%;
}

.user-dropdown .dropdown-toggle::after {
    display: none;
}

.user-dropdown .user-name {
    font-size: var(--fontSize18);
    font-weight: 600;
}

.user-dropdown .user-name i {
    color: var(--colorPeachBG);
}

.user-dropdown .View-as-member {
    font-size: var(--fontSize12);
    font-weight: 600;
    color: var(--colorPeachBG);
}

.user-dropdown .dropdown .nav-link {
    padding: 0;
}

.user-dropdown .dropdown .nav-link.show i.fas {
    transform: rotate(180deg);
}

.user-dropdown .dropdown-menu {
    width: 220 !important;
    max-width: 220px;
    border: #f1f1f1;
    box-shadow: 0 0 6px #ccc;
    border-radius: 16px;
    font-family: var(--montserrat-font);
    overflow: hidden;
    padding: 12px;
    top: 28px !important;
}

.user-dropdown .dropdown-menu li {
    margin: 5px 0;
}

.user-dropdown .dropdown-menu li .gap-1 {
    gap: 8px !important;
}

.user-dropdown .dropdown-menu .dropdown-item {
    border-radius: 8px;
    padding: 8px 16px 8px 16px;
    font-size: 16px;
    font-family: var(--montserrat-font) !important;
    font-weight: 500;
    color: var(--colorDarkCharcoal);
}

.user-dropdown .dropdown-menu .dropdown-item:focus,
.user-dropdown .dropdown-menu .dropdown-item:hover {
    background: #e6eff9;
}


/* main header /end */


/* sidebar */

.sidebar-outer {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 154px;
    max-height: 542px;
    margin-left: 24px;
    z-index: 1;
    flex: 1 0 90px !important;
}

.sidebar {
    background: var(--colorPeachBG);
    box-shadow: 0px 10px 15px -3px rgba(231, 122, 91, 0.3);
    border-radius: 24px;
    border: 0;
    padding: 0 0;
    position: absolute;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    width: 90px;
    /* overflow: hidden; */
}

.sidebar-outer-expand .sidebar {
    width: 90px;
}

.sidebar li {
    margin: 2px auto;
    width: 100%;
}

.sidebar a {
    color: var(--colorWhite);
    display: flex;
    height: 50px;
    padding: 0;
    border-radius: 0px;
    align-items: center;
    overflow: hidden;
    justify-content: center
}

.sidebar a:hover,
.sidebar a.show {
    background: rgba(255, 255, 255, 0.10);
    color: var(--colorWhite);
}

.menu-icon {
    width: 48px;
    height: auto;
    display: inline-flex;
    flex: 0 0 48px;
    justify-content: center;
    align-items: center;
}

.menu-icon img {
    width: 25px;
    height: auto;
}


/*.menu-name {
  display: none;
}*/

.menu-name {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    white-space: nowrap;
}

.sidebar-outer-expand .menu-name {
    opacity: 0
}

.sidebar-divider {
    border-color: var(--colorGrayX11);
    margin: 0.5rem 0;
}

.sidebar-divider.mt-3.mb-0 {
    margin: 0.5rem 0 !important;
}

.sidebar .dropdown-menu {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: none;
    transform: none !important;
    height: auto;
    margin: 0 !important;
    inset: revert !important;
    position: absolute !important;
    height: auto !important;
    left: 60px !important;
    top: -10px !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 8px;
    min-width: 200px;
}

.sidebar .dropdown-menu:before {
    content: '';
    /* Required to display content */
    position: absolute;
    /* Sets the position absolute to the top div */
    top: 0;
    left: 0;
    /* position the little arrow */
    margin-left: -10px;
    margin-top: 20px;
    /* Set margin equal to border px */
    width: 0;
    z-index: 1;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}

.sidebar .dropdown-menu:after {
    content: '';
    /* Required to display content */
    position: absolute;
    /* Sets the position absolute to the top div */
    top: -4px;
    left: -2px;
    /* position the little arrow */
    margin-left: -12px;
    margin-top: 24px;
    /* Set margin equal to border px */
    width: 0;
    z-index: 1;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid rgba(0, 0, 0, 0.08);
    z-index: 0;
    filter: blur(1px)
}

.sidebar .dropdown-menu li {
    width: auto;
    height: auto;
    /* padding: 2px 15px; */
    padding: 2px 0;
    margin: 0;
}

.sidebar .dropdown-menu li a {
    height: auto;
    color: var(--colorGraniteGray);
    justify-content: flex-start
}


/* .sidebar .dropdown-menu li:first-child a{
    font-weight: 600;
} */

.sidebar .dropdown-menu li p {
    white-space: nowrap;
    font-size: 16px;
}


/* Sidebar Menu Active State Styles */

.sidebar .nav-item.active,
.sidebar .navItem.active {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.dropdown-toggle::after {
    display: none;
}

.sidebar .nav-item.active .menu-icon img,
.sidebar .navItem.active .menu-icon img {
    filter: brightness(1.2) !important;
}


/* Active state for dropdown menu items */

.sidebar .dropdown-menu .nav-item.active {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 4px !important;
    position: relative !important;
}


/* Hover effects for active items */

.sidebar .nav-item.active:hover,
.sidebar .navItem.active:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.sidebar .nav-item.active:hover .nav-link,
.sidebar .navItem.active:hover .nav-link {
    background-color: rgba(255, 255, 255, 0.25) !important;
}


/* Bottom sheet active states */

.bottom-sheet .nav-item.active,
.bottom-sheet .navItem.active {
    background-color: rgba(0, 0, 0, 0.05) !important;
    margin: 2px 0 !important;
    position: relative !important;
}

.bottom-sheet .nav-item.active .nav-link,
.bottom-sheet .navItem.active .nav-link {
    font-weight: 600 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}


/* Force active states to persist */

[data-active-menu].active,
[data-active-link].active {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

@media screen and (min-width: 992px) {
    .sidebar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    .sidebar .dropdown .dropdown-menu {
        display: none;
    }
}


/* sidebar /end */


/* slider */

.top-slider {
    padding: 0;
}

.slick-initialized .slick-slide {
    border-radius: 16px;
    overflow: hidden;
    /* height: 200px; */
    height: 100%;
    margin: 0 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-light-pink {
    background: var(--colorLightPink);
}

.color-light-blue {
    background: var(--colorLightBlue);
}

.color-light-orange {
    background: var(--colorLightOrange);
}


/* show next slide half */

.top-slider .slick-list {
    padding: 0 35% 0 0;
    border-radius: 16px 0 0 16px;
    overflow: hidden;
}


/* show next slide half /end */

.slick-next,
.slick-prev {
    z-index: 5;
}

.slick-next {
    right: 15px;
}

.slick-prev {
    left: 15px;
}

.slick-next:before,
.slick-prev:before {
    color: var(--colorBlack);
    font-size: 26px;
}

.slider-content-top {
    color: var(--colorBlack);
    font-family: var(--montserrat-font) !important;
    margin-right: -24px;
}

.slider-content {
    width: 100%;
    height: 100%;
}

.slider-content-top .slider-text {
    padding: 30px;
    flex-grow: 1;
}

.slider-content-top .slider-text p {
    font-size: var(--fontSize12);
    color: var(--colorPeachBG);
    font-weight: 500;
}

.slider-content-top .slider-left-bottom-img {
    width: 145px;
    flex: 0 0 145px;
}

.slider-content-top .slider-text h2 {
    font-size: var(--fontSize20);
    line-height: 24px;
    color: var(--colorDarkCharcoal);
    font-family: var(--montserrat-font);
    font-weight: 700;
}

.btn-white {
    background: var(--colorWhite);
    border-radius: 30px;
    color: var(--colorPeachBG);
    font-weight: 600;
    font-size: var(--fontSize16);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.20);
}

.event-details {
    font-weight: 400;
    font-size: var(--fontSize14);
    align-items: start !important;
}

.enevt-detail .date {
    font-weight: 600;
    white-space: nowrap;
    min-width: 140px;
}

.event-details .event-location {
    align-items: start !important;
}

.event-details .event-location img {
    margin: 2px 0 0;
}

.btn-white:hover {
    background: var(--colorPeachBG);
    color: var(--bodyBg);
}

.slider-content-top .slider-text .enevt-detail p {
    font-weight: 500;
    font-size: var(--fontSize14);
    color: var(--colorGraniteGray);
}

.slick-dots li {
    width: auto;
    height: 10px;
}

.slick-dots li button {
    height: 6px;
    width: 6px;
    border-radius: 10px;
    background: var(--colorFreshAir);
    transition: all 0.5s ease-in-out;
    border: solid 1px var(--colorPeachBG);
}

.slick-dots li.slick-active button {
    width: 30px;
    background: var(--colorPeachBG);
}

.slick-dots li button:before {
    display: none;
}


/* slider /end */


/* responsive */

@media (max-width:1199px) {
    body {
        background: transparent;
    }
    .container {
        max-width: 100%;
    }
    .form-content {
        max-width: 100%;
    }
    .form-button-block {
        position: static;
    }
    @media (max-width:767px) {
        ul.form-stepper {
            padding: 0;
        }
        .form-stepper .label {
            display: none;
        }
        .form-stepper a.mx-3 {
            margin: 0 0.5rem !important;
        }
        .form-stepper .form-stepper-active .label {
            display: block;
        }
        ul.form-stepper li:first-child .label {
            transform: translate(0, 0);
            left: 0;
        }
        ul.form-stepper li:last-child .label {
            transform: translate(0, 0);
            left: auto;
            right: auto;
            width: 100%;
            margin: 0 auto;
            display: inline-block;
            position: relative;
        }
    }
}

.input-group .form-control.overflow-input {
    height: 46px
}

.right-content .gjs-cell {
    width: 1140px;
}


/* four-boxes-content */

.card-boxes {
    gap: 24px;
    padding-right: 0;
    /* margin: 32px 0 0; */
    margin: 62px 0 0;
}

.card {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
    border: none;
    border-radius: 16px;
}

.card-body {
    display: flex;
}

.card-arow {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.card-text p {
    font-size: var(--fontSize12);
    font-weight: 500;
    color: var(--colorDarkCharcoal);
}

.card-text h3 {
    font-size: var(--fontSize20);
    font-weight: 600;
    color: var(--colorDarkCharcoal);
    padding-right: 20px;
}

.front-PDF-section p.card-text {
    min-height: 95px;
}


/* four-boxes-content /end */


/* blue-section-content */

.user-blue-section {
    background: var(--colorLighttBlue2);
    margin: 10px 0 10px 0;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
}

.member-detail-container {
    padding: 24px 30px;
}

.member-detail .member-name {
    font-size: var(--fontSize24);
    font-weight: 700;
    color: var(--colorDarkCharcoal);
}

.member-since {
    font-size: var(--fontSize12);
    color: var(--colorGraniteGray);
    margin: 0 0 10px;
}

.member-detail {
    margin: 0 0 20px;
}

.member-detail h3 {
    font-size: var(--fontSize16);
    font-weight: 500;
    color: var(--colorGraniteGray);
}

.member-designations {
    margin: 0 0 30px;
}

.member-designations .designantion-box {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: var(--fontSize12);
    font-weight: 400;
    color: var(--colorGraniteGray);
}

.member-designations .designantion-box .designation {
    color: var(--colorDarkCharcoal);
    font-weight: 700;
    max-width: 74px;
}

.member-designations .divider-line {
    height: 2px;
    background: var(--colorPeachBG);
    width: 56px;
    margin: 10px 0 0;
}

.timline-btn .btn-primary {
    display: inline-flex;
    font-size: var(--fontSize16);
    line-height: 24px;
    height: 40px;
    padding: 0 12px !important;
}

.timline-btn .btn-primary:hover svg path {
    fill: var(--colorPeachBG);
}


/* blue-section-content /end */


/* upcoming-event-slider */

.upcoming-event-slider-container {
    margin: 30px 0px 80px;
}

.slider-title {
    font-size: var(--fontSize24);
    font-weight: 700;
    margin: 0 0 15px;
}

.upcoming-event-slider .slider-bx .event-text-box {
    padding: 0;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.upcoming-event-slider-container .slick-initialized .slick-slide {
    height: auto;
}

.upcoming-event-slider-container .slider-boxes {
    margin-right: -24px;
}

.upcoming-event-slider .slider-bx .event-text-box .text-box-border {
    border: solid 1px var(--colorDiamondBlue);
    padding: 16px;
    border-radius: 16px;
    background: var(--colorWhite);
}

.upcoming-event-slider .slider-bx .event-text-box .text-box-border .d-flex.gap-2 {
    gap: 16px;
}

.upcoming-event-slider .slider-bx .event-text-box .event-img-box {
    width: 88px;
    height: 80px;
    position: relative;
    flex: 0 0 88px;
}

.upcoming-event-slider .slider-bx .event-text-box .event-img-box .img-url {
    border-radius: 16px;
    overflow: hidden;
    width: 88px;
    height: 70px;
}

.upcoming-event-slider .slider-bx .event-text-box .event-img-box .status-tag {
    position: absolute;
    bottom: -5px;
    background: var(--colorLightGreen);
    border-radius: 20px;
    font-size: var(--fontSize12);
    font-weight: 500;
    color: var(--colorGreen);
    width: 100%;
    text-align: center;
    padding: 5px;
}

.upcoming-event-slider .slider-bx .event-text-box .event-img-box img {
    width: 100%;
}

.upcoming-event-slider .slider-bx .event-text-box .event-text p {
    font-size: var(--fontSize12);
    font-weight: 400;
    color: var(--colorPeachBG);
    margin: 0 0 0;
}

.upcoming-event-slider .slider-bx .event-text-box .event-text h3 {
    font-size: var(--fontSize16);
    font-weight: 600;
    margin: 0 0 10px;
}

.upcoming-event-slider .slider-bx .event-text-box .event-date-time {
    font-size: var(--fontSize12);
}

.event-sider-divider {
    position: relative;
    border: dashed 1px var(--colorGrayX11);
    height: 1px;
    margin: 15px 0px;
}

.event-sider-divider::before {
    content: "";
    width: 24px;
    height: 24px;
    background: var(--bodyBg);
    border: solid 1px var(--colorDiamondBlue);
    border-radius: 100%;
    left: -30px;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
}

.event-sider-divider::after {
    content: "";
    width: 24px;
    height: 24px;
    background: var(--bodyBg);
    border: solid 1px var(--colorDiamondBlue);
    border-radius: 100%;
    right: -30px;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
}

.event-slider-footer .remaining-days {
    font-size: var(--fontSize12);
    font-weight: 500;
    display: flex;
    gap: 5px;
    align-items: center;
}

.event-slider-footer .remaining-days span {
    font-weight: 700;
    font-size: var(--fontSize16);
}

.divid-border {
    width: 1px;
    background: var(--colorGrayX11);
    height: 20px;
}

.event-tag {
    font-size: var(--fontSize14);
    font-weight: 500;
    font-style: italic;
    color: var(--colorTextBlue);
}

.event-tag .parti-gif {
    width: 24px;
}

.event-text-box .promoted-tag {
    position: absolute;
    right: 14px;
    display: flex;
    align-items: center;
    background: var(--colorExtraLightOrange);
    padding: 5px 12px 5px 8px;
    border-radius: 15px;
    font-size: var(--fontSize12);
    font-weight: 600;
    top: 14px;
    color: var(--colorOrange);
}

.upcoming-event-slider .slick-list {
    padding: 0 15% 0 0;
    border-radius: 16px 0 0 16px;
    overflow: hidden;
}

.upcoming-event-slider-container .slick-next,
.upcoming-event-slider-container .slick-prev {
    top: auto;
    bottom: -80px;
    background-position: center center;
    width: 40px;
    height: 40px;
    opacity: 1;
    box-shadow: 0 6px 8px #ccc;
    border-radius: 100px;
    right: 20px;
    background-color: var(--colorWhite);
}

.upcoming-event-slider-container .slick-next::before,
.upcoming-event-slider-container .slick-prev::before {
    background: url(/public/storage/2024/07/29/cms/sliderarrow.png) no-repeat var(--colorWhite);
    content: "" !important;
    background-position: center center;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 1;
}

.upcoming-event-slider-container .slick-prev {
    right: 80px;
    left: auto;
}

.upcoming-event-slider-container .slick-next::before {
    transform: rotate(180deg)
}

.upcoming-event-slider-container .slick-next:hover::before {
    transform: rotate(0);
}

.upcoming-event-slider-container .slick-arrow:hover::before {
    background: url(/public/storage/2024/07/29/cms/sliderarrowhover.png) no-repeat var(--colorWhite);
    content: "" !important;
    background-position: center center;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 1;
}

.upcoming-event-slider-container .slick-prev:hover::before {
    transform: rotate(180deg);
}


/* upcoming-event-slider /end */


/* slider-flipster-container */

.slider-flipster-container {
    width: 100%;
    max-width: 100%;
    height: 320px;
    overflow: hidden;
    margin: auto;
    perspective: 1000px;
    position: relative;
    margin: 0 -30px;
}

.slider-flipster-wrapper {
    display: flex;
    position: relative;
    transition: transform 0.5s ease;
    transform-style: preserve-3d;
    margin: 0;
}

.slider-flipster-item {
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    border-radius: 16px;
    position: absolute;
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 0.5;
    cursor: pointer;
    overflow: hidden;
    padding: 30px;
}

.flipster-slider-body {
    background: url(/public/storage/2024/07/29/cms/filpster-slider-bg.png) no-repeat center center;
    background-size: cover;
    margin: 0;
    box-shadow: 0 0 30px #CCC;
    border-radius: 16px;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.flipster-slider-body h2 {
    font-size: var(--fontSize24);
    font-weight: 700;
    margin: 20px 0 10px;
    max-width: 75%;
}

.flipster-slider-body p {
    font-size: var(--fontSize16);
    font-weight: 400;
}

.flipster-footer {
    margin: auto 0 0;
    align-items: center;
}

.flipster-footer ul {
    margin: 0;
    padding: 0;
    gap: 16px;
    list-style: none;
}

.flipster-footer ul li {
    font-size: var(--fontSize16);
    font-weight: 400;
    position: relative;
    padding: 0 0 0 14px;
}

.flipster-footer ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--colorBrightGray);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.flipster-footer ul li:first-child {
    padding: 0;
}

.flipster-footer ul li:first-child::before {
    display: none;
}

.flipster-footer ul li .fbold {
    font-size: var(--fontSize12);
    font-weight: 600;
}

.slider-flipster-item.active {
    transform: translateX(0) scale(1);
    opacity: 1;
    z-index: 2;
}

.slider-flipster-item.left {
    transform: translateX(200px) rotateY(0) scale(0.6);
    z-index: 0;
    margin-left: 100px;
}

.slider-flipster-item.right {
    transform: translateX(100px) rotateY(0) scale(0.8);
    z-index: 1;
    opacity: 1;
    margin-left: 50px;
}

.flipster-footer .info {
    font-size: var(--fontSize12);
    font-weight: 600;
    color: var(--colorBlue2);
    background: var(--colorLighttBlue3);
    border-radius: 8px;
    padding: 8px 12px;
}

.okay-btn {
    padding: 0 20px;
}

@media (max-width: 768px) {
    .slider-flipster-container {
        height: 150px;
    }
    .slider-flipster-item {
        height: 150px;
    }
}

@media (max-width: 480px) {
    .slider-flipster-container {
        height: 100px;
    }
    .slider-flipster-item {
        height: 100px;
    }
}

.slider-flipster-item.right {
    transform: translateX(100px) rotateY(0) scale(0.8);
    z-index: 1;
    opacity: 1;
    margin-left: 50px;
}

.relation-select-wrapper {
    min-width: 180px;
}

.member-list ul.list-group {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

@media (max-width: 768px) {
    #i9uvri {
        max-width: 300px;
    }
    .slider-flipster-container {
        height: 150px;
    }
    .slider-flipster-item {
        height: 150px;
    }
}

@media (max-width: 480px) {
    .slider-flipster-container {
        height: 100px;
    }
    .slider-flipster-item {
        height: 100px;
    }
}


/* slider-flipster-container /end */


/* tabs-content-css */

.tabs-container {
    margin: 30px 0;
}

.tab-content {}

.member-list-container .member-box {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    border-radius: 16px;
    text-align: center;
    margin: 10px 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 20px);
}

.member-list-container .member-box .member-img {
    border-radius: 100%;
    overflow: hidden;
    display: inline-flex;
    width: 104px;
    height: 104px;
    margin: 0 auto 16px;
}

.member-list-container .member-box .member-name-detail .member-name {
    font-size: var(--fontSize12);
    font-weight: 600;
}

.member-list-container .member-box .member-name-detail .designation {
    font-size: var(--fontSize12);
}

.tabs-tab {
    font-size: var(--fontSize18);
    font-weight: 500;
    margin: 0 -10px;
}

.tabs-tab .tab {
    cursor: pointer;
    color: var(--colorGraniteGray);
    padding: 0;
    margin: 0 10px;
}

.tab.tab-active {
    color: var(--colorPeachBG);
    background-color: transparent;
    border-radius: 0;
    border-bottom: solid 2px var(--colorPeachBG);
    font-weight: 600;
}


/* tabs-content-css /end */

.event-textbx {
    font-size: var(--fontSize14);
    font-weight: 400;
}

.slick-track {
    margin-left: 0;
}

.exciting-event-slider .upcoming-event-slider .slick-track {
    display: flex;
}

.exciting-event-slider .upcoming-event-slider .slider-bx .event-text-box .event-img-box .status-tag {
    background: var(--colorLightGreen2);
    color: var(--colorDarkCharcoal);
    position: relative;
}

.exciting-event-slider .upcoming-event-slider .slider-bx .event-text-box .text-box-border {
    border: none;
    margin: 10px 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.10);
    height: calc(100% - 12px);
}

.exciting-event-slider .upcoming-event-slider .slider-bx .event-text-box .text-box-border .event-text {
    flex-grow: 1;
}

.exciting-event-slider .slider-title {
    margin-bottom: 5px !important;
}

.exciting-event-slider .slick-slider {
    margin-left: -10px;
}

.upcoming-event-slider .slider-bx .event-text-box .event-date-time .envet-btn .btn-primary {
    padding: 0 12px !important;
}

.upcoming-event-slider .slider-bx .event-text-box .event-date-time .envet-btn .btn-primary .gap-2 {
    gap: 4px !important;
}


/* your-committee-affiliation */

.your-committee-affiliation {
    margin: 110px 0 60px;
}

.your-committee-affiliation .committee-content-box {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    padding: 16px;
    border-radius: 16px;
    position: relative;
    height: 100%;
    background: var(--colorWhite);
    display: flex;
    flex-direction: column;
}

.your-committee-affiliation .committee-content-box .d-flex.align-items-center.justify-content-between {
    margin-top: auto;
}

.committee-content-box .committee-bx-title {
    padding-top: 5px;
}

.committee-bx-title {
    font-size: var(--fontSize16);
    font-weight: 700;
    margin: 0 0 5px;
    max-width: 75%;
}

.committee-bx-text {
    font-size: var(--fontSize14);
    font-weight: 400;
    color: var(--colorDarkCharcoal);
    margin: 0 0 10px;
}

.member-status {
    background: var(--colorBrightGray);
    border: solid 1px var(--colorGrayX11);
    border-radius: 30px;
    padding: 7px 10px 5px 20px;
    font-size: var(--fontSize10);
    font-weight: 500;
    position: absolute;
    right: 16px;
    top: 16px;
    display: flex;
    align-items: center;
    height: unset;
}

.member-status::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    border-radius: 10px;
    background: var(--colorGraniteGray);
}

.member-status.active {
    background: var(--colorLightGreen3);
    border-color: var(--colorGreenBorder);
    color: var(--colorGreen);
}

.member-status.active::before {
    background: var(--colorGreen);
}

.member-status.pending {
    background: var(--colorLightOrange);
    border-color: var(--colorOrangeBorder);
    color: var(--colorOrange2);
}

.member-status.pending::before {
    background: var(--colorOrange2);
}

.member-status.inactive {
    background: var(--colorLightRed);
    border-color: var(--colorRedBorder);
    color: var(--colorRed);
}

.member-status.inactive::before {
    background: var(--colorRed);
}

.showmember-link {
    font-weight: 600;
    font-size: var(--fontSize14);
    color: var(--colorPeachBG);
    gap: 3px;
}

.showmember-link img {
    width: 18px;
}

.committee-content-box .memebr-count {
    font-size: var(--fontSize12);
    color: var(--colorGraniteGray);
    margin-left: 0;
}

.committee-content-box .memebr-count .profBox {
    width: 34px;
    height: 34px;
    border-radius: 50rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1E1E1E;
    position: relative;
    margin-left: -20px;
    font-weight: 600;
    border: solid 0.5px #f1f1f1;
    font-size: 12px;
    overflow: hidden;
}

.commitee-box-container .committee-content-box .memebr-count {
    margin-left: 20px;
}


/* your-committee-affiliation /end */


/* directory-of-resources */

.directory-of-resources {
    margin: 30px 0;
}

.resources-content-box {
    height: 210px;
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    padding: 16px;
}

.resources-content-box::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) -60%, rgba(0, 0, 0, 0.1966911764705882) 80%);
}

.resources-img1 {
    background: url(https://unifyqa.datagrid.co.in//public/storage/2024/07/31/cms/resources-img.png) no-repeat center center;
    background-size: 100% 100%;
}

.resources-img2 {
    background: url(https://unifyqa.datagrid.co.in//public/storage/2024/07/31/cms/resources-img2.png) no-repeat center center;
    background-size: 100% 100%;
}

.resources-img3 {
    background: url(https://unifyqa.datagrid.co.in//public/storage/2024/07/31/cms/resources-img.png) no-repeat center center;
    background-size: 100% 100%;
}

.resources-content-box .committee-bx-title {
    color: var(--colorWhite);
    margin: auto 0 0;
    font-weight: 500;
    font-size: var(--fontSize22);
    position: relative;
}


/* directory-of-resources /end */


/* vendor-partners */

.vendor-partners {
    margin: 40px 0;
}

.vendor-partners .slider-title {
    margin-bottom: 3px !important;
}

.vendor-content-box {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    padding: 16px;
    border-radius: 16px;
    position: relative;
    margin: 12px 0;
    height: calc(100% - 24px);
}

.vendor-content-box .vendor-img {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.vendor-content-box .vendor-img img {
    width: 100%;
}

.vendor-img .promoted-tag {
    position: absolute;
    right: 14px;
    display: flex;
    align-items: center;
    background: var(--colorExtraLightOrange);
    padding: 5px 12px 5px 8px;
    border-radius: 15px;
    font-size: var(--fontSize12);
    font-weight: 600;
    top: 14px;
    color: var(--colorOrange);
}

.vendor-text {
    margin: 10px 0 0;
}

.blue-text {
    color: var(--colorPeachBG) !important;
}

.vendor-text h2 {
    font-size: var(--fontSize16);
    color: var(--colorDarkCharcoal);
    margin: 3px 0;
}

.vendor-text p {
    font-size: var(--fontSize12);
    color: var(--colorDarkCharcoal);
}

.vendor-name {
    font-size: var(--fontSize16);
    color: var(--colorDarkCharcoal);
    font-weight: 600;
}

.vendor-name .vendor-pic {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.vendor-name .vendor-pic img {
    width: 100%;
}

.vendor-contact ul {
    list-style: none;
    gap: 8px !important;
}

.vendor-contact ul li {
    font-size: var(--fontSize12);
    color: var(--colorDarkCharcoal);
}

.vendor-contact ul li:first-child {
    width: 100%;
}

.vendor-contact ul li .cnt-icon {
    width: 25px;
    flex: 0 0 25px;
}

.vendor-contact ul li span {
    word-break: break-all;
}

.vendor-contact ul li div {
    gap: 5px;
}


/* vendor-partners /end */


/* advantages-unify-slider */

.advantages-unify {
    margin: 40px 0 60px;
}

.advantages-unify-slider .advantages-slider-img-box img {
    height: 100%;
    width: 100%;
    object-fit: fill;
}

.advantages-unify-slider .slick-initialized .slick-slide {
    height: 230px;
}


/* advantages-unify-slider /end */


/* member listing page */

.title1 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 16px;
    font-family: var(--montserrat-font);
}

.title2 {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--montserrat-font);
}

.blue-section {
    background: var(--colorLighttBlue2);
    padding: 16px;
    border-radius: 16px;
}

.blue-section .blue-section-text {
    padding: 16px 16px 16px 30px;
}

.bule-box-img {
    margin: 0 30px 0 0;
}

.bule-box-img img {
    height: 100%;
}

.member-box-content {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    text-align: center;
    position: relative;
    padding: 24px 16px 16px;
    border-radius: 16px;
    overflow: hidden;
    margin: 12px 0;
}

.member-category {
    font-size: var(--fontSize12);
    color: var(--colorWhite);
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 16px 0;
    padding: 2px 16px;
}

.member-category.new {
    background-color: var(--colorGreen);
}

.member-category.popular {
    background-color: var(--colorRed);
}

.member-box-content .member-picture {
    border-radius: 100%;
    overflow: hidden;
    width: 104px;
    height: 104px;
    display: inline-block;
    margin: 0 0 16px;
    background: #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px auto;
}

.matrimonial-directory {
    padding: 0;
}

.matrimonial-directory .member-picture {
    margin: 0;
    width: 25%;
    height: auto;
    border-radius: 0;
    background: #e7e7e7;
}

.member-box-content .member-text-details {
    font-size: var(--fontSize12);
    line-height: 20px;
    margin: 0 0 16px;
}

.member-box-content .member-text-details .name {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize
}

.member-box-content .member-text-details .mem-location .d-flex {
    display: block !important;
}

.member-box-content .member-text-details .mem-location .d-flex span {
    display: block
}

.matrimonial-directory .member-text-details {
    padding: 30px;
    width: 79%;
    text-align: left;
}

.matrimonial-directory .member-text-details .name {
    font-size: 25px;
    font-weight: 700;
    text-align: left;
}

.card-header-title {
    font-size: 18px;
}

.member-tags ul {
    list-style: none;
    gap: 5px;
    align-items: center;
}

.matrimonial-directory .member-text-details header {
    background: transparent;
    position: relative;
    z-index: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.matrimonial-directory .member-text-details .member-id {
    display: block;
    font-size: var(--fontSize16);
    margin-top: 8px;
    font-weight: 500;
    colo: var(--text-color2);
}

.info-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* two columns */
    gap: 40px;
}

.info-grid .mem-location {
    display: grid !important;
    grid-template-columns: auto auto;
    /* label auto-width, value auto-width */
    justify-content: space-between;
    /* spread within column */
    align-items: center;
}

.info-grid .mem-location > span {
    color: #8a8f98;
    font-weight: 400;
    font-size: 16px;
    width: 150px;
    height: 25px;
    display: flex;
    align-items: flex-start;
}

.info-grid .mem-location > h6 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #0a0a23;
    text-align: left;
    width: 220px;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
    display: flex;
    align-items: flex-start;
}

.matrimonial-directory .mem-location {
    margin: 0;
}

.action-box ul {
    display: flex;
    margin: 0;
    padding: 0
}

.action-box ul li a {
    margin: 0 5px;
}

.btn-grey {
    height: 48px;
    background: var(--bgLightGrey-20);
    line-height: 48px;
    display: inline-block;
    width: 48px;
    padding: 12px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-grey svg {
    fill: #000;
}

.btn-grey:hover {
    background: var(--bgLightGrey-20);
}

.btn-grey:hover svg {
    fill: var(--colorPeachBG)
}

.btn-grey.message-btn svg {
    stroke: #000;
    fill: none
}

.btn-grey svg {
    width: 28px;
    height: 28px;
}

.btn-grey.message-btn:hover svg {
    stroke: var(--colorPeachBG);
    fill: none
}

.btn-grey:focus {
    background: var(--bgLightGrey-20);
}

.favorite-btn svg {
    fill: none;
    stroke: #000;
    stroke-width: 1;
    width: 25px;
    height: 23px;
}

.favorite-btn:hover svg {
    fill: var(--colorPeachBG);
    stroke: var(--colorPeachBG);
}

.favorite-btn.liked svg {
    fill: var(--colorPeachBG);
    stroke: var(--colorPeachBG);
    stroke-width: 1;
    width: 25px;
    height: 23px;
}

.blocked-indicator {
    color: #dc3545;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-right: 3px;
}

.member-tags ul .divider {
    width: 1px;
    background: var(--colorGrayX11);
    height: 100%;
}

.member-tags ul .year {
    font-size: var(--fontSize14);
    font-weight: 600;
}

.sort-options .member-count {
    font-size: var(--fontSize20);
    font-weight: 600;
    color: var(--colorBlack);
}

.sort-options .member-count .member-count-text {
    color: var(--colorPeachBG);
}


/* member listing page /end*/

.member-listing-serch-box .ms-options-wrap button,
.member-listing-serch-box .ms-options-wrap button:focus {
    border-radius: 30px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 20px 5px 15px;
}

.member-listing-serch-box .ms-options-wrap button:after {
    position: absolute;
    top: 50%;
    right: 14px;
    border: none;
    margin-top: 0;
    background: url(/public/storage/2024/07/24/cms/downarrow.png) no-repeat right var(--colorWhite) !important;
    width: 14px;
    height: 8px;
    transform: translate(0, -50%);
}

.member-listing-serch-box .ms-options-wrap .ms-options {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    border: none;
    padding: 16px;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul label {
    padding: 4px 4px 4px 32px;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul input[type=checkbox] {
    margin: 0 5px 0 0;
    position: absolute;
    left: 4px;
    top: 7px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: none;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul label.focused,
.member-listing-serch-box .ms-options-wrap .ms-options ul label:hover {
    background-color: transparent;
    border-color: transparent;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul li label {
    border-radius: 8px;
    position: relative;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul li.selected label {
    background-color: #e6eff9;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul li label::after {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 6px;
    top: 8px;
    content: "";
    background: url(/public/storage/2024/08/05/cms/blue-cross.png) no-repeat 0 0;
    display: none;
    cursor: pointer;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul li.selected input[type=checkbox] {
    display: none;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul li.selected label {
    padding: 4px 20px 4px 8px;
}

.member-listing-serch-box .ms-options-wrap .ms-options ul li.selected label::after {
    display: block;
}

.member-listing-serch-box .search-box {
    width: 100%;
}

.member-listing-serch-box .search-box #search-form .form-control {
    border-right: none !important;
}

.vendor-social-link {
    margin: 16px 0 0;
}

.vendor-social-link h3 {
    font-size: var(--fontSize12);
    font-weight: 600;
    margin: 0 0 10px;
}

.vendor-deatils .vendor-content-box {
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.vendor-deatils .vendor-content-box .vendor-img {
    background: #0061ae;
    text-align: center;
}

.vendor-deatils .vendor-content-box .vendor-img img {
    max-width: 100%;
    width: auto;
}

.vendor-deatils .vendor-content-box .vendor-text {
    margin: 0;
    padding: 16px;
}

.shodow-box {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.25);
    text-align: center;
    border-radius: 16px;
}

.membership-box {
    margin: 0 0 32px;
    height: calc(100% - 32px);
    position: relative;
}

.membership-box .recommended {
    background: #3F903C;
    padding: 5px 12px;
    border-radius: 6px;
    position: absolute;
    right: 20px;
    top: -20px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    font-family: var(--PublicSans);
}

.member-type {
    height: 100%;
}

.member-type h2 {
    font-size: var(--fontSize24);
    font-weight: 600;
    margin: 15px 0 0;
}

.member-type .days {
    font-size: var(--fontSize16);
    margin: 5px 0 15px 0;
    border-bottom: solid 1px #D9D9D9;
    padding: 0 0 10px;
}

.member-type .type-list {
    /*  height: calc(100% - 222px);*/
}

.member-type .type-list ul {
    padding: 0;
}

.member-type .days .large-text {
    font-size: var(--fontSize36);
    font-weight: 600;
}

.member-type .type-list {
    list-style: none;
}

.member-type .type-list li {
    background: url(/public/storage/2024/08/07/cms/circle-check.png) no-repeat left top;
    padding: 0 10px 0 30px;
    display: block;
    margin: 5px 0;
    text-align: left;
}

.tab-nav-style .tab {
    background: var(--colorWhite);
    border: solid 1px #e77a5c45;
    font-size: var(--fontSize14);
    border-radius: 5px;
    cursor: pointer;
    margin: 0 10px 5px 0;
}

.tab-nav-style .tab.tab-active {
    background-color: #e77a5c0f;
    color: var(--colorPeachBG);
    border-color: var(--colorPeachBG);
    position: relative;
}

.title-style {
    font-size: var(--fontSize24);
    font-weight: 600;
    margin: 0 0 5px;
}

.tab-body p {
    font-size: var(--fontSize16);
    font-weight: 400;
    margin: 0 0 16px;
}


/* ----------------- */

.my-event-tab .slider-bx .event-text-box {
    padding: 0;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.my-event-tab .search-box .form-control {
    border-right: none !important;
}

.my-event-tab-container .slick-initialized .slick-slide {
    height: auto;
}

.my-event-tab .slider-bx .event-text-box .text-box-border {
    border: solid 1px var(--colorDiamondBlue);
    padding: 16px;
    border-radius: 16px;
    background: var(--colorWhite);
}

.my-event-tab .slider-bx .event-text-box .event-img-box {
    width: 88px;
    height: 94px;
    position: relative;
    flex: 0 0 88px;
}

.my-event-tab .slider-bx .event-text-box .event-img-box .img-url {
    border-radius: 16px;
    overflow: hidden;
    width: 88px;
    height: 88px;
}

.my-event-tab .slider-bx .event-text-box .event-img-box .status-tag {
    position: absolute;
    bottom: -5px;
    background: var(--colorLightGreen);
    border-radius: 20px;
    font-size: var(--fontSize12);
    font-weight: 500;
    color: var(--colorGreen);
    width: 100%;
    text-align: center;
    padding: 5px;
}

.my-event-tab .slider-bx .event-text-box .event-img-box img {
    width: 100%;
}

.my-event-tab .slider-bx .event-text-box .event-text p {
    font-size: var(--fontSize12);
    font-weight: 400;
    color: var(--colorPeachBG);
    margin: 0 0 5px;
}

.my-event-tab .slider-bx .event-text-box .event-text h3 {
    font-size: var(--fontSize16);
    font-weight: 600;
    margin: 0 0 5px;
}

.my-event-tab .slider-bx .event-text-box .event-date-time {
    font-size: var(--fontSize12);
}

.my-event-tab .bx-left {
    padding: 16px 0 16px 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.my-event-tab .bx-left .event-date .d-flex p {
    margin: 4px 0 0 !important;
    !i;
    !;
}

.my-event-tab .bx-left .event-date .d-flex p .text {
    margin: 0 3px;
}

.my-event-tab .bx-left .event-date .d-flex img {
    width: 16px;
}

.my-event-tab .event-sider-divider {
    margin-top: auto;
}

.my-event-tab .event-sider-divider::after {
    right: -100%;
    margin-right: -32px;
}

.my-event-tab .bx-right {
    background: #FAFBFF;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-left: solid 1px #C0DFFF;
}

.my-event-tab .accordion-btn {
    display: none;
}

.my-event-tab .accordion-text {
    display: block !important;
}

.resources-tab .your-committee-affiliation .row .col-md-6 {
    margin: 0 0 24px;
}


/* ----------- */

.booking-details {
    font-family: var(--montserrat-font);
    padding: 16px;
}

.booking-details .txt-div p {
    font-size: var(--fontSize12);
    color: var(--colorGraniteGray)
}

.booking-details .txt-div h3 {
    font-size: var(--fontSize18);
    color: var(--colorDarkCharcoal);
    font-weight: 600;
}

.booking-btns .btn {
    border-width: 1px;
    font-size: var(--fontSize12);
    font-weight: 600;
    line-height: normal;
    height: auto
}

.my-donation-tab-content {
    background: var(--colorWhite);
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    font-family: var(--montserrat-font);
}

.donation-tab-left-content {
    background: #FAFCFF;
    padding: 24px;
    height: 100%;
}

.donation-tab-left-content p {
    font-size: var(--fontSize16);
    margin: 0 0 30px;
}

.my-donation-form {
    padding: 24px 24px 24px 0;
}

.my-donation-form small {
    font-size: var(--fontSize12);
    color: #999999;
}

.my-donation-form .form-group {
    margin: 0 0 32px;
}

.my-donation-form .form-label,
.my-donation-form label {
    font-family: var(--montserrat-font) !important;
    font-weight: 400 !important;
    color: var(--colorDarkCharcoal) !important;
}

.my-donation-form .row {
    margin: 0 -6px;
}

.cat-price {
    padding: 0 6px;
    min-width: 130px;
    margin: 6px 0;
}

.price-box {
    border: solid 1px #ccc;
    padding: 7px;
    position: relative;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 4px #ccc;
    background: #fff;
    cursor: pointer;
}

.input-icon-box .form-select {
    max-width: 100%;
    padding-left: 36px;
}

.price-box .recommended {
    background: #3F903C;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    color: var(--colorWhite);
    border-radius: 10px;
    text-align: 0;
    top: -24px;
    display: flex;
    left: 50%;
    transform: translate(-50%, 0);
    height: auto;
    font-family: var(--PublicSans);
}

.price-box .d-flex {
    gap: 8px;
    height: 100%;
}

.price-box .amount-detail {
    flex-grow: 1;
    font-size: var(--fontSize12);
    font-family: var(--montserrat-font);
}

.price-box .amount-detail .amount {
    font-weight: 600;
}

.otheramount {
    display: none;
}

.price-box.selected {
    border: solid 1px var(--btnPrimary);
    box-shadow: none;
}

.price-box.selected svg path {
    fill: #005CBF;
}

.timeline-tab-content {
    background: url(/public/storage/2024/08/20/cms/bgimg.png) no-repeat bottom right;
}

.timeline-tab-content .timeline-boxes {
    position: relative;
    padding: 20px 0 0;
}

.timeline-tab-content .timeline-boxes:before {
    content: "";
    width: 4px;
    height: auto;
    left: 38px;
    top: 40px;
    bottom: 40px;
    background: #BDDCFF;
    position: absolute;
}

.timeline-row {
    background: #fff;
    padding: 10px 10px 10px 50px;
    position: relative;
    margin: 0 0 50px 40px;
    border-radius: 10px;
    box-shadow: 0 0 4px #ddd;
}

.timeline-row .timeline-year {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: -40px;
    transform: translate(0, -50%);
    background: #E6EFF9;
    font-size: var(--fontSize18);
    font-weight: 700;
    font-family: var(--montserrat-font);
    border: solid 2px #f1f1f1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-text {
    font-size: 16px;
}

.timeline-text .fbold {
    font-weight: 700;
}


/* notification-dropdown */

.notification-dropdown {
    width: 440px;
    border: #f1f1f1;
    box-shadow: 0 0 6px #ccc;
    border-radius: 16px;
    font-family: var(--montserrat-font);
    overflow: hidden;
    max-width: calc(100vw - 24px);
}

.notifications-header .d-flex {
    flex-wrap: wrap !important;
}

.notification-list {
    overflow: auto;
    max-height: 300px;
    padding: 0;
    margin: 0;
}

.notification-dropdown li {
    padding: 15px;
}

.notification-list li {
    border-bottom: solid 1px #ccc;
}

.notification-list li:last-child {
    border: none;
}

.notification-dropdown li.notifications-header {
    padding: 5px 15px 5px 15px;
}

.notifications-feed .d-flex {
    gap: 10px;
}

.notifications-feed .not-pic {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 100px;
    overflow: hidden;
}

.notifications-header .d-flex {
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.notifications-header .notificationsfeeds {
    display: flex;
    gap: 10px;
    align-items: center;
}

.notifications-header .notificationsfeeds h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--montserrat-font);
}

.notifications-header .notificationsfeeds .selectnots {
    width: 80px
}

.notifications-header .notificationsfeeds .selectnots .form-select {
    height: auto;
}

.markall {
    font-size: var(--fontSize12);
    color: var(--colorPeachBG);
    font-weight: 600;
}

.notfi-btns {
    display: flex;
    gap: 10px;
}

.notfi-btns a {
    align-items: center;
    display: inline-flex;
    height: auto;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 600;
}

.notfi-date {
    font-size: 14px;
    font-weight: 500;
    color: #999999;
}

.notifications-feed .notifi-text {
    flex-grow: 1;
}

.notifications-feed .notifi-text h4 {
    font-size: var(--fontSize16);
    line-height: 24px;
    font-weight: 600;
}

.notifications-feed .notifi-text h4 strong {
    font-weight: 700;
}

.notifications-feed .notifi-text .notfi-btns {
    margin: 10px 0;
}

.notifications-feed blockquote {
    border-left: solid 5px #ccc;
    padding-left: 10px;
    font-size: 14px;
    margin: 5px 0 5px;
}


/* notification-dropdown /end */


/* edit-profile */

.edit-profile-form {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    border-radius: 16px;
    padding: 15px;
    position: relative;
    font-family: var(--montserrat-font);
}

.edit-profile-form .form-group label,
.edit-profile-form .form-group .form-label,
.edit-profile-form .form-group input.form-control,
.edit-profile-form .form-group .form-control {
    font-family: var(--montserrat-font) !important;
}

.edit-profile-form .fullname-input-group .input-group-prepend .input-group-text {
    height: 48px
}

.note-style1 {
    background: #FFFCF0;
    border: dashed 2px #E2DBBF;
    padding: 16px;
    color: var(--colorGraniteGray);
    border-radius: 16px;
}

.note-style1 h5 {
    font-weight: 600;
    font-size: 14px;
}

.note-style1 p {
    margin: 0;
    font-size: 14px;
}


/* .ecard-container */

.ecard-container {
    border: solid 1px var(--colorPeachBG);
    border-radius: 8px;
    overflow: hidden;
    background: var(--colorPeachBG);
}

.ecard-container .ecard-header {
    background: #fff;
    padding: 16px;
}

.ecard-container .ecard-header .eacrd-type h6 {
    font-size: var(--fontSize16);
    font-weight: 600;
    font-family: var(--montserrat-font) !important;
    margin: 0 0 10px;
}

.ecar-logo {
    width: 94px;
}

.ecard-container .ecard-header .eacrd-type p {
    font-size: var(--fontSize12);
    font-family: var(--montserrat-font) !important;
}

.ecard-body {
    background: url(/public/storage/2024/08/22/cms/mask-group.png) 0 0;
    padding: 16px;
    color: #fff;
}

.ecard-body .ecard-member {
    margin: 0 0 16px;
}

.ecard-body .ecard-member .mem-pic {
    border: solid 1px #E16449;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 100%;
}

.ecard-body .ecard-member .mem-pic img {
    width: 100%;
}

.ecard-body .ecard-member .mem-name {
    font-size: var(--fontSize16);
    font-family: var(--montserrat-font) !important;
    font-weight: 600;
    color: #fff;
}

.ecar-mem-details label,
.ecar-mem-details p {
    font-family: var(--montserrat-font) !important;
}

.ecar-mem-details label {
    font-weight: 300 !important;
    color: #fff !important;
    font-size: var(--fontSize10) !important;
}

.ecar-mem-details .form-group p {
    font-size: var(--fontSize12) !important;
    font-weight: 500 !important;
}


/* .ecard-container /end */


/* edit-profile /end */


/* business-page */

.page-title {
    font-size: var(--fontSize16);
    font-family: var(--montserrat-font);
    font-weight: 600;
}

.edit-link {
    font-size: var(--fontSize14);
    font-family: var(--montserrat-font);
    font-weight: 500;
    color: var(--colorPeachBG)
}

.vendor-deatils .vendor-text {
    padding: 0 !important;
}

.vendor-deatils .vendor-text h2 {
    font-size: var(--fontSize24);
    color: var(--colorDarkCharcoal);
    margin: 3px 0;
    font-weight: 600;
}

.vendor-deatils .vendor-text .discription {
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    margin: 0 0 20px;
}

.vendor-deatils .vendor-name {
    font-size: var(--fontSize18);
    color: var(--colorDarkCharcoal);
    font-weight: 600;
    margin: 10px 0;
}

.vendor-deatils .vendor-contact ul {
    display: block !important;
}

.vendor-deatils .vendor-contact ul li {
    font-size: var(--fontSize14);
    color: var(--colorDarkCharcoal);
    margin: 10px 0;
}

.vendor-deatils .vendor-contact ul li .d-flex {
    align-items: center;
}

.vendor-deatils .vendor-social-link h3 {
    font-size: var(--fontSize16);
    font-weight: 600;
    margin: 0 0 10px;
}


/* business-page /end*/


/* Responsive css */

.right-content .gjs-cell {
    max-width: 100%;
}

.tabs-container.home-member-tab {
    margin-top: 0 !important;
}

.tab {
    padding: 7px 14px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 10px;
}

.tabs-container.home-member-tab {
    margin-top: 0 !important;
}

.tab:focus {
    outline: none;
}

.tabs-container.home-member-tab {
    margin-top: 0 !important;
}

.tabs-container.home-member-tab {
    margin-top: 0 !important;
}

.tab-content {
    animation: fadeEffect 1s;
}

.tabs-container.home-member-tab {
    margin-top: 0 !important;
}

.tabs-container.home-member-tab {
    min-height: 100px;
    padding: 16px 0;
}

@media (max-width: 1199px) {
    .slider-flipster-item.right {
        transform: translateX(8.5%) rotateY(0) scale(0.8) !important;
    }
    .slider-flipster-item.left {
        transform: translateX(16%) rotateY(0) scale(0.6) !important;
    }
    .slider-flipster-container {
        overflow: visible !important;
    }
    .your-committee-affiliation .committee-content-box {
        height: 100%;
    }
}

@media (max-width: 991px) {
    .top-slider .slick-list {
        padding: 0 10% 0 0 !important;
    }
    .card-boxes {
        flex-wrap: wrap;
    }
    .card-boxes .gjs-cell.card {
        width: calc(50% - 24px);
        flex: 0 0 calc(50% - 12px);
    }
    .flipster-slider-body h2 {
        font-size: var(--fontSize16) !important;
        margin: 0 0 5px !important;
    }
    .flipster-slider-body p {
        font-size: var(--fontSize12) !important;
    }
    .flipster-footer ul {
        flex-wrap: wrap !important;
    }
    .flipster-footer ul li:last-child {
        flex: 0 0 100%;
        margin: 0px 0 20px;
        padding: 0;
    }
    .flipster-footer ul li:last-child::before {
        display: none;
    }
    .slider-flipster-container {
        height: 320px !important;
        overflow: visible !important;
    }
    .slider-flipster-item {
        height: 300px !important;
    }
}

@media (max-width: 768px) {
    .gjs-row {
        flex-wrap: wrap;
    }
    .sidebar-outer {
        display: none;
    }
    header .top-bar .dropdown {
        top: 0;
    }
    .top-slider .slick-list {
        padding: 0 15% 0 0 !important;
    }
    .slick-initialized .slick-slide {
        height: 300px !important;
        position: relative;
    }
    .slider-content-top .slider-text {
        position: relative;
        z-index: 1;
    }
    .slider-left-bottom-img {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        opacity: 0.5;
    }
    .slider-content-top .slider-content .event-details {
        max-width: 75%;
        flex-wrap: wrap;
    }
    .slider-content-top .slider-content .event-details .enevt-detail {
        flex-wrap: wrap;
    }
    .slider-content-top .slider-text h2 {
        font-size: var(--fontSize16) !important;
        line-height: normal !important;
    }
    .enevt-detail .date {
        white-space: nowrap;
    }
    .upcoming-event-slider-container {
        margin: 30px 0px 10px !important;
    }
    .upcoming-event-slider {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .exciting-event-slider .upcoming-event-slider {
        gap: 8px;
    }
    .slider-flipster-container {
        height: 320px !important;
        margin: 0 -20px !important;
        overflow: visible !important;
    }
    .slider-flipster-item {
        height: 300px !important;
    }
    .slider-flipster-item.right {
        transform: translateX(40px) rotateY(0) scale(0.8) !important;
        margin-left: 6% !important;
    }
    .slider-flipster-item.left {
        transform: translateX(80px) rotateY(0) scale(0.6) !important;
        margin-left: 12% !important;
    }
    .your-committee-affiliation .committee-content-box {
        height: auto;
        margin: 12px 0;
    }
    .resources-content-box {
        margin: 12px 0;
    }
    .your-committee-affiliation {
        margin: 30px 0 30px !important;
    }
    .vendor-partners {
        margin: 30px 0 !important;
    }
    .advantages-unify {
        margin: 30px 0 30px !important;
    }
    .tab-contents {
        padding-bottom: 0 !important;
    }
    .tabs-container.home-member-tab {
        margin-top: 0 !important;
    }
    .user-dropdown .user-name,
    .user-dropdown .View-as-member {
        display: block!important;
    }
    .user-dropdown .dropdown-menu {
        width: auto !important;
        min-width: 200px;
    }
    .slider-title {
        font-size: var(--fontSize20);
        margin: 0 0 10px;
    }
    .blue-section {
        background: transparent;
    }
    .blue-section .blue-section-text {
        padding: 0;
    }
    .bule-box-img img {
        height: auto;
        width: 120px;
    }
    .blue-section-text .boxheading {
        font-size: var(--fontSize16);
    }
    .blue-section-text .member-count {
        font-size: var(--fontSize12);
        font-weight: 500;
        color: var(--colorGraniteGray);
    }
    .blue-section .gjs-cell {
        min-height: 10px;
    }
    .member-details .member-img-box {
        max-width: 100px;
        margin: 0 0 5px;
    }
    .member-details .member-info,
    .vendor-deatils .vendor-text .discription,
    .vendor-deatils .vendor-name {
        font-size: var(--fontSize14);
    }
    .member-details .member-info .name,
    .vendor-deatils .vendor-text h2 {
        font-size: var(--fontSize16);
    }
    .gjs-row.card-boxes {
        justify-content: center;
    }
    .card-boxes .gjs-cell.card {
        min-width: 250px;
    }
    .right-content .gjs-cell.member-detail-container {
        padding: 16px;
    }
    .my-event-tab .bx-left {
        padding: 16px 8px;
    }
    .my-event-tab .event-sider-divider::after {
        right: -30px;
        margin-right: 0;
    }
    .my-event-tab .bx-right {
        border-radius: 0 0 16px 16px;
        border-left: none;
        border-top: solid 1px #C0DFFF;
    }
    .my-event-tab .accordion-btn {
        display: none;
    }
    .my-event-tab .accordion-text {
        display: none !important;
        /* Hidden by default */
    }
    .my-event-tab .accordion-text.visible {
        display: block !important;
        /* show by click */
    }
    .my-event-tab .accordion-btn {
        position: absolute;
        left: 50%;
        width: 30px;
        height: 30px;
        background: #fff;
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
        flex: 0 0 30px;
        border: solid 1px #ccc;
        border-radius: 100px;
        transform: translate(-50%, 0);
        bottom: -15px;
    }
    .my-event-tab .accordion-btn span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        width: 30px;
    }
    .my-event-tab .booking-details {
        position: relative;
        padding-bottom: 32px !important;
    }
    .my-event-tab .slider-bx .event-text-box {
        padding: 0 0 16px;
    }
    .my-event-tab .slider-bx .event-text-box {
        padding-bottom: 16px !important;
    }
    .resources-tab .your-committee-affiliation .row .col-md-6 {
        margin: 0 0;
    }
    .my-donation-tab-content {
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    }
    .donation-tab-left-content,
    .my-donation-form {
        background: #fff;
        padding: 16px;
    }
    .timeline-tab-content {
        background: none;
    }
    .timeline-row {
        background: #fff;
        padding: 5px 10px 5px 5px;
        position: relative;
        margin: 0 0 40px;
        border-radius: 70px 10px 10px 70px;
        box-shadow: 0 0 4px #ddd;
    }
    .timeline-row .timeline-year {
        position: static;
        width: 80px;
        height: 80px;
        flex: 0 0 80px;
        transform: none;
        display: flex;
        border: none;
    }
    .timeline-row .d-flex {
        gap: 16px;
    }
    .timeline-text {
        font-size: 14px;
    }
    .title-style {
        font-size: 18px;
    }
    .tab-body p,
    .booking-details .txt-div h3 {
        font-size: 14px;
    }
    .member-type h2 {
        font-size: 18px;
    }
    .member-type .days .large-text {
        font-size: 24px;
    }
    .member-type .days,
    .current-committees-tab h4 {
        font-size: 16px;
    }
    .committee-bx-text {
        font-size: 12px;
    }
    .headerMenu ul {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    .headerMenu ul li {
        width: 96%;
        margin: auto;
        float: none;
    }
    .headerMenu ul li:hover {
        color: white;
        /*background: var(--btnPrimary);*/
        background: unset;
        font-weight: 600;
        border-radius: 10px;
    }
    .headerMenu ul li a {
        align-items: center
    }
    .front-menu .headerMenu ul li:hover {
        background-color: transparent
    }
}

@media (max-width: 480px) {
    .slider-flipster-container {
        height: 380px !important;
    }
    .slider-flipster-item {
        height: 380px !important;
    }
    .slider-flipster-item.right {
        transform: translateX(40px) rotateY(0) scale(0.8) !important;
        margin-left: 20px !important;
    }
    .slider-flipster-item.left {
        transform: translateX(80px) rotateY(0) scale(0.6) !important;
        margin-left: 40px !important;
    }
    .flipster-footer {
        flex-wrap: wrap !important;
    }
    .flipster-slider-body h2 {
        max-width: 100% !important;
    }
    .cat-price {
        width: 50%;
    }
    .headerWrapper .headerMenu {
        margin-right: 0 !important;
    }
}

@media (max-width: 380px) {
    .slider-flipster-item.right {
        transform: translateX(40px) rotateY(0) scale(0.8) !important;
        margin-left: 10% !important;
        max-width: 90% !important;
    }
    .slider-flipster-item.left {
        transform: translateX(80px) rotateY(0) scale(0.6) !important;
        margin-left: 20% !important;
        max-width: 80% !important;
    }
}


/* Responsive css /end */


/* Front End side css */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Kulim+Park:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&display=swap');
@font-face {
    font-family: 'TT-Commons-Regular';
    src: url('/public/admin_assets/fonts/TT-Commons/TT-Commons-Regular.otf') format('woff')
}

@font-face {
    font-family: 'TT-Commons-Medium';
    src: url('/public/admin_assets/fonts/TT-Commons/TT-Commons-Medium.otf') format('woff')
}

@font-face {
    font-family: 'TT-Commons-ExtraBold';
    src: url('/public/admin_assets/fonts/TT-Commons/TT-Commons-ExtraBold.otf') format('woff')
}

:root {
    --bgMain: #0265C3;
    --bgPrimary: #170F49;
    --outfit: "Outfit", sans-serif;
    --btnPrimary: #005CBF;
    --btnSecondary: #F26E1B;
    --bgFooter: #000626;
    --black: #1E1E1E;
    --text-color1: #000831;
    --text-color2: #808080;
    --text-color3: #6A6A6B;
    --text-color4: #525E6F;
    --text-color5: #121212;
    --text-color6: #475467;
    --text-color7: #000626;
    --text-color8: #0265C3;
    --text-color9: #333333;
    --text-color10: #333840;
    --text-color11: #1B2559;
    --text-color12: #68769F;
    --text-color13: #E0E0E0;
    --text-color14: #011C2A;
    --text-color15: #231D4F;
    --text-color16: #848199;
    --text-color17: #3B3472;
    --text-color18: #4B6BFB;
    --text-color19: #303A42;
    --text-color20: #0093FF;
    --font-xxx-large: 45px;
    --font-xx-large: 40px;
    --font-xxlarge: 38px;
    --font-xlarge: 35px;
    --font-x2large: 33px;
    --font-x-large: 30px;
    --font-large: 29px;
    --font-mlarge: 26px;
    --font-x-medium: 24px;
    --font-xmedium: 21px;
    --font-medium: 19px;
    --font-regular: 18px;
    --font-regular-small: 17px;
    --font-small: 16px;
    --font-x-small: 15px;
    --font-xx-small: 14px;
    --font-xxx-small: 13px;
    --font-xs-small: 12px;
}

html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    font-family: var(--outfit);
    font-size: var(--font-small);
    overflow-x: hidden;
    background-color: var(--colorWhite);
    touch-action: manipulation;
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
    color: var(--bgPrimary);
    cursor: pointer;
}

ul {
    margin: 0;
    list-style: none;
}

.container {
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

.container-lg {
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

img {
    max-width: 100%;
}

.headerWrapper .btn,
.container .btn {
    padding: 10px 20px;
    font-family: var(--outfit);
    line-height: normal;
    cursor: pointer;
    display: inline-block;
    height: fit-content;
    color: var(--colorWhite);
    height: fit-content;
}

.btnPrimary {
    background: rgb(14, 148, 214);
    background: -moz-linear-gradient(162deg, rgba(14, 148, 214, 1) 0%, rgba(0, 92, 191, 1) 100%);
    background: -webkit-linear-gradient(162deg, rgba(14, 148, 214, 1) 0%, rgba(0, 92, 191, 1) 100%);
    background: linear-gradient(162deg, rgba(14, 148, 214, 1) 0%, rgba(0, 92, 191, 1) 100%);
    border-radius: 20px 0px 20px 20px;
    transition: 0.3s;
    font-size: var(--font-small);
    border: 1px solid var(--colorWhite);
}

.btnPrimary:hover {
    background: linear-gradient(to bottom, rgba(14, 148, 214, 1), rgba(0, 92, 191, 1));
    border: 1px solid rgba(0, 92, 191, 1);
    border-radius: 20px 20px 20px 20px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btnPrimary:hover svg path {
    background: linear-gradient(to bottom, rgba(242, 110, 27, 1), rgba(0, 92, 191, 1));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btnSecondary {
    background: rgb(242, 110, 27);
    background: -moz-linear-gradient(162deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    background: -webkit-linear-gradient(162deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    background: linear-gradient(162deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    border-radius: 0px 20px 20px 20px;
    transition: 0.3s;
    font-size: var(--font-small);
    border: 1px solid var(--colorWhite);
}

.btnSecondary:hover {
    background: linear-gradient(to right, rgba(242, 110, 27, 1), rgba(198, 2, 92, 1));
    border: 1px solid rgba(198, 2, 92, 1);
    border-radius: 20px 20px 20px 20px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btnDefault {
    background: linear-gradient(to bottom, #0E94D6, #000D80);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 2px solid #0E94D6;
    border-radius: 0px 20px 20px 20px;
    transition: all 0.3s ease;
    font-size: var(--font-small);
}

.btnDefault:hover {
    border: 2px solid #0E94D6;
    border-radius: 20px 20px 20px 20px;
}

.btnDefault svg,
.btnSecondary svg,
.btnPrimary svg {
    width: 22px;
}

.btnSecondary:hover svg path {
    stroke: rgba(198, 2, 92, 1) !important;
}

.btnPrimary:hover svg path {
    stroke: rgba(0, 92, 191, 1) !important;
}

input,
select {
    width: 100%;
    height: 35px;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid #ced4da;
}

input:focus,
select:focus {
    border: 1px solid var(--btnSecondary);
}

.headerWrapper {
    position: fixed;
    margin: auto;
    width: 100%;
    top: 0;
    /* background-color: transparent; */
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 3;
    transition: height 0.3s ease;
}

.headerMenu .navBar {
    display: flex;
    margin-right: 25px;
}

.headerMenu .navBar .navItem .navLink {
    font-size: 14px;
    font-weight: 500;
    color: #1a0a00;
    font-family: var(--bjmm-font-poppins);
}

.headerMenu .navBar .navItem .navLink.active {
    color: var(--bgMain);
    font-weight: 600;
}

.headerMenu .navBar .navItem .navLink:hover {
    /*color: var(--bgMain);*/
    color: #C8102E !important;
}

.front-menu .headerMenu .navBar .navItem .navLink:hover {
    color: var(--colorPeachBG);
}

.headerMenu {
    /* background-color: cornflowerblue; */
    /* min-height: 60px; */
    z-index: 999;
}

.front-menu .headerMenu {
    position: static;
}

.sm-header {
    background-color: var(--bgPrimary);
}

.headerMenu ul {
    position: relative;
    padding: 0;
    margin: 10px 0;
}

.headerMenu ul li {
    position: relative;
    list-style: none;
    float: left;
}

.headerMenu ul li .downArrow {
    position: absolute;
    right: 1px;
    top: 14px;
    font-size: 15px;
}

.headerMenu ul li a {
    font-size: 14px;
    color: white;
    font-family: var(--montserrat);
    padding: 10px 18px;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    /* position:relative; */
}

.headerMenu ul li:hover {
    color: var(--bgGreen);
}

.headerMenu ul li ul.dropdown {
    /* position: absolute;
  left: 0;
  width:300px;
  background-color: rgba(255,255,255,0.85);
  display: none;
  padding: 17px 0;
  margin: 0;
z-index:99;*/
    position: absolute;
    /*  top: 100%;*/
    top: 30px;
    left: 0;
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-top: 3px solid var(--bjmm-gold-accent);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    padding: 8px 0;
    min-width: 180px;
    display: none;
    z-index: 60;
}

.headerMenu ul li ul.dropdown li {
    border-bottom: 1px solid #fff
}

.headerMenu ul li ul.dropdown li:last-child {
    border: 0
}

.headerMenu ul li ul.dropdown li a {
    font-weight: 600;
    padding: 10px 18px;
    color: #111;
    border-left: 3px solid transparentb;
}

.headerMenu ul li:hover > ul {
    display: block;
}

.headerMenu ul li ul li {
    position: relative;
    width: 100%;
    /* padding-left:10px; */
}

.headerMenu ul li ul li ul.submenu {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    /* padding-left: 15px; */
}


/* .headerMenu ul li ul li ul.submenu li {
    width: 100%;
} */

.headerMenu ul li ul li ul.submenu li a {
    font-weight: 400;
    padding-left: 15px;
    position: relative;
    font-family: var(--openSans);
}

.headerMenu ul li ul li ul.submenu li a {
    font-size: 13px;
    padding: 7px 41px;
}

.headerMenu ul li ul li ul.submenu li a::before {
    content: "\f105";
    position: absolute;
    left: 27px;
    top: 10px;
    font-family: FontAwesome;
    font-size: 12px;
    color: #fff;
}

.headerMenu ul li ul.dropdown li a.navLink:hover {
    background-color: #fffbeb;
    border-left: 3px solid rgb(245, 168, 0);
}

.footer .navBar {
    display: block;
    margin-right: 0;
}

.footer .navItem {
    margin-bottom: 10px;
}

.footer.fResourcesMenu ul li:first-child {
    display: none;
}

.banner {
    position: relative;
}

.banner::before {
    content: "";
}

.headerMenu .navBar .navItem .navLink.active-link {
    border-bottom: 2px solid var(--colorSapphireBlue);
    color: var(--colorSapphireBlue);
    font-weight: 600;
}

#filter_form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogListWrapper {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.blogListWrapper .bList {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.blogListWrapper .bList .bImg {
    margin-bottom: 20px;
    width: 100%;
    border-radius: 10px;
}

.blogListWrapper .bList .bTitle a {
    font-size: var(--font-x-medium);
    font-weight: 600;
}

.blogListWrapper .bList .bDate {
    font-size: 14px;
    margin-bottom: 10px;
}

.blogListWrapper .bList .bSdesc {
    margin-bottom: 10px;
}

.blogListWrapper .bList .bBottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerWrapper {
    background-color: var(--bgFooter);
    background-image: url(/public/storage/2024/07/25/cms/hero-tech-wave-bg-1-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

.brand-logo {
    width: 160px;
}

.headerWrapper .navItem {
    position: relative;
    line-height: 50px;
}

.headerWrapper .dropdown {
    display: none;
    position: absolute;
    background-color: var(--colorWhite);
    min-width: 126px;
    /* box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); */
    z-index: 1;
    list-style-type: none;
    margin: 0;
    padding: 8px 4px;
    border-radius: 10px;
    border: 1px solid #ccc;
    top: 45px;
}

.headerWrapper .dropdown .navItem {
    font-size: 12px !important;
    padding: 5px 10px;
    line-height: 20px;
}

.headerWrapper .dropdown .navLink {
    font-size: 13px !important;
}

.headerWrapper .navItem:hover .dropdown {
    display: block;
}

.headerMenu .navBar .navItem .navLink .downArrow {
    margin-left: 7px;
}

.content-heading1 {
    color: var(--text-color1);
    font-size: var(--font-xx-large);
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
}

.content-heading2 {
    font-size: var(--font-xlarge);
    color: var(--text-color1);
    font-weight: 500;
}

.content-heading3 {
    font-size: var(--font-x-large);
    color: var(--text-color1);
    font-weight: 600;
}

.content-heading4 {
    color: var(--text-color1);
    font-size: var(--font-xx-large);
    font-weight: 500;
    line-height: 1.2;
}

.content-heading6 {
    font-size: var(--font-x-large);
    color: var(--text-color1);
    font-weight: 600;
    line-height: 1.4;
}

.block-heading1 {
    font-size: var(--font-regular);
    color: var(--text-color1);
}

.para-primary-text {
    font-size: var(--font-regular);
    font-weight: 500;
    color: var(--text-color2);
}

.para-group-title {
    font-size: var(--font-small);
    color: var(--text-color1);
    font-weight: 500;
}

.para-secondary-text {
    font-size: var(--font-x-small);
    font-family: 'TT-Commons-Regular' !important;
    color: var(--text-color3);
    margin-top: 5px;
}

.img-fluid {
    max-width: 100%;
}

.w-100 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.owl-carousel button.owl-dot {
    border: 1px solid #C4C4C4;
    width: 15px;
    border-radius: 100%;
    height: 16px;
    margin: 4px;
    background-color: var(--colorWhite);
}

.owl-carousel button.owl-dot.active {
    background: -webkit-linear-gradient(162deg, rgba(14, 148, 214, 1) 0%, rgba(0, 92, 191, 1) 100%);
    background: linear-gradient(162deg, rgba(14, 148, 214, 1) 0%, rgba(0, 92, 191, 1) 100%);
    border: 1px solid linear-gradient(162deg, rgba(14, 148, 214, 1) 0%, rgba(0, 92, 191, 1) 100%);
}

.carousel-full .owl-dots {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(30%, -50%) rotate(90deg);
}

.scrolled {
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
    transition: height 0.3s ease;
    backdrop-filter: blur(10px);
}

.group-image {
    display: flex;
    justify-content: start;
    align-items: center;
}

.group-image img {
    width: 50px !important;
    height: 50px;
}

.group-image img:not(:nth-of-type(1)) {
    position: relative;
    margin-left: -14px;
}

.group-text {
    color: #474F77;
    font-size: var(--font-x-medium);
    font-weight: 600;
}

.group-text2 {
    color: #474F77;
    font-size: var(--font-regular);
    font-weight: 500;
}

.gradient1 {
    background: rgb(215, 230, 244);
    background: -moz-linear-gradient(180deg, rgba(215, 230, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(215, 230, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(180deg, rgba(215, 230, 244, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.gradient2 {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(215, 230, 244, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(215, 230, 244, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(215, 230, 244, 1) 100%);
}

.text-center {
    text-align: center;
}

.card-box {
    border-radius: 20px;
    background-color: var(--colorWhite);
    text-align: center;
    padding: 2px 12px 20px 12px;
    min-height: 242px;
}

.card-box img {
    text-align: center;
    width: 53%;
}

.d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flex-start {
    display: flex;
    justify-content: start;
    align-items: center;
}

.btn-action {
    position: relative;
    z-index: 2;
}

.big-image {
    position: relative;
    z-index: 1;
    top: -4rem;
    width: 76%;
}

.shade-1 {
    background-color: rgba(215, 230, 244, 1);
}

.shade-2 {
    background-color: rgba(2, 101, 195, 1)
}

.shade-3 {
    background: rgb(9, 112, 195) !important;
    background: -moz-linear-gradient(180deg, rgba(2, 101, 195, 1) 0%, rgba(4, 69, 173, 1) 100%) !important;
    background: -webkit-linear-gradient(180deg, rgba(2, 101, 195, 1) 0%, rgba(4, 69, 173, 1) 100%) !important;
    background: linear-gradient(180deg, rgba(2, 101, 195, 1) 0%, rgba(4, 69, 173, 1) 100%) !important;
}

.shade-4 {
    /* background-color: rgba(4, 69, 173, 1) !important; */
    background: rgb(4, 69, 173);
    background: -moz-linear-gradient(180deg, rgba(4, 69, 173, 1) 0%, rgba(0, 6, 38, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(4, 69, 173, 1) 0%, rgba(0, 6, 38, 1) 100%);
    background: linear-gradient(180deg, rgba(4, 69, 173, 1) 0%, rgba(0, 6, 38, 1) 100%);
}

.p-0 {
    padding: 0;
}

.bg-white {
    background-color: var(--colorWhite);
}

.bg-light-gray {
    background-color: #F6F7F9;
}

.dot-icon {
    width: 5px;
    height: 5px;
    background-color: #FF5B2E;
    border-radius: 100%;
    position: relative;
    top: 39%;
}

.curve-right {
    border-radius: 0 13rem 0 0;
}

.curve-right-left {
    border-radius: 0 13rem 0 13rem;
}

.curve-left {
    border-radius: 0 0 0 13rem;
}

.para-default-text {
    font-size: var(--font-x-small);
    font-family: 'TT-Commons-Regular' !important;
    color: var(--text-color3);
    margin-top: 10px;
    line-height: 1.3;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.content-heading3 {
    font-size: var(--font-large);
    color: var(--text-color1);
    font-weight: 500;
    text-transform: capitalize;
}

.para-group-title2 {
    font-size: var(--font-regular);
    color: var(--text-color1);
    font-weight: 600;
    padding: 10px 10px 0px 10px;
}

.para-secondary-text2 {
    font-size: var(--font-x-small);
    font-family: 'TT-Commons-Regular' !important;
    color: var(--text-color4);
    margin-top: 7px;
    padding: 5px 10px 10px 10px;
}

.gray-card-box {
    background-color: #F6F7F9;
    border-radius: 12px;
    padding: 10px 15px;
}

.fixed-height {
    min-height: 92px;
}

.rounded-image-12 {
    border-radius: 12px;
}

.rounded-image-8 {
    border-radius: 8px;
}

.key-Features-container .owl-carousel .owl-stage-outer {
    height: calc(100% - 235px);
}

.key-Features-container .owl-carousel .owl-stage {
    height: 100%;
}

.carousel-thumbnail .owl-item {
    padding: 5px;
}

.key-Features-container .carousel-thumbnail .owl-item {
    height: 100%;
}

.key-Features-container .carousel-thumbnail .owl-item .gjs-cell {
    height: 100%;
}

.key-Features-container .carousel-thumbnail .owl-item .gjs-cell .gray-card-box {
    height: 100%;
}

.solution-container .card-box-container .box-container,
.solution-container .card-box-container .box-container .card-box {
    height: 100%;
}

.carousel-thumbnail .owl-dots {
    display: flex !important;
    justify-content: center;
    margin-top: 20px;
}

.carousel-thumbnail {
    padding: 30px 5px 50px 5px
}

.curve-background {
    background-image: url(/public/storage/2024/07/25/cms/hero-tech-wave-bg-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.testimonial-sl {
    border-radius: 50px;
    padding: 50px 10px 5px 10px;
    background-color: rgba(0, 0, 0, 0.3);
    border: 3px solid #0E94D6;
}

.ptb-50 {
    padding: 50px 20px;
}

.carousel-thumbnail .owl-dots button.owl-dot {
    border: 0;
    width: 12px;
    border-radius: 100%;
    height: 12px;
    margin: 3px;
    background-color: #E1E2E2;
}

.carousel-thumbnail-2 .owl-dots button.owl-dot {
    border: 0;
    width: 42px;
    border-radius: 10px;
    height: 5px;
    margin: 5px;
    background-color: #E1E2E2;
}

.testimonial-quote {
    font-size: var(--font-regular-small);
    color: var(--colorWhite);
    padding: 10px 10px 29px 0px;
    font-weight: 500;
    line-height: 23px;
    position: relative;
    z-index: 2;
}

.testimonial-quote-person {
    font-size: 20px;
    color: var(--colorWhite);
    font-weight: 600;
    padding: 10px 10px 0px 0px;
}

.testimonial-quote-designation {
    font-size: var(--font-x-small);
    color: var(--colorWhite);
    font-weight: 300;
    padding: 0px 10px 10px 1px;
}

.h-100 {
    height: 100%;
}

.brd-logo {
    margin-top: -4.5rem;
    width: 121px !important;
}

.position-relative {
    position: relative;
}

.quote-1 {
    width: 100px !important;
    position: absolute;
    top: -32px;
    left: 0;
}

.quote-2 {
    width: 100px !important;
    position: absolute;
    bottom: 25px;
    right: 25px;
}

.carousel-full-quote .owl-nav {
    display: block !important;
    position: absolute;
    top: 45%;
    width: 100%;
}

.carousel-full-quote .owl-prev,
.carousel-full-quote .owl-next {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border: none;
    outline: none;
}

.carousel-full-quote .owl-prev {
    background-image: url('http://192.168.2.26:8035/public/storage/2024/07/25/cms/chevron-left.png') !important;
    margin-left: -2rem;
}

.carousel-full-quote .owl-next {
    background-image: url('http://192.168.2.26:8035/public/storage/2024/07/25/cms/chevron-right.png') !important;
    position: absolute;
    right: -2rem;
}

.carousel-full-quote .owl-prev span,
.carousel-full-quote .owl-next span {
    display: none;
}

.ptb-40 {
    padding: 50px 10px 20px 10px;
}

.light-box {
    background-color: var(--colorWhite);
    border-radius: 10px;
    padding: 0 !important;
}

.light-box {
    padding: 10px 10px;
}

.light-box-text {
    font-size: var(--font-x-small);
    font-family: 'TT-Commons-Medium' !important;
    color: var(--text-color4);
    padding: 5px 0px 10px 10px;
}

.light-box-content {
    padding: 20px 30px;
    min-height: 252px;
}

.light-box-desc {
    font-size: var(--font-x-small);
    font-family: 'TT-Commons-Regular' !important;
    color: var(--text-color4);
    margin-top: 0;
    padding: 5px 7px 5px 0px;
    overflow: hidden;
    line-height: 20px;
    height: 62px;
}

.light-box-title {
    font-size: 20px;
    color: var(--text-color5);
    font-weight: 600;
    padding: 5px 7px 10px 0px;
    min-height: 67px;
}

.dt-icon {
    width: 20px;
    flex-basis: min-content;
}

.d-w-100 {
    width: 85px;
}

.d-w-250 {
    width: 175px;
    flex-basis: auto;
}

.btn-link {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 0 0px;
    background: rgb(242, 110, 27);
    background: -moz-linear-gradient(180deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    background: linear-gradient(180deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    text-transform: uppercase;
}

.member .btn-link {
    background: transparent;
    color: var(--colorPeachBG);
    -webkit-text-fill-color: var(--colorPeachBG);
    font-weight: 500;
    text-transform: capitalize;
}

.member .btn-link:active {
    background: transparent!important;
    font-weight: 600;
    border: 0!important
}

.btn-link span {
    position: relative;
    top: 3px;
    left: 20px;
}

.mt-content {
    margin-top: 6rem;
    padding-bottom: 40px;
}

.border-top-gray {
    border-top: 1px solid #DEDEDE;
}

.btn-section {
    padding-top: 15px;
    margin-top: 15px;
}

.blg-padding {
    padding-bottom: 30px;
}

.footer-desc {
    font-size: var(--font-regular);
    color: var(--colorWhite);
    font-weight: 400;
    line-height: 1.4;
    padding-left: 0 !important;
    margin-top: 20px
}

.footer-white-logo {
    width: 180px;
}

.footer-content {
    padding: 40px 10px 10px 10px;
}

.list-style-none {
    list-style: none;
}

.footer-links {
    padding-left: 0;
}

.footer-links li a {
    font-size: var(--font-regular-small);
    color: var(--colorWhite) !important;
    font-weight: 400;
    line-height: 2.2;
}

.footer-links li:not(:first-child) {}

.footer-links-with-underline li a {
    text-decoration: underline;
}

.social-links {
    padding-left: 0;
    display: flex;
    justify-content: start;
    margin-top: 10px;
}

.footer .navItem .navLink {
    text-decoration: underline;
    color: white !important;
    font-size: 17px !important;
}

.footer .navBar {
    margin-top: 25px;
}

.social-links li a {
    color: var(--colorWhite);
    margin-right: 11px;
}

.copyright-text {
    font-size: var(--font-small);
    color: #92989F;
    font-family: 'TT-Commons-Regular' !important;
}

.footer-ext-links {
    display: flex;
    justify-content: end;
    /* display: none; */
}

.footer-ext-links li a {
    font-size: var(--font-small);
    color: #92989F;
    font-family: 'TT-Commons-Regular' !important;
    padding: 0 20px;
    position: relative;
}

.footer-ext-links li:last-child a {
    font-size: var(--font-small);
    color: #92989F;
    font-family: 'TT-Commons-Regular' !important;
    padding-right: 0;
}


/*
.footer-ext-links li a::before {
    content: ' ';
    position: absolute;
    right: 0;
    top: 5px;
    background-color: #92989F;
    z-index: 2;
    height: 15px;
    width: 1px;
}
*/

.footer-ext-links li:last-child a::before {
    content: none;
}

.bg-key-feature {
    background-image: url(/public/storage/2024/07/29/cms/bg-contactus-1.png);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

.header-overlay {
    position: relative;
    padding-bottom: 100px;
}

.header-overlay::before {
    content: ' ';
    background-color: rgba(0, 2, 13, 0.8);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

.header-overlay-text {
    font-size: var(--font-xxx-large);
    color: var(--colorWhite);
    line-height: normal;
}

.header-overlay-desc {
    font-size: 25px;
    color: var(--colorWhite);
    margin-top: 8px;
    line-height: normal;
}

.header-overlay-content {
    padding: 5rem 0 9rem 0;
}

.mr-top-upper {
    margin-top: -13rem;
    position: relative;
}

.content-desc {
    font-size: var(--font-regular-small);
    color: var(--text-color4);
    margin-top: 25px;
    line-height: 25px;
}

.ptltb-50 {
    padding: 50px 0;
}

.prt-50 {
    padding: 15px 55px 50px 0;
}

.text-white {
    color: var(--colorWhite);
}

.w-100vh {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

html,
body {
    height: 100%;
}

body {
    position: relative;
}

.blue-card-box {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 10px 15px;
}

.shade-5 {
    background: rgb(14, 148, 214);
    background: -moz-linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
    background: linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
}

.curve-background-2 {
    background-image: url(/public/storage/2024/07/29/cms/hero-tech-wave-bg-1-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}

.curve-bottm-left {
    border-radius: 0 0 0 13rem;
}

.pltb-40 {
    padding: 40px 0 50px 0;
}

.box-color1 {
    background: rgb(62, 150, 209);
    background: -moz-linear-gradient(180deg, rgba(62, 150, 209, 1) 0%, rgba(59, 119, 190, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(62, 150, 209, 1) 0%, rgba(59, 119, 190, 1) 100%);
    background: linear-gradient(180deg, rgba(62, 150, 209, 1) 0%, rgba(59, 119, 190, 1) 100%);
}

.box-color2 {
    background: rgb(64, 116, 187);
    background: -moz-linear-gradient(180deg, rgba(64, 116, 187, 1) 0%, rgba(55, 83, 167, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(64, 116, 187, 1) 0%, rgba(55, 83, 167, 1) 100%);
    background: linear-gradient(180deg, rgba(64, 116, 187, 1) 0%, rgba(55, 83, 167, 1) 100%);
}

.evt-content {
    position: relative;
    margin-top: 2rem;
}

.evt-title {
    font-size: var(--font-x-large);
    color: var(--text-color1);
    font-weight: 500;
    margin-bottom: 20px;
}

.evt-desc {
    font-size: var(--font-regular-small);
    color: var(--text-color4);
    font-weight: 400;
}

.floating-image {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.event-image-pr {
    padding: 0 25px 0 0;
}

.event-text-pl {
    padding: 0 0 0 25px;
}

.event-image-pl {
    padding: 0 0 0 25px;
}

.event-text-pr {
    padding: 0 25px 0 0;
}

.bt-content {
    margin-bottom: 50px;
}

.floating-bg-image {
    /* position: absolute;
    left: 0;
    top: -18rem;
    max-width: 100%;
    z-index: 1; */
    background-image: url(/storage/app/public/2024/07/29/cms/capa-1.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -299px;
    left: 0;
}

.custom-padding-1 {
    padding-bottom: 45px;
    padding-top: 68px;
}

.z-index-2 {
    z-index: 2;
}

.cm-desc {
    color: var(--text-color6);
    font-size: var(--font-small);
    line-height: 1.4;
}

.white-light-box {
    background-color: var(--colorWhite);
    border-radius: 12px;
    padding: 10px 10px;
}

.light-box-title2 {
    color: var(--text-color7);
    font-size: var(--font-medium);
    font-weight: 500;
}

.light-box-desc2 {
    color: var(--text-color4);
    font-size: var(--font-xx-small);
    margin-top: 10px;
    line-height: 18px;
}

.btn-link-blue svg path {
    color: var(--text-color8);
    fill: var(--text-color8);
}

.btn-link-blue svg {
    width: 12px;
    height: 12px;
}

.btn-link-blue {
    color: var(--text-color8);
    font-weight: 600;
    font-size: var(--font-xx-small);
}

.btn-link-blue span {
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.btn-section2 {
    margin-top: 20px;
}

.gap-between-2 {
    padding: 30px 0;
}

.comm-icon {
    width: 40px;
}

.nav-tab-list {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #CCCCCC;
}

.nav-tab-contents {
    padding: 20px 0;
    min-height: 10px !important;
}

.nav-tab-list .tab {
    color: var(--text-color7);
    font-weight: 500;
    font-size: var(--font-small);
    padding: 18px 15px;
    cursor: pointer;
}

.nav-tab-list .tab.tab-active {
    background-color: var(--colorWhite);
    color: var(--text-color8);
    position: relative;
}

.nav-tab-list .tab.tab-active::before {
    content: ' ';
    background-color: var(--text-color8);
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 10px;
}

.shadow-light-box {
    background-color: var(--colorWhite);
    border-radius: 16px;
    border-radius: 16px;
    border: 1px solid rgba(24, 29, 38, 0);
    box-shadow: 0 0 4px rgba(24, 29, 38, 0.2);
    padding: 15px 10px 15px 10px;
}

.light-bx-image {
    border-radius: 16px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
}

.light-bx-image img {
    width: 94px !important;
    /* height: 70px!important; */
}

.shadow-box-title {
    color: var(--text-color9);
    font-size: var(--font-regular-small);
    font-weight: 500;
    font-weight: 500;
    padding-top: 5px !important;
    padding-bottom: 0 !important;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shadow-box-desc {
    color: var(--text-color4);
    font-size: var(--font-xx-small);
    margin-top: 0;
    line-height: 18px;
    padding-top: 5px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 60px;
}

.carousel-thumbnail-2 .owl-item {
    padding: 0px;
}

.carousel-thumbnail-2 .owl-dots {
    display: flex !important;
    justify-content: center;
    margin-top: 20px;
}

.carousel-thumbnail-2 {
    padding: 0px 20px 0 20px;
    position: relative;
}

.carousel-thumbnail-2 .owl-prev {
    background-image: url(/public/storage/2024/08/08/cms/chevron-left-1.png) !important;
    margin-left: -2.4rem;
    transform: rotate(180deg);
}

.ct-space {
    padding: 5px;
}

.carousel-thumbnail-2 .owl-next {
    background-image: url(/public/storage/2024/08/08/cms/chevron-left-1.png) !important;
    position: absolute;
    right: 0;
}

.carousel-thumbnail-2 .owl-prev,
.carousel-thumbnail-2 .owl-next {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border: none;
    outline: none;
}

.shadow-light-box {
    cursor: pointer;
}

.carousel-thumbnail-2 .owl-nav .owl-next span,
.carousel-thumbnail-2 .owl-nav .owl-prev span {
    font-size: 70px;
    display: none;
}

.carousel-thumbnail-2 .owl-nav {
    display: block !important;
    position: absolute;
    top: 36%;
    width: 100%;
    height: 0;
}

.lightbox2 {
    padding: 50px 30px !important
}

.ptb-35 {
    padding-top: 60px;
    padding-bottom: 25px;
}

.text-black {
    color: var(--text-color10) !important;
    line-height: 20px;
}

.mr-2 {
    margin-right: 8px;
}

.text-blue {
    color: var(--text-color8);
}

.bg-violet {
    position: absolute;
    content: ' ';
    background-color: #000626;
    width: 100%;
    height: 200px;
    left: 0;
    bottom: 0;
}

.ptb-all-50 {
    padding: 40px 10px 40px 10px;
}

.bg-discover-unify {
    background-image: url(/public/storage/2024/07/31/cms/1-5t-fz6zg-djt5pvuoccfha-1.png);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-rounded-100 {
    border-radius: 200px;
}

.content-desc2 {
    color: var(--text-color1);
    font-size: var(--font-x-large);
    font-weight: 500;
    line-height: 1.4;
    text-transform: capitalize;
    margin-top: 20px;
}

.story-title {
    font-size: var(--font-medium);
    color: var(--text-color1);
    font-weight: 500;
}

.story-desc {
    font-size: var(--font-small);
    font-family: 'TT-Commons-Regular' !important;
    color: var(--text-color4);
    margin-top: 0;
    padding: 0 !important;
}

.white-circle {
    width: 110px;
    height: 110px;
    background-color: var(--colorWhite);
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 37px 114px 0px rgba(0, 45, 88, 0.15);
    border-radius: 100px;
}

.white-circle img {
    width: 60px;
    height: 60px;
}

.down-arrow-after,
.up-arrow-after {
    position: relative;
}

.down-arrow-after::before {
    content: url(/public/storage/2024/08/01/cms/noun-dashed-arrow-4767944-1.png);
}

.up-arrow-after::before {
    content: url(/public/storage/2024/08/01/cms/noun-dashed-arrow-4767944-2.png);
}

.down-arrow-after::before,
.up-arrow-after::before {
    position: absolute;
    top: 28%;
    left: 103%;
    transform: translate(-50%, -50%);
}

.bg-gray {
    position: absolute;
    content: ' ';
    background-color: #F6F7F9;
    width: 100%;
    height: 176px;
    left: 0;
    bottom: 0;
}

.vission-title {
    font-size: var(--font-regular);
    font-weight: 500;
}

.vission-desc {
    font-size: var(--font-xxx-small);
    line-height: 18px;
    margin-top: 10px;
    padding-bottom: 20px;
}

.blue-shade-gradient {
    border-radius: 30px;
}

.img-fixed {
    width: 453px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 0 0 0 32px;
}

.bg-splash {
    background-image: url(/public/storage/2024/08/01/cms/tech-splash-right-1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.story-title2 {
    font-size: var(--font-xmedium);
    color: var(--text-color11);
    font-weight: 600;
}

.story-desc2 {
    font-size: var(--font-small);
    font-family: 'TT-Commons-Medium' !important;
    color: var(--text-color12);
    margin-top: 10px;
}

.white-box {
    background-color: var(--colorWhite);
    border: 1px solid #B6B5B5;
    border-radius: 20px;
    padding: 10px 5px;
    min-height: 225px !important;
}

.curve-bg-1 {
    background-image: url(/public/storage/2024/08/01/cms/line-8.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-white2 {
    position: absolute;
    content: ' ';
    background-color: var(--colorWhite);
    width: 100%;
    height: 176px;
    left: 0;
    bottom: -176px;
}

.content-desc3 {
    font-size: var(--font-regular-small);
    color: var(--text-color4);
}

.content-space {
    padding: 0 50px;
}

.viewport-area {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.img-fixed-viewport {
    width: 800px;
}

.img-fixed-viewport-left {
    position: absolute;
    left: 2%;
    top: 14%;
    animation: moveTopToBottomLeft 3s ease-in-out infinite;
}

.img-fixed-viewport-right {
    position: absolute;
    right: 1.5%;
    bottom: 17%;
    animation: moveTopToBottomRight 3s ease-in-out infinite;
}

@keyframes moveTopToBottomLeft {
    0% {
        top: 14%;
    }
    50% {
        top: 20%;
    }
    100% {
        top: 14%;
    }
}

@keyframes moveTopToBottomRight {
    0% {
        bottom: 17%;
    }
    50% {
        bottom: 10%;
    }
    100% {
        bottom: 17%;
    }
}

.bg-blue {
    background: rgb(9, 96, 182);
    background: -moz-linear-gradient(180deg, rgba(9, 96, 182, 1) 0%, rgba(4, 48, 150, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(9, 96, 182, 1) 0%, rgba(4, 48, 150, 1) 100%);
    background: linear-gradient(180deg, rgba(9, 96, 182, 1) 0%, rgba(4, 48, 150, 1) 100%);
}

.content-heading5 {
    font-size: var(--font-xx-large);
    font-weight: 500;
    line-height: 1.2;
}

.content-item {
    position: relative;
}

.list-title,
.list-desc {
    color: var(--text-color13);
}

.list-title {
    /* font-family: 'TT-Commons-Medium'; */
    font-size: var(--font-regular-small);
}

.list-desc {
    /* font-family: 'TT-Commons-Regular'; */
    font-size: var(--font-x-small);
    margin-top: 4px;
}

.content-item {
    padding-left: 30px;
}

.content-icon {
    width: 17px;
    position: absolute;
    left: 9px;
    top: 22%;
}

.fx-image-2 {
    position: absolute;
    left: -2px;
    bottom: -60px;
}

.viewport-area {
    /* height: 94px; */
    position: relative;
    z-index: 2;
    /* margin-top: 185px */
}

.bg-blue-patch {
    position: absolute;
    content: ' ';
    background-color: rgba(9, 96, 182, 1);
    width: 100%;
    height: 200px;
    left: 0;
    bottom: 0;
}

.content-static {
    padding-top: 370px;
}

.blue-fixed-height {
    position: absolute;
    left: 0;
    top: 0;
    height: 236px;
}

.mr-top-upper2 {
    margin-top: -24rem;
}

.bg-blue-dark {
    background-color: rgba(4, 48, 150, 1);
}

.text-dark-blue {
    color: var(--text-color7) !important;
}

.text-gray {
    color: var(--text-color4) !important;
}

.content-item2 {
    padding-left: 22px !important;
    position: relative;
}

.content-icon2 {
    width: 17px;
    position: absolute;
    left: -9px;
    top: 6%;
}

.list-title2 {
    font-size: var(--font-regular-small);
    font-weight: 500;
}

.list-desc2 {
    font-size: var(--font-x-small);
    margin-top: 4px;
}

.text-right {
    text-align: right !important;
}

.bg-beneficiary {
    background-image: url(/public/storage/2024/08/01/cms/bg-contactus-1-1.png);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

.list-custom {
    list-style: decimal;
    padding-left: 10px;
}

.list-custom li {
    font-size: var(--font-xmedium);
    font-family: 'TT-Commons-Medium' !important;
    color: var(--text-color4);
    margin-bottom: 20px;
}

.bx-shadow {
    padding: 20px 15px;
    border-radius: 10px;
}

.gjs-row.bx-shadow.bg-white .form-label {
    font-size: var(--font-small);
    font-family: 'TT-Commons-Medium' !important;
    color: var(--text-color4);
    display: block;
    display: block;
    margin-bottom: 5px;
}

.form-control {
    font-size: var(--font-xxx-small);
    font-family: "Poppins", sans-serif !important;
    font-weight: 500;
    color: var(--text-color14);
    display: inline-block;
    max-width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #8D8D8D;
    /* padding-left: 0; */
}

.form-select {
    font-size: var(--font-xxx-small);
    font-family: "Poppins", sans-serif !important;
    font-weight: 500;
    color: var(--text-color14);
}

.front .form-select {
    height: 48px;
    border-radius: 12px;
    border: 1px solid var(--colorGrayX11);
    max-width: 100%;
}

.baseline {
    align-items: baseline !important;
}

.plan-text-large {
    font-size: var(--font-xlarge);
    font-weight: 700;
    color: var(--text-color15);
}

.plan-text-small {
    font-family: 'TT-Commons-Medium' !important;
    font-size: var(--font-regular);
    color: var(--text-color16);
}

.plan-title {
    font-size: var(--font-x-medium);
    font-weight: 600;
    color: var(--text-color15);
    padding: 0 10px 6px 10px;
}

.plan-desc {
    font-family: 'TT-Commons-Medium' !important;
    font-size: var(--font-x-small);
    color: var(--text-color16);
    padding: 0 10px 10px 10px;
}

.list-item-2 ul {
    padding-left: 15px;
}

.list-item-2 ul li {
    font-family: 'TT-Commons-Medium' !important;
    font-size: var(--font-x-small);
    color: var(--text-color16);
    margin-bottom: 10px;
}

.list-item-2 ul li span svg {
    background-color: rgba(82, 67, 194, 0.15);
    width: 20px;
    height: 20px;
    border-radius: 100px;
    padding: 4px;
    position: relative;
    top: 0;
    left: -5px;
}

.list-item-2 ul li span svg path {
    stroke: var(--text-color8);
    stroke-width: 0px;
}

.tab-contents-pricing {
    background-color: var(--colorWhite);
    border-radius: 16px;
    margin-top: 1rem;
    padding: 30px 25px 40px 25px;
}

.list-item-2 {
    margin: 0;
}

.pricing-cards {
    padding: 0px 40px;
    position: relative;
}

.btn-plain {
    background-color: #7E8091;
    border: 1px solid #7E8091;
    border-radius: 24px;
    font-weight: 500;
    transition: 0.3s;
    font-size: var(--font-x-small);
    width: 176px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fix-bottom {
    position: absolute;
    left: 47%;
    bottom: 0;
    transform: translate(-50%, -50%);
}

.bg-pricing {
    background-image: url(/public/storage/2024/08/02/cms/collage-customer-experience-concept-1.png);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

.pricing-cards-overlay {
    transition: transform 0.3s ease;
    transform-origin: bottom center;
    cursor: pointer;
    position: relative;
    min-height: 356px;
    padding: 0 16px !important;
}

.pricing-cards-overlay:hover {
    transform: scale(1.1, 1.1);
    background: rgb(14, 148, 214);
    background: -moz-linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
    background: linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
    border-radius: 26px;
    min-height: 415px;
    position: absolute;
    width: 80%;
    top: -2rem;
    box-shadow: 0px 42px 34px 0px rgba(82, 67, 194, 0.29);
}

.pricing-cards-overlay:hover .plan-text-small,
.pricing-cards-overlay:hover .plan-text-large,
.pricing-cards-overlay:hover .plan-title,
.pricing-cards-overlay:hover .plan-desc,
.pricing-cards-overlay:hover .list-item-2 ul li {
    color: var(--colorWhite) !important;
}

.pricing-cards-overlay:hover .btn-plain {
    background-color: var(--colorWhite);
    border: 1px solid var(--colorWhite);
    color: var(--text-color7);
}

.pricing-cards-overlay:hover .list-item-2 ul li span svg {
    background: #205FB2;
}

.pricing-cards-overlay:hover .list-item-2 ul li span svg path {
    fill: var(--colorWhite) !important;
}

.pricing-tab-container {
    background-color: #ffffff;
    border-radius: 22px;
    width: 420px;
    border: 1px solid #ccc;
}

.pricing-tab-container .tab.tab-active {
    background: rgb(14, 148, 214);
    background: -moz-linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
    background: linear-gradient(180deg, rgba(14, 148, 214, 1) 0%, rgba(0, 13, 128, 1) 100%);
    color: white;
    text-transform: capitalize;
    border-radius: 22px;
    height: 45px;
    width: 329px;
}

.pricing-tab-container .tab {
    background: #ffffff;
    color: var(--text-color17);
    text-transform: capitalize;
    font-size: var(--font-medium);
    font-weight: 500;
    border-radius: 22px;
    height: 41px;
    width: 340px;
    margin-right: 0;
    cursor: pointer;
}

.simple-badge {
    background-color: var(--text-color7);
    color: var(--colorWhite);
    border-radius: 13px;
    font-size: 11px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    padding: 0 20px;
    font-weight: 500;
    transition: opacity 0.3s ease;
    letter-spacing: 0.8px;
}

.prc-content {
    display: none;
}

.pt-1 {
    padding-top: 5px !important;
}

.pricing-cards-overlay:hover .prc-content {
    display: flex;
}


/* .radial-shadow {
    width: 380px;
    height: 380px;
} */

.radial-one {
    position: absolute;
    top: 0;
    right: 28%;
}

.radial-two {
    position: absolute;
    bottom: 26%;
    left: 0;
}

.content-heading7 {
    color: var(--text-color1);
    font-size: var(--font-xx-large);
    font-weight: 600;
    line-height: 1.5;
}

.content-heading8 {
    color: var(--text-color1);
    font-size: var(--font-xx-large);
    font-weight: 500;
    margin-left: 15px;
    line-height: 1.5;
}

.text-capitalize {
    text-transform: capitalize;
}

.icon-image {
    width: 45px;
}

.list-item3 li {
    color: var(--text-color4);
    font-size: var(--font-xx-small);
    line-height: 21px;
    position: relative;
    margin-bottom: 8px;
    text-indent: -30px;
}


/* .list-item3 li::before{
    content: url(http://192.168.2.26:8035/public/storage/2024/08/05/cms/check-circle-2.png);
    display: inline-block;
    width: 24px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
} */

.list-item3 li svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
}

.image-icon1 {
    position: relative;
    top: 7px;
}

.list-item3 li span {
    margin-left: 10px;
}

.list-item3 {
    padding-left: 100px;
}

.object-image-1 {
    position: relative;
    margin-top: 50px;
}

.object-image-2 {
    position: relative;
    margin-top: 20px;
    padding: 20px 47px 50px 25px;
}

.fixed-vector {
    position: absolute;
    left: -15px;
    top: 25%;
    width: 549px;
    z-index: 0;
}

.fixed-space {
    padding-left: 0;
}

.custom-pading {
    padding: 0 160px;
}

.bg-customer-stories {
    background-image: url(/public/storage/2024/08/02/cms/collage-customer-experience-concept-1.png);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-support {
    background-image: url(/public/storage/2024/07/29/cms/bg-contactus-1.png);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

.topper-bg {
    background-image: url(/public/storage/2024/08/05/cms/line-1.png);
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.sample-text {
    color: var(--text-color4);
    font-size: var(--font-small);
    line-height: 1.3;
    margin-top: 15px;
}

.content-heading9 {
    color: var(--text-color1);
    font-size: var(--font-x2large);
    font-weight: 500;
    line-height: 1.5;
}

.support-line {
    color: var(--text-color7);
    font-size: var(--font-x-medium);
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 10px;
}

.support-line-1 {
    color: var(--text-color4);
    font-size: var(--font-small);
}

.support-line-2 {
    color: var(--text-color7);
    font-size: var(--font-medium);
    font-weight: 500;
    margin-top: 10px;
}

.support-line svg {
    width: 37px;
    position: relative;
    top: 3px;
}

.support-line span {
    margin-left: 15px;
}

.brd-right {
    border-right: 1px solid rgba(82, 94, 111, 0.37);
}

.list-item-5 {
    padding-left: 40px;
    margin-top: 10px;
}

.list-item-5 li span {
    margin-left: 10px;
}

.list-item-5 li {
    color: var(--text-color4);
    font-size: var(--font-small);
    text-indent: -30px;
    line-height: 24px;
    margin-bottom: 25px;
}

.list-item-5 li svg {
    width: 20px;
}

.cmd-img {
    padding: 10px 0 17px 20px;
}

.pattern-bg {
    background-image: url(/public/storage/2024/08/05/cms/tech-splash-right-1-1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.tutorial-box {
    border-radius: 12px;
    background-color: var(--colorWhite);
    border: 1px solid #E8E8EA;
    padding: 20px 20px;
}

.tutorial-box video {
    border-radius: 6px;
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.tutorial-title {
    color: var(--text-color7);
    font-size: var(--font-xmedium);
    font-weight: 600;
    margin-bottom: 15px;
}

.tutorial-desc {
    color: var(--text-color4);
    font-size: var(--font-xx-small);
    font-weight: 500;
    padding-bottom: 10px;
}

.badge span {
    color: var(--text-color18);
    font-size: var(--font-xxx-small);
    font-weight: 500;
    border-radius: 6px;
    background-color: rgba(75, 107, 251, 0.1);
    padding: 5px 10px;
    font-family: "Work Sans", sans-serif;
}

.badge {
    padding: 20px 0 18px 0;
}

.bg-line {
    background-image: url(/public/storage/2024/08/06/cms/line-9.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.space-2 {
    padding: 10px 30px;
}

.accordion {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 12px 0;
}

.border-bottom-1-gray {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.accordion-item {
    margin: 0;
    background: transparent;
    border: none;
}

.accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 0rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: var(--font-small);
    color: var(--text-color19);
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
}

.accordion-item-header.active {
    color: var(--text-color20);
}

.accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    font-weight: 250;
}

.accordion-item-header.active::after {
    content: "\2212";
    font-weight: 250;
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content {
    padding: 0rem 6rem 1rem 0;
    line-height: 1.5rem;
    font-size: var(--font-xx-small);
    color: var(--text-color19);
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
}

@media (min-width: 768px) {
    .btn-custom-2 {
        font-size: var(--font-xmedium) !important;
        padding: 8px 20px !important;
    }
    .custom-desktop-space {
        padding: 0 14rem;
    }
    .h-d-100 {
        height: 100%;
    }
    .coming-soon {
        padding: 4rem 4rem!important;
        font-size: 55px;
        color: var(--text-color7);
        font-weight: 500;
    }
    .content-image-1 {
        display: flex;
        justify-content: left;
        align-items: center;
        height: 100%;
    }
    /* .pl-et-10 {
        padding-left: 110px;
    } */
    .grid-left {
        padding-right: 25px;
    }
    .grid-right {
        padding-left: 25px;
    }
    .fixed-1 {
        flex-basis: 40%;
    }
    .fixed-2 {
        flex-basis: 55%;
    }
    .w-500 {
        width: 500px;
    }
    .h-fixed-light-box {
        min-height: 250px;
    }
    .group-content {
        margin-left: -120px;
    }
    .ml-10 {
        margin-left: 10px !important;
    }
    .mt-10 {
        margin-top: 10px !important;
    }
    .mt-15 {
        margin-top: 15px !important;
    }
    .mt-20 {
        margin-top: 20px !important;
    }
    .mt-25 {
        margin-top: 25px !important;
    }
    .mt-30 {
        margin-top: 30px !important;
    }
    .mt-35 {
        margin-top: 35px !important;
    }
    .pt-5 {
        padding-top: 5px !important;
    }
    .pt-10 {
        padding-top: 10px !important;
    }
    .pt-15 {
        padding-top: 15px !important;
    }
    .pt-20 {
        padding-top: 20px !important;
    }
    .pt-25 {
        padding-top: 25px !important;
    }
    .pt-30 {
        padding-top: 30px !important;
    }
    .pt-35 {
        padding-top: 35px !important;
    }
    .pt-40 {
        padding-top: 40px !important;
    }
    .pt-45 {
        padding-top: 45px !important;
    }
    .pt-50 {
        padding-top: 50px !important;
    }
    .pt-55 {
        padding-top: 55px !important;
    }
    .pt-60 {
        padding-top: 60px !important;
    }
    .pl-30 {
        padding-left: 30px !important;
    }
    .pl-35 {
        padding-left: 35px !important;
    }
    .pl-40 {
        padding-left: 40px !important;
    }
    .pl-45 {
        padding-left: 45px !important;
    }
    .pl-50 {
        padding-left: 50px !important;
    }
    .pt-65 {
        padding-top: 65px !important;
    }
    .pt-70 {
        padding-top: 70px !important;
    }
    .pt-75 {
        padding-top: 75px !important;
    }
    .pb-10 {
        padding-bottom: 10px !important;
    }
    .pb-20 {
        padding-bottom: 20px !important;
    }
    .pb-30 {
        padding-bottom: 30px !important;
    }
    .pb-40 {
        padding-bottom: 40px !important;
    }
    .pb-50 {
        padding-bottom: 50px !important;
    }
    .pb-100 {
        padding-bottom: 100px !important;
    }
    .pb-55 {
        padding-bottom: 55px !important;
    }
    .pb-40 {
        padding-bottom: 40px !important;
    }
    .pb-60 {
        padding-bottom: 60px !important;
    }
    .pb-65 {
        padding-bottom: 65px !important;
    }
    .pb-70 {
        padding-bottom: 70px !important;
    }
    .pb-75 {
        padding-bottom: 75px !important;
    }
    .pb-90 {
        padding-bottom: 90px !important;
    }
    .pr-10 {
        padding-right: 10px !important;
    }
    .pr-20 {
        padding-right: 20px !important;
    }
    .pr-30 {
        padding-right: 30px !important;
    }
    .pr-40 {
        padding-right: 40px !important;
    }
    .pr-50 {
        padding-right: 50px !important;
    }
    .pl-45 {
        padding-left: 45px !important;
    }
    .pl-10 {
        padding-left: 10px !important;
    }
    .scrolled {
        box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.1);
        height: 78px;
    }
    /* .scrolled .headerMenu .navBar .navItem .navLink{
      color: #fff!important;
    } */
    .scrolled .brand-logo {
        width: 150px;
    }
    .scrolled .navbar-content {
        height: 58px !important;
    }
    /* .container {
        max-width: 720px;
    } 

    .container-lg {
        max-width: 720px;
    }
*/
}

@media (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }
    .container-lg {
        max-width: 1260px;
    }
    .headerMenu .navBar {
        margin-right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .headerWrapper .navItem {
        position: relative;
        line-height: 20px;
    }
    /*   .dropdown {
        top: 30px
    }*/
    .menuToggle {
        position: relative;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 0px;
        z-index: 3;
        top: 0;
    }
    .menuToggle::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        transform: translateY(-4px);
        box-shadow: 0 8px var(--colorBlack);
        background-color: var(--colorBlack);
    }
    .menuToggle::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        transform: translateY(12px);
        background-color: var(--colorBlack);
    }
    .headerMenu.active .menuToggle::before {
        transform: rotate(45deg);
        box-shadow: 0 0px white;
    }
    .headerMenu.active .menuToggle::after {
        transform: rotate(315deg);
        box-shadow: 0 0px white;
    }
    /* .headerMenu nav {
        position: absolute;
        width: 100%;
        top: calc(100% - 0px);
        left: 0;
        background-color: var(--colorWhite);
        display: none;
        height: 90vh;
        overflow: auto;
    } */
    .footerWrapper .footer {
        position: static;
        display: block;
        background-color: transparent;
        height: auto;
    }
    .headerMenu.active nav {
        display: initial;
        padding: 38px 0;
    }
    .headerMenu .navBar {
        flex-direction: column;
    }
    .blogListWrapper .bList {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-content .menuToggle {
        display: none;
    }
    .headerWrapper .headerMenu {
        margin-right: 20px;
    }
    .white-box-shade {
        padding: 30px 0 !important;
    }
    .bg-light-gray .tab-content {
        margin: 0 0 30px !important;
    }
    .pricing-tab-container {
        width: auto;
    }
    .pricing-tab-container .tab.tab-active {
        width: auto;
    }
    .pricing-tab-container .tab {
        width: auto;
        white-space: nowrap;
    }
    /* .headerMenu nav {
    position: absolute;
    width: 100%;
    top: calc(100% - 0px);
    left: 0;
    background-color: var(--bgPrimary);
    display: none;
    height: 90vh;
    overflow: auto;
  }
  .headerMenu.active nav {
    display: initial;
    padding: 15px 0;
  }
  .headerMenu ul li,
  nav.footer ul li {
    width: 100%;
    padding: 5px 0;
  }
  .headerMenu ul li ul.dropdown {
    position: static;
    width: 100%;
    padding: 0;
background-color:var(--bgPrimaryDark);
        border-radius: 10px;
        margin-top: 15px;
  }
.headerMenu ul li ul li ul.submenu li a.active-link{
 background: none; 
    color: var(--bgGreen);
}
.headerMenu ul li .downArrow{
top:auto;
}
  .headerMenu ul li ul {
    position: relative;
    left: 0;
    width: 100%;
  }
  .headerMenu ul li ul li ul {
    top: 0;
    left: 0;
  }
  /* .headerMenu ul li:hover ul li {
    background-color: aquamarine;
  } 
  .headerMenu ul li a {
    color: white;
  }
  .menuToggle {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0px;
    z-index: 3;
    top: 0;
  }

  .headerMenu ul li .downArrow {
    right: 30px;
  }
  .menuToggle::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    transform: translateY(-12px);
    box-shadow: 0 12px white;
    background-color: white;
  }
  .menuToggle::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    transform: translateY(12px);
    background-color: white;
  }
  .headerMenu.active .menuToggle::before {
    transform: rotate(45deg);
    box-shadow: 0 0px white;
  }
  .headerMenu.active .menuToggle::after {
    transform: rotate(315deg);
    box-shadow: 0 0px white;
  } */
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .headerMenu ul li a {
        font-size: 12px;
        padding: 10px 15px;
    }
    .headerMenu ul li .downArrow {
        top: 12px;
    }
}

@media (min-width: 1400px) {
    .headerMenu ul li ul.dropdown {
        max-height: none;
    }
}

@media (max-width: 767px) {
    .nav-tab-list .tab {
        flex: 0 0 auto;
        min-width: 165px;
    }
    .nav-tab-list {
        justify-content: start;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    .content-heading4 {
        font-size: 21px;
    }
    .evt-title {
        font-size: 17px;
    }
    .evt-desc {
        font-size: 13px;
    }
    .testimonial-with-dot .owl-nav {
        display: none !important;
    }
    .testimonial-with-dot .owl-dots {
        display: flex !important;
    }
    .w-20 {
        flex-basis: 100% !important;
    }
    .w-80 {
        flex-basis: 100% !important;
    }
    .carousel-thumbnail .owl-item {
        padding: 16px;
    }
    .carousel-thumbnail-2 .owl-item {
        padding: 16px;
    }
    .curve-right {
        border-radius: 0 2rem 0 0;
    }
    .curve-left {
        border-radius: 0 0 0 2rem;
    }
    .curve-right-left {
        border-radius: 0 2rem 0 2rem;
    }
    .content-heading1 {
        font-size: 21px;
    }
    .para-primary-text {
        font-size: 11px;
    }
    /*
    .btn {
        font-size: 13px;
    }

    .btn {
        padding: 9px 14px;
    }*/
    .group-image img {
        width: 45px !important;
        height: 45px;
    }
    .group-content {
        margin-top: 20px;
    }
    .group-text {
        font-size: var(--font-medium);
    }
    .group-text2 {
        font-size: 13px;
    }
    .padd1 {
        font-size: var(--font-medium);
        padding: 0 33px;
    }
    .padd2 {
        font-size: var(--font-medium);
        padding: 0 0px;
    }
    .padd3 {
        padding: 0 20px;
    }
    .big-image {
        top: -1rem;
    }
    .pt-35 {
        padding-top: 30px;
    }
    .brand-logo {
        width: 114px;
    }
    .mt-content {
        margin-top: 70px;
    }
    .card-box img {
        width: 34%;
    }
    .card-box {
        padding: 2px 20px 20px 20px;
        min-height: 191px;
    }
    .testimonial-quote {
        font-size: 14px;
        padding: 10px 0px 29px 0px;
    }
    .h-100 {
        height: inherit;
    }
    .brd-logo {
        margin-top: -2.5rem;
        width: 84px !important;
    }
    .quote-1 {
        width: 52px !important;
        top: -3px;
    }
    .quote-2 {
        width: 56px !important;
        bottom: 62px;
        right: 7px;
    }
    .ptb-40 {
        padding: 5px 0px 10px 0px;
    }
    .footer-ext-links {
        display: block;
        padding-left: 0;
    }
    .footer-ext-links li {
        margin-bottom: 15px;
    }
    .footer-ext-links li a::before {
        content: none;
    }
    .d-mobile-flex {
        display: flex;
        flex-wrap: nowrap;
    }
    .header-overlay-content {
        padding: 4rem 0 9rem 0;
    }
    .ptltb-50 {
        padding: 0px 0;
    }
    .header-overlay-text {
        font-size: 23px;
    }
    .prt-50 {
        padding: 0 10px 0px 10px;
    }
    .content-desc {
        font-size: 14px;
        color: var(--text-color4);
        margin-top: 5px;
    }
    .header-overlay-desc {
        font-size: 14px;
        color: var(--colorWhite);
        margin-top: 8px;
        line-height: 23px;
    }
    .pt-mb-40 {
        padding-top: 30px;
    }
    .curve-bottm-left {
        border-radius: 0 0 0 2rem;
    }
    .curve-right {
        border-radius: 0 2rem 0 0;
    }
    .curve-right-left {
        border-radius: 0 2rem 0 2rem;
    }
    .curve-left {
        border-radius: 0 0 0 2rem;
    }
    .curve-bottm-left {
        border-radius: 0 0 0 2rem;
    }
    .custom-padding-1 {
        padding-bottom: 0px;
        padding-top: 25px;
    }
    .event-text-pr {
        padding-right: 0;
    }
    .event-text-pl {
        padding-left: 0;
    }
    .event-image-pr {
        padding-right: 0;
    }
    .event-image-pl {
        padding-left: 0;
    }
    .bt-content {
        margin-bottom: 0px;
    }
    .evt-desc {
        padding-bottom: 10px;
    }
    .order-1 {
        order: 1;
    }
    .order-2 {
        order: 2;
    }
    .floating-image {
        width: 113px;
        top: 1%;
        left: 15%;
    }
    .content-desc2 {
        font-size: 16px;
    }
    .down-arrow-after::before,
    .up-arrow-after::before {
        display: none;
    }
    .mbt-18 {
        padding-top: 18px !important;
    }
    .fixed-1 {
        flex-grow: 1;
        flex-basis: 100%;
        min-height: 160px !important;
    }
    .fixed-2 {
        flex-grow: 1;
        flex-basis: 100%;
        min-height: 75px !important;
    }
    .img-fixed {
        width: 227px;
        position: absolute;
        bottom: 0px;
        left: 50%;
        top: 64%;
        transform: translate(-50%, -50%);
    }
    .mbr-p {
        padding-left: 10px;
        text-align: center;
    }
    .vission-title,
    .vission-desc {
        text-align: center;
    }
    .mr-top-upper2 {
        margin-top: 0;
    }
    .blue-fixed-height {
        position: static;
        height: 100%;
    }
    .content-static {
        padding-top: 20px;
    }
    .fx-image-2 {
        position: static;
    }
    .img-fixed-viewport-left {
        left: -7%;
        top: 19%;
        width: 64px;
    }
    .img-fixed-viewport-right {
        right: -9.5%;
        bottom: 10%;
        width: 79px;
    }
    .content-space {
        padding: 0 0px;
    }
    .fx-image-2,
    .fx-image-3 {
        width: 300px;
    }
    .d-flex-mb-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .content-heading6 {
        font-size: 21px
    }
    .content-heading7 {
        font-size: 21px
    }
    .list-custom li {
        font-size: 15px;
    }
    .p-mb-0 {
        padding: 0;
    }
    .pl-mb-0 {
        padding-left: 0;
    }
    .pr-mb-0 {
        padding-right: 0;
    }
    .bx-shadow {
        padding: 20px 0px;
    }
    .form-label {
        font-size: 14px;
    }
    .form-control {
        font-size: 14px;
    }
    .radial-shadow {
        display: none;
    }
    .pricing-tab-container {
        width: fit-content;
        position: static;
    }
    .pricing-cards {
        padding: 0px 5px;
        margin-bottom: 3rem;
    }
    .pricing-cards-overlay:hover {
        height: 100%;
        min-height: 100%;
        position: static;
        width: 100%;
    }
    .tab-contents-pricing {
        margin-top: 2rem;
        padding: 10px 10px 40px 10px;
    }
    .custom-desktop-space {
        padding: 0 !important;
    }
    .pricing-cards-overlay {
        height: 100%;
        padding: 10px 16px 20px 16px !important
    }
    .fix-bottom {
        position: static;
        margin-top: 28px;
        transform: none;
    }
    .m-w-100 {
        width: 100%;
    }
    .list-item3 {
        padding-left: 32px;
    }
    .image-icon1 svg {
        width: 30px;
        position: relative;
        top: -14px;
    }
    .content-heading8 {
        font-size: 21px;
    }
    .content-heading9 {
        font-size: 21px;
    }
    .fixed-vector {
        display: none;
    }
    .object-image-1,
    .object-image-2 {
        width: 200px;
    }
    .object-image-1 {
        margin-top: 0px;
    }
    .object-image-2 {
        padding: 20px 10px 10px 10px;
    }
    .custom-pading {
        padding: 0 10px;
    }
    .support-line-2 {
        font-size: 15px;
        margin-top: -2px;
    }
    .brd-right {
        border: none;
    }
    .support-line svg {
        width: 32px;
    }
    .support-line {
        font-size: 18px;
    }
    .support-line span {
        margin-left: 11px;
    }
    .support-line svg {
        width: 25px;
        position: relative;
        top: 3px;
    }
    .accordion-item-body-content {
        padding: 0rem 1rem 1rem 0;
    }
    .pt-mb-0 {
        padding-top: 0 !important;
    }
    .pt-mb-30 {
        padding-top: 30px !important;
    }
    .light-box img {
        width: 100%;
    }
    .light-box-content {
        padding: 20px 20px;
    }
    .products-features-lg .pt-30 {
        padding-top: 20px !important;
    }
    .four-shodow-boxes .gjs-cell.shadow {
        margin: 15px 0!important;
        background: #fff;
    }
    .cmd-img {
        padding: 0;
    }
    .footerWrapper .gjs-cell,
    .footerWrapper .gjs-row {
        padding: 2px 2px;
        flex-direction: column;
    }
    .footerWrapper .footer-links {
        padding: 0 !important;
        margin: 0 !important
    }
    .footer .navBar {
        margin-top: 0 !important;
    }
    .footerWrapper .pt-5 {
        padding-top: 0 !important;
    }
    .footer-ext-links li a {
        padding: 0 12px;
    }
}

@media (max-width:576px) {
    .shadow-box-title2 {
        height: auto !important;
    }
}

@media (max-width: 414px) {}


/* ============= Product page css start ============ */

.shadow-box-title2 {
    color: var(--text-color4);
    font-size: var(--font-xmedium);
    font-weight: 600;
    padding-top: 5px !important;
    padding-bottom: 0 !important;
    margin-bottom: 5px;
    height: 33px;
    line-height: 1.4;
}

.light-bx-image2 {
    border-radius: 16px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
}

.light-bx-image2 img {
    width: 94px !important;
}

.sub-heading {
    color: var(--text-color1);
    font-size: var(--font-xmedium);
    font-weight: 500;
    line-height: 1.2;
    text-transform: capitalize;
    margin-top: 3px;
}

.content-desc-product {
    font-size: var(--font-regular-small);
    color: var(--text-color4);
    margin-top: 15px;
    line-height: 25px;
}

.content-desc-title {
    font-size: var(--font-regular-small);
    color: var(--text-color4);
    margin-top: 15px;
    line-height: 25px;
}

.font-500 {
    font-weight: 500;
}

.white-box-shade {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 30px 100px;
}

.tablist-products .tablist-anchor {
    flex-basis: 280px;
    margin: 10px;
}

.required-text {
    color: red;
    position: relative;
    top: 4px;
}

.coming-soon {
    font-size: 55px;
    color: var(--text-color7);
    font-weight: 500;
}

.pb-mb-20 {
    padding-bottom: 20px;
}

.pricing-desc {
    font-size: 17px;
    color: var(--text-color4);
    font-weight: 400;
    margin-bottom: 25px;
}

.custom-desktop-space {
    padding: 0 20px
}

.get-a-quote .form-control {
    font-size: var(--font-xxx-small);
    font-family: "Poppins", sans-serif !important;
    font-weight: 500;
    color: var(--text-color14);
    display: inline-block;
    max-width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #8D8D8D;
    padding-left: 0;
    height: auto;
}

.get-a-quote .form-control:focus {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #8D8D8D;
}


/* ============= Product page css end ============ */


/* ============= Global page css start ============ */

.globalSearchWrapper {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    top: 50px;
    left: 0;
    max-width: 600px;
    font-family: var(--montserrat-font);
    display: none;
    z-index: 9999;
}

.globalSearchWrapper .globalSearchBox {
    background-color: white;
    padding: 24px;
    border: 1px solid #BABABA;
    border-radius: 0 0 24px 24px;
    max-height: 90vh;
    overflow: auto;
}

.globalSearchWrapper .globalSearchBox .gsTitle {
    color: var(--colorGraniteGray);
    font-size: var(--fontSize14);
    line-height: var(--fontSize18);
    margin-bottom: 20px;
}

.recentSearchBox {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 1px solid var(--colorGrayX11);
    padding-bottom: 30px;
}

.recentSearchBox .rsBox img {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
    border-radius: 40px;
}

.recentSearchBox .rsBox {
    font-size: var(--fontSize12);
    line-height: var(--fontSize16);
    text-align: center;
}

.recentSearchBox .rsBox .name {
    font-weight: 600;
    color: var(--colorDarkCharcoal);
}

.recentSearchBox .rsBox .post {
    color: var(--colorGraniteGray);
}

.otherSerchBox .title {
    font-size: var(--fontSize12);
    line-height: var(--fontSize16);
    font-weight: 600;
}

.globalOverlay {
    position: relative;
    overflow: hidden;
}

.globalOverlay::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    z-index: 8;
}

globalSearchResultWrapper {
    display: block;
}

.searchResultWrapper .event-sider-divider {
    border-color: var(--colorGrayX11);
}

.searchResultWrapper .searchResultTop {
    font-family: var(--montserrat-font);
    color: var(--colorDarkCharcoal);
}

.searchResultWrapper .searchResultTop .all {
    color: var(--colorPeachBG);
    font-weight: 600;
}

.searchResultWrapper .categoryBox {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    font-family: var(--montserrat-font);
    border: 1px solid transparent;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.searchResultWrapper .filterCategory {
    margin-top: 45px;
}

.searchResultWrapper .resultTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--montserrat-font);
    padding-bottom: 20px;
    padding-top: 20px;
}

.searchResultWrapper .resultTop .totalCount {
    color: #999999;
}

.searchResultWrapper .resultTop .result {
    color: var(--colorDarkCharcoal);
}

.searchResultWrapper .categoryBox .category {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--fontSize14);
    line-height: var(--fontSize18);
    font-weight: 500;
}

.searchResultWrapper .categoryBox.active {
    border: 1px solid #E9E9E9;
    border-radius: 12px;
    background-color: white;
}

.searchResultWrapper .categoryBox:hover {
    border: 1px solid #E9E9E9;
    border-radius: 12px;
}

.searchResultWrapper .categoryBox:hover::before,
.searchResultWrapper .categoryBox.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 24px;
    background-color: var(--colorPeachBG);
    bottom: 50%;
    transform: translateY(-50%);
}

.searchResultWrapper .categoryBox .iconText {
    font-size: var(--fontSize14);
    color: var(--colorDarkCharcoal);
}

.searchResultWrapper .categoryBox.active .iconText,
.searchResultWrapper .categoryBox:hover .iconText {
    font-weight: 600;
}

.searchResultWrapper .categoryBox .count {
    background-color: rgba(166, 73, 218, .1);
    width: 30px;
    height: 25px;
    color: rgba(166, 73, 218);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: var(--fontSize12);
}

.searchResultWrapper .event-slider-footer .remaining-days {
    font-weight: 400;
    font-size: var(--fontSize12);
}

.searchResultWrapper .event-slider-footer .remaining-days span {
    font-size: var(--fontSize16);
}

.globalSearchResultWrapper {
    position: static;
    max-width: none;
    transform: none;
    display: block !important;
    background-color: inherit;
    z-index: 1049;
}

.globalSearchResultWrapper .rsBox {
    padding: 15px 30px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 14px;
    flex: 0 0 175px;
}

.globalSearchResultWrapper .recentSearchBox {
    justify-content: left;
}

.globalSearchResultWrapper .recentSearchBox .rsBox img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.errorWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--montserrat-font);
    height: calc(100% - 174px);
}

.errorWrap .errorBox h4 {
    color: var(--colorDarkCharcoal);
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 500;
}

.errorWrap .errorBox p {
    color: #999999;
    margin-bottom: 10px;
}

.errorWrap .errorBox img {
    max-width: 500px;
}

.errorWrap .errorBox a.btn {
    display: inline-block;
    height: auto;
    padding: 5px 20px;
}


/* ============= Global page css end============ */


/* ============= My Current Committees css end============ */

.current-committees-tab .currentCommittees .current-committees-container {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    border-radius: 16px;
    font-family: var(--montserrat-font);
    background: var(--colorWhite);
}

.current-committees-tab h4 {
    font-size: var(--fontSize24);
    font-weight: 600;
}

.currentCommittees select {
    max-width: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(https://unifyqa.datagrid.co.in/public/storage/2024/09/03/cms/down-arrow.png);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 50%;
    height: 48px;
    padding-left: 35px;
    background: var(--colorWhite);
}

.current-committees-tab .committee-bx-text {
    margin: 0 0 20px;
}

.w-max-content {
    width: max-content;
}

.currentCommittees .input-icon img {
    max-width: 30px;
}

.currentCommittees .search-box {
    width: 100%;
    border-radius: 12px;
}

.currentCommittees .search-box .form-control {
    border-right: none !important
}

.currentCommittees .memberBox {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    color: var(--colorGraniteGray);
    font-family: var(--montserrat-font);
    border-radius: 8px;
    text-align: center;
    padding: 20px 0;
}

.currentCommittees .memberBox img {
    width: 64px;
    height: 64px;
    border-radius: 40px;
}

.currentCommittees .memberBox .name {
    color: var(--colorDarkCharcoal);
    font-weight: 600;
    font-size: var(--fontSize14);
    margin-top: 15px;
}

.currentCommittees .memberBox .position {
    font-size: var(--fontSize12);
    margin: 5px 0;
}

.currentCommittees .memberBox .date {
    font-size: var(--fontSize12);
    margin-bottom: 0;
}

.front-news .right-content {
    max-width: 100%
}

.front-news .page-header {
    display: none;
}

.front-video-section .resource-description {
    display: none;
}

.event-box {
    background: var(--colorWhite);
    height: calc(100% - 24px);
}

.front-news .event-box {
    padding: 20px 20px 65px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-radius: 13px;
    position: relative;
}

.front-news #resourcesList {
    margin-top: 20px;
}

.front-news.home-news #resourcesList {
    margin-top: 0;
}

.front-news .event-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.leader-name {
    font-size: 23px !important;
}

.event-box .even-text-box {
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.front-news .event-box .even-text-box {
    padding: 16px 0px
}

.event-box .event-box-footer {
    margin: auto 0 0;
    padding-top: 8px;
}

.event-box .box-title {
    margin: 0 !important;
}

.front-news .event-box .box-title {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
}

.even-text-box ul {
    margin: 8px 0 auto !important;
}

.event-tabs-container .tab {
    background: var(--colorWhite);
}

.single-event-details .title-border {
    border-bottom: solid 1px #bababa !important;
}

.modal-body .btn-block .btn-outline-primary,
.modal-body .proceed-btn .btn-primary,
.modal .btn-primary,
.modal .btn-outline-primary,
.tab-content .btn,
.edit-profile-form .btn-outline-primary,
.edit-profile-form .btn-primary,
.member-listing-serch-box .btn-outline-primary,
.member-listing-serch-box .btn-primary {
    font-size: var(--fontSize16) !important;
    height: 40px;
    line-height: normal;
}

.tab-content .btn.btn-custom-2 {
    height: auto !important;
}

.tab-content .booking-btns .btn {
    font-size: var(--fontSize12) !important;
    font-weight: 600 !important;
    line-height: normal !important;
    height: auto !important;
}

.tab-contents .envet-btn .btn,
.tab-contents .w-max-content {
    height: 48px !important;
}

.sponsors-img div {
    background: var(--colorWhite);
}

.tab-content .event-btn .btn {
    font-size: 12px !important;
    height: 32px !important;
    width: 90px;
    justify-content: center;
}


/* ============= My Current Committees css end============ */


/* Change the white to any color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    padding-right: 0.75rem;
    background-image: none;
}


/*  Form Css */


/* .fbPreviewContent .sbox{
box-shadow: none !important;
    padding: 0 !important;
}
.fbPreviewContent .topBox {
    display: none;
}
.fbPreviewContent .sbox .question_text_div  p{
    font-size: var(--font-small);
    font-family: 'TT-Commons-Medium' !important;
    color: var(--text-color4);
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

.fbPreviewContent .sbox .question_text_div  p span:first-child{
    display: none;
}
.fbPreviewContent .shortParaBox input.formControl {
    max-width: 100%;
}
.formBottm a.submitBtn {
    background: linear-gradient(162deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    border-radius: 0px 20px 20px 20px;
    transition: 0.3s;
    font-size: var(--font-small);
    border: 1px solid var(--colorWhite);
    padding: 10px 20px;
    font-family: var(--outfit);
    line-height: normal;
    cursor: pointer;
    display: inline-block;
    height: fit-content;
    color: var(--colorWhite);
    height: fit-content;
}
.formBottm a.fbTextPrimary {
    display: none;
} */

.get-a-quote-form {
    padding: 10px 22px;
}

.get-a-quote-form .fbPreviewContent .sbox.topBox {
    display: none;
}

.get-a-quote-form .fbPreviewContent .thank-you-view .sbox.topBox {
    display: block;
    margin: 0 0 10px;
}

.get-a-quote-form .fbPreviewContent .thank-you-view .sbox.topBox h4 {
    font-family: var(--ffOpen);
    color: green;
    color: rgb(14 148 214);
    font-weight: 600;
    font-size: 24px !important;
    margin-bottom: 8px !important;
}

.get-a-quote-form .fbPreviewContent .thank-you-view .sbox.topBox p {
    font-family: var(--ffOpen);
    font-size: 16px;
}

.get-a-quote-form .fbPreviewContent .thank-you-view .sbox.topBox a {
    font-family: var(--ffOpen);
    color: rgb(14 148 214);
    margin: 5px 0 0;
    text-transform: capitalize;
    border-radius: 10px;
}

.get-a-quote-form .fbPreviewContent .sbox,
.get-a-quote-form .fbPreviewContent .sbox .formGroup,
.get-a-quote-form .fbPreviewContent .sbox .formGroup .formControl {
    width: 100%;
    max-width: 100%;
}

.get-a-quote-form .fbPreviewContent .sbox .formGroup .formControl {
    font-size: var(--font-xxx-small);
    font-family: "Poppins", sans-serif !important;
    font-weight: 500;
    color: var(--text-color14);
    display: inline-block;
    max-width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #8D8D8D;
    padding-left: 0;
    height: auto;
}

.get-a-quote-form .fbPreviewContent .sbox {
    border: none;
    background: transparent;
    padding: 0;
    box-shadow: none;
    line-height: normal;
    margin-bottom: 30px;
}

.get-a-quote-form .fbPreviewContent .sbox .question_text_div p:nth-child(2) span:first-child {
    display: none;
}

.get-a-quote-form .fbPreviewContent .sbox p {
    text-align: left;
    font-size: var(--fontSize14);
    font-weight: 500;
    color: var(--colorDarkCharcoal);
    margin-bottom: 2px;
    font-family: 'TT-Commons-Medium' !important;
}

.get-a-quote-form .fbPreviewContent .formBottm .fbTextPrimary {
    display: none;
}

.get-a-quote-form .fbPreviewContent .formBottm .submitBtn {
    padding: 10px 20px;
    font-family: var(--outfit);
    line-height: normal;
    cursor: pointer;
    display: inline-block;
    height: fit-content;
    color: var(--colorWhite);
    height: fit-content;
    background: rgb(242, 110, 27);
    background: -moz-linear-gradient(162deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    background: -webkit-linear-gradient(162deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    background: linear-gradient(162deg, rgba(242, 110, 27, 1) 0%, rgba(198, 2, 92, 1) 100%);
    border-radius: 0px 20px 20px 20px;
    transition: 0.3s;
    font-size: var(--font-small);
    border: 1px solid var(--colorWhite);
}

.get-a-quote-form .fbPreviewContent .formBottm .submitBtn:hover {
    background: linear-gradient(to right, rgba(242, 110, 27, 1), rgba(198, 2, 92, 1));
    border: 1px solid rgba(198, 2, 92, 1);
    border-radius: 20px 20px 20px 20px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.get-a-quote .form-control {
    height: auto !important;
    min-height: 0 !important;
}

.get-a-quote-form .fbPreviewContent .dropDownBox select.formSelect {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: normal;
    height: 32px;
}

.input-icon-box.fullselectOption.disabled .select2-container--default .select2-selection--single,
.form-control:disabled {
    background-color: #eee !important;
}

.input-icon-box.fullselectOption.no-icon .select2-container--default .select2-selection--single {
    padding-left: 0.75rem !important;
}

.ecar-mem-details {
    word-break: break-all;
}

.event-date div {
    display: flex;
    gap: 4px;
}

.member-listing-serch-box.squar-inputs .ms-options-wrap button,
.member-listing-serch-box.squar-inputs .ms-options-wrap button:focus {
    border-radius: 12px;
}

.squar-inputs .ui.input input {
    border-radius: 12px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #aaa !important;
}

.member-listing-serch-box.squar-inputs .ms-options-wrap .ms-options {
    width: auto;
}

.squar-inputs .ms-options::-webkit-scrollbar-track {
    background: var(--colorWhite);
    margin: 15px 0;
}

.even-text-box ul li span.icon-img {
    width: 16px !important;
    margin-bottom: auto !important;
    flex: 0 0 16px;
}

.memebr-count .profBox {
    background: #f1f1f1 !important;
}

#navbarSupportedContent .d-flex a:last-child {
    font-size: var(--fontSize12);
    font-weight: 500;
    line-height: 18px;
    height: 34px;
    border-radius: 28px;
    background: var(--colorPeachBG);
    border: solid 2px var(--colorPeachBG);
    font-family: var(--montserrat-font);
    color: #fff !important;
}

#navbarSupportedContent .d-flex a:last-child:hover {
    /* background: var(--colorLightBlue);
    border: solid 2px var(--colorLightBlue); */
    border: solid 2px var(--colorPeachBG);
    color: var(--colorPeachBG) !important;
    background: var(--colorWhite);
}

#navbarSupportedContent .d-flex a:last-child:hover svg path {
    fill: var(--colorPeachBG);
}

#mypayment_wrapper .dt-length .form-select.form-select-sm {
    border-radius: 12px;
    max-width: 80px;
    font-size: 16px;
    height: 40px;
}

#mypayment_wrapper .dt-length {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.payment-container .calendar .search-custom {
    border-radius: 12px;
    border: 1px solid var(--colorGrayX11) !important;
}

.textSuccess,
.textPending,
.textError,
.textWarning {
    background: #DFFFE4;
    border: solid 1px #9AECA7;
    color: #10AB29;
    max-width: 100px;
    width: 100px;
    border-radius: 12px;
    height: 27px;
    line-height: 27px;
    text-align: center;
}

.textPending {
    background: #ffe1df;
    border: solid 1px #ec9a9a;
    color: #ab1010;
}

.dt-paging {
    margin: 10px 0 10px 0;
}

.dt-paging .page-link {
    font-size: 24px;
    padding: 0;
    width: 30px;
    line-height: 36px;
    z-index: 0!important
}

.active .page-link,
.page-link.active {
    background-color: var(--colorPeachBG);
    border-color: var(--colorPeachBG);
}


/* payment details */

#ivdl.gjs-row.leftSideMenu {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    padding-top: 45px;
    padding-bottom: 10px;
}

.gjs-cell.right-content .innerContent .breadcrumb {
    display: none;
}

.contentBox.paymentInvoice.p-auto.p-md-5 {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px!important;
    border-radius: 16px !important;
    padding: 24px !important;
    position: relative !important;
    font-family: var(--montserrat-font) !important;
    background: var(--colorWhite) !important;
    font-size: 14px;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .fw-bold {
    font-size: 14px;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .col-md-12.text-end.mb-3 img {
    width: 100px;
}

.contentBox.paymentInvoice.p-auto.p-md-5 table {
    font-size: 14px;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .w-25.w-sm-100.m-auto.fw-bold.text-center {
    width: auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: normal;
    text-align: left !important;
    margin: 0 !important;
    font-size: 12px;
    gap: 3px;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .invoice-footer {
    flex: 0 0 100%;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .col-md-12.text-end.mb-3 {
    margin: 0 !important;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .col-md-12.text-end.mb-3 .me-5 {
    float: left;
    text-align: left;
    margin: 0 !important;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .fw-bold p {
    font-weight: normal !important;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .fw-bold p:first-child {
    font-weight: 700 !important;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .fw-bold td p {
    font-weight: 700 !important;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .table-responsive.mb-5.overflow-auto {
    background: #f9f9f9;
    padding: 10px 10px 0;
    border: solid 1px #f1f1f1;
    border-radius: 8px;
    margin-bottom: 16px !important;
}

.contentBox.paymentInvoice.p-auto.p-md-5 .offset-0.offset-md-3.col-md-3 {
    margin-left: 0 !important;
}


/*
#ivdl {
   padding-top: 126px !important;

}*/

#ifxdv {
    padding-top: 0 !important;
}

.event-tabs-container .tab {
    padding: 0 !important;
}

.event-tabs-container .tab span {
    padding: 7px 14px 7px 26px !important;
    display: block;
}

.sidebar li .menu-name {
    opacity: 1;
    transition: all 0.5s ease-in-out;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: none;
    transform: none !important;
    height: auto;
    margin: 0 !important;
    inset: revert !important;
    position: absolute !important;
    height: auto !important;
    left: 60px !important;
    top: 50% !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 8px;
    transform: translate(0, -50%) !important;
    background: #fff;
    color: #1E1E1E;
    padding: 17px;
}

.sidebar li .menu-name:before {
    content: '';
    /* Required to display content */
    position: absolute;
    /* Sets the position absolute to the top div */
    top: 0;
    left: 0;
    /* position the little arrow */
    margin-left: -10px;
    margin-top: 20px;
    /* Set margin equal to border px */
    width: 0;
    z-index: 1;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}

.sidebar li .menu-name:after {
    content: '';
    /* Required to display content */
    position: absolute;
    /* Sets the position absolute to the top div */
    top: -4px;
    left: -2px;
    /* position the little arrow */
    margin-left: -12px;
    margin-top: 24px;
    /* Set margin equal to border px */
    width: 0;
    z-index: 1;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid rgba(0, 0, 0, 0.08);
    z-index: 0;
    filter: blur(1px)
}

.sidebar li {
    position: relative;
}

.sidebar li .nav-link .menu-name {
    display: none;
}

.sidebar li .nav-link:hover .menu-name {
    display: block;
}

.sidebar li.parent_menu .nav-link.dropdown-toggle .menu-name {
    display: none;
}

#sForm .invalid-feedback.text-start {
    padding: 0 0 0 16px;
}

.alredy-register-textmsg {
    display: block;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #4d694d;
    margin: 0 0 10px;
    border: solid 1px #abddab;
    background: #f3fff3;
    text-transform: capitalize;
}

.single-event-details .memberDetailBox {
    background: #f9f9f9;
    padding: 12px 0;
    border-radius: 5px;
    border: solid 1px #e2e2e2;
    margin: 0 0 16px
}

.single-event-details .disabledBox .memberDetailBox {
    background: #f3fff3;
    border-color: #abddab;
}

.single-event-details .disabledBox .memberDetailBox .alredy-register-textmsg {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}

.single-event-details .memberDetailBox .mem-price {
    font-size: 18px !important;
    background: var(--colorPeachBG);
    color: #fff;
    padding: 6px 10px;
    border-radius: 25px;
}

.single-event-details .disabledBox .memberDetailBox .mem-price {
    opacity: 0.6;
}

.content-img-box .event-date {
    font-size: 12px;
    font-weight: 600;
}

.content-img-box .region-toptext {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #e1126d;
    color: #fff;
    padding: 10px;
    border-radius: 12px 0 0 0;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.custom-toast-container,
.front_flash_container {
    position: fixed !important;
}

.custom-toast-container.subscription-toast {
    position: relative!important;
}

.resourcetab .committee-bx-title {
    padding-top: 5px;
}

.swal2-popup {
    border-radius: 18px !important;
}

.swal2-icon {
    margin: 20px auto !important;
}

.swal2-html-container {
    margin-top: 0 !important;
    margin-top: 0 !important;
    font-size: 20px;
    font-weight: 400;
    color: var(--colorDarkCharcoal);
    margin-bottom: 5px;
    font-family: var(--montserrat-font) !important;
}

.swal2-popup .swal2-image {
    margin: 10px auto 0 !important;
    max-width: 100% !important;
}

.swal2-icon .swal2-icon-content {
    font-size: 80px;
}

.swal2-actions {
    margin: 0 auto 1rem !important;
}

.swal2-popup .swal2-title {
    font-family: var(--montserrat-font) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--colorDarkCharcoal) !important;
    text-transform: capitalize !important;
}

.swal2-popup .swal2-confirm,
.front .swal2-styled.swal2-confirm,
.front .swal2-popup .swal2-confirm,
.front .swal2-styled.swal2-confirm {
    background: var(--colorPeachBG) !important;
    border: solid 2px var(--colorPeachBG) !important;
}

.swal2-popup .swal2-confirm:hover {
    border: solid 2px var(--colorPeachBG);
    color: var(--colorPeachBG) !important;
    background: var(--colorWhite) !important;
}

.swal2-popup .swal2-cancel,
.swal2-popup .swal2-confirm {
    font-weight: 600 !important;
    border-radius: 28px !important;
    font-family: var(--montserrat-font) !important;
    font-size: var(--fontSize16) !important;
    height: 40px !important;
    line-height: 24px !important;
    padding: 0 24px !important;
    border: solid 2px var(--colorPeachBG) !important;
    color: var(--colorPeachBG) !important;
    background: var(--colorWhite) !important;
}

.swal2-popup .swal2-cancel:hover {
    background: var(--colorPeachBG) !important;
    border: solid 2px var(--colorPeachBG) !important;
    color: var(--colorWhite) !important;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-popup .swal2-close {
    color: black !important;
    font-weight: bold;
}

.event-box .benefits-text {
    margin: 10px 0 0;
}

.event-box .benefits-text p {
    height: 84px;
    font-weight: 400 !important;
    margin: 0 0 -40px;
    overflow: hidden;
}

#bjmm-eventreg .bjmm-eventreg-formwrap #bjmm-eventreg-form .bjmm-eventreg-field-small {
    max-width: 100%;
}

#bjmm_guest_country_code {
    max-width: 100px !Important;
}

#bjmm-eventreg .bjmm-eventreg-formwrap #bjmm-eventreg-form #bjmm_guest_first_name,
#bjmm-eventreg .bjmm-eventreg-formwrap #bjmm-eventreg-form #bjmm_guest_last_name,
#bjmm-eventreg .bjmm-eventreg-formwrap #bjmm-eventreg-form #bjmm_guest_title,
#bjmm-eventreg .bjmm-eventreg-formwrap #bjmm-eventreg-form #bjmm_guest_middle_name,
#bjmm-eventreg .bjmm-eventreg-formwrap #bjmm-eventreg-form #bjmm_guest_middle_name,
#bjmm-eventreg .bjmm-eventreg-formwrap #bjmm-eventreg-form #bjmm_guest_email {
    max-width: unset !important;
}

#editProfile .uploadfile input[type="file"] {
    display: none;
}

#editProfile .custom-file-upload {
    cursor: pointer;
    background: #fff;
    padding: 5px 15px;
    margin: 15px 0 0;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    border: solid 1px var(--colorPeachBG);
    color: var(--colorPeachBG);
}

#editProfile .custom-file-upload:hover {
    background: var(--colorPeachBG);
    color: #fff;
}

.custom-file-upload a svg path {
    stroke: #fff;
}

.custom-file-upload a:hover svg path {
    stroke: var(--colorPeachBG)
}

.member-box-listing .members-div .member-box-content {
    height: calc(100% - 24px);
    min-height: 315px;
}

.content-img-box {
    max-height: 350px;
}

.front-custom-loader {
    width: 50px;
    height: 50px;
    animation: 3s linear infinite rotate-con;
}

@keyframes rotate-con {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*searchbar*/


/* .searcbar-container{.searcbar-container
   background:#e77a5c14;
    padding:12px;
    border-radius:12px;
  }*/

.front .event-img img {
    width: 100%
}

.front .searcbar-container .form-select {
    height: 48px;
    border: solid 1px var(--colorGrayX11);
    padding: .375rem 1.25rem
}

@media (max-width: 992px) {
    .custom-searcbox .row {
        flex-wrap: wrap !important;
        flex-direction: row !important;
        display: flex !important;
        gap: 0;
    }
    /* Start Date and End Date side by side */
    .custom-searcbox .row > .col-lg-2:nth-child(1),
    .custom-searcbox .row > .col-lg-2:nth-child(2) {
        width: 50% !important;
        max-width: 50% !important;
        display: inline-block !important;
        margin-bottom: 4px !important;
        padding-right: 0px !important;
        padding-left: 0px!important;
    }
    .custom-searcbox .row > .col-lg-2:nth-child(2) {
        padding-right: 0 !important;
        padding-left: 2px !important;
    }
    /* Transaction Type and Status side by side */
    .custom-searcbox .row > .col-lg-2:nth-child(3),
    .custom-searcbox .row > .col-lg-2:nth-child(4) {
        width: 50% !important;
        max-width: 50% !important;
        display: inline-block !important;
        margin-bottom: 4px !important;
        padding-right: 0px !important;
        padding-left: 0px!important;
    }
    .custom-searcbox .row > .col-lg-2:nth-child(4) {
        padding-right: 0 !important;
        padding-left: 2px !important;
    }
    /* Invoice full width */
    .custom-searcbox .row > .col-lg-2:nth-child(5) {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin-bottom: 4px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .custom-searcbox .form-control,
    .custom-searcbox .form-select {
        width: 100% !important;
        min-width: 0;
        font-size: 15px;
        padding: 4px 8px !important;
        height: 34px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box;
    }
    .custom-searcbox .date-input {
        height: 32px !important;
        padding: 4px 8px !important;
        font-size: 15px;
    }
    .custom-searcbox .sorting-dropdown,
    .custom-searcbox .form-group {
        width: 100%;
        margin-bottom: 0 !important;
    }
    .custom-searcbox {
        padding: 0 2px;
    }
    /* Hide search bar by default on mobile
    .searcbar-container {
      display: none;
    } */
    .searcbar-container.show-on-mobile {
        display: block;
        background: #e77a5c14;
        padding: 15px;
        border-radius: 12px;
    }
}

.ms-minus24px {
    margin-left: -1.5rem;
}

.list-search-result li {
    font-size: var(--fontSize12);
    font-weight: 500;
    color: var(--colorDarkCharcoal);
    font-family: var(--montserrat-font);
    padding: 7px 10px;
    cursor: pointer;
    border-radius: 8px;
}

.list-search-result li a {
    text-decoration: none;
    color: var(--colorDarkCharcoal);
}

.list-search-result li:hover {
    background-color: #DFEEFF;
    color: #1E1E1E;
}

.list-search-result {
    padding-left: 0;
    padding-bottom: 20px;
}

.chat-container .assistant-message {
    background: #ffffff;
    align-self: flex-start;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #00008C;
    border: 1px solid #DDDDDD;
    position: relative;
    padding: 20px 20px;
    margin-left: 70px;
}

.chat-container .assistant-message::before {
    content: ' ';
    background-color: #082567;
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0 0 10px;
}

.chat-container .message {
    border-radius: 10px!important;
    box-shadow: 0px 0.19px 3.57px 0px rgba(0, 0, 0, 0.2);
    line-height: 1.9;
}

.chat-container .user-message {
    background: #ffffff;
    align-self: flex-end;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #1E1E1E;
    border: 1px solid #DDDDDD;
    position: relative;
    padding: 20px 20px;
    margin-right: 70px;
}

.chat-container .user-message::before {
    content: ' ';
    background-color: #082567;
    width: 6px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 10px 10px 0;
}

.input-container .input-field {
    box-shadow: 0px 0.19px 3.57px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    padding: 8px 20px;
    max-width: 80%;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    height: 63px !important;
    color: 424242;
    font-weight: 500;
}

.input-container {
    border-top: none !important;
}

.input-container .send-button {
    border-radius: 10px;
    font-family: "Montserrat", sans-serif;
}

.chat-container .assistant-message::after {
    content: "";
    position: absolute;
    left: -72px;
    top: 0;
    width: 60px;
    height: 60px;
    background: url(https://stg.unifyams.ai/public/storage/2025/03/13/cms/chat-unify-logo.svg) no-repeat center/contain;
}

.chat-container .user-message::after {
    content: "";
    position: absolute;
    right: -72px;
    top: 0;
    width: 60px;
    height: 60px;
}

.container:has(.chat-container) {
    width: 100%;
    max-width: 100%;
}

.message-user-image {
    position: absolute;
    right: -67px;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.grid-box {
    padding: 0 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 14px;
}

.grid-box-text {
    font-weight: 600;
    color: var(--colorDarkCharcoal);
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-box img {
    border-radius: 14px 14px 0 0;
    height: 115px;
    object-fit: cover;
    width: 100%;
}

.grid-box .event-tag {
    padding: 8px 15px 10px 15px;
}

.vendor .topNavigationMenu {
    display: none;
}

.vendor #ivdl {
    padding-top: 25px !important;
}

.vendor .sidebar-outer {
    top: 85px!important;
}

.member #ily99o {
    margin: 0px 0 0!important;
}


/* mumbaisabha theme css  by tanaya*/

:root {
    --colorLightGray: #3B3F5C;
    --colorFooterBlue: #3E4093;
    --colorPeachBG: #C8102E;
    --colorBlack: #1E1E1E;
    --colorWhite: #ffffff;
    --whiteVarient: #FFF9F8;
}

::-webkit-scrollbar-track {
    background: var(--colorWhite);
}

p {
    font-family: 'Lato', sans-serif;
}

a {
    text-decoration: none;
}


/* text under slider */

.sliderCaption {
    background-color: var(--colorPeachBG);
    color: var(--whiteVarient);
    text-align: center;
    width: 100%
}

.sliderCaption h2 {
    font-weight: 700;
    font-size: 29.88px;
    leading-trim: NONE;
    line-height: 29.87px;
    letter-spacing: 0%;
    vertical-align: middle;
}

div#i5k4 {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    /* gap: 80px;*/
}

.footer {
    padding: 40px 0;
}

.colorFooterBlue {
    background-color: var(--colorFooterBlue);
}

.about-section {
    background-color: var(--colorPeachBG);
    padding: 50px 10px;
    color: var(--whiteVarient);
    text-align: center;
    h2 {
        font-family: Lato;
        font-weight: 800;
        font-size: 40px;
        line-height: 39.51px;
        letter-spacing: 0%;
        font-family: 'Lato', sans-serif;
    }
    p {
        text-align: justify;
        font-size: 20px;
        word-spacing: -1px;
    }
    h6 {
        font-family: Lato;
        font-weight: 400;
        font-size: 32px;
        line-height: 39.51px;
        letter-spacing: 0%;
        font-family: 'Lato', sans-serif;
    }
}


/*leadership boxes */

.divLeader#ibdhd {
    display: flex;
    gap: 40px;
}

.leadershipSingle {
    border: 2px solid #C2C2C2;
    border-radius: 11px;
    padding: 40px 32px 32px 32px;
}

.eventsWrapper {
    background-color: #f4f4f4;
}

.eventSingle {
    border: 2px solid #C2C2C2;
    border-radius: 11px;
    padding: 20px;
}

.eventsRow {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.btn-peach,
.btn-peach-small,
.btn-outline-peach {
    background-color: var(--colorPeachBG);
    padding: 5px 24px !important;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 18px;
    height: 42px;
    vertical-align: middle;
    border-radius: 45px;
    color: #ffffff;
    border: 2px solid var(--colorPeachBG);
}

.btn-peach:hover,
.btn-peach-small:hover,
.btn-outline-peach:hover {
    background: white;
    color: var(--colorPeachBG);
}

.btn-peach-small,
.btn-outline-peach {
    height: 32px;
    padding: 2px 10px !important;
    font-size: 14px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
}

.btn-outline-peach {
    height: 32px!important;
    line-height: 32px!important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--colorBlack);
    border: 2px solid var(--colorPeachBG);
    background-color: var(--colorPeachBG);
}

.news-wrapper {
    border: 2px solid #A8A8A8;
    border-radius: 11px;
    display: flex;
    gap: 10px;
}


/*breadcrumb-banner section styles starts */

.breadcrumb-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.breadcrumb-banner .container {
    padding: 3rem 0;
}

.breadcrumb-cust .breadcrumb-item + .breadcrumb-item:before,
.breadcrumb-cust .breadcrumb-item.active {
    color: #3d4097;
    font-weight: 400;
}

.pg-title h1 {
    color: var(--colorPeachBG);
}

.pg-title h1:after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    margin: 10px 0;
    background: var(--colorPeachBG);
    border-radius: 50px;
}

.row-bg-color {
    background: rgba(255, 255, 255, 0.7);
    width: 49%;
}


/* banner section styles ends */


/*tables*/

.mstable th,
.mstable td {
    height: 50px;
    vertical-align: middle;
}


/* Adjustable table columns for .mstable using classes */

.mstable .col-invoice,
.mstable .col-amount,
.mstable .col-status,
.mstable .col-date,
.mstable .col-action {
    width: 10%;
    min-width: 70px;
    max-width: 120px;
    text-align: center;
    white-space: nowrap;
}

.mstable .col-particular {
    width: 35%;
    min-width: 180px;
}

@media screen and (max-width: 922px) {
    table.mstable {
        border: 0;
    }
    table.mstable caption {
        font-size: 1.3em;
    }
    table.mstable thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table.mstable tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
        padding: 0;
    }
    table.mstable td {
        border-bottom: 1px solid #e5e5e5;
        display: block;
        text-align: center;
    }
    table.mstable td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    table.mstable td:last-child {
        border-bottom: 0;
    }
}

.hide {
    display: none
}

.teamDetails .eventSingle {
    text-align: center
}

.teamDetails .eventSingle img {
    border-radius: 50%;
    width: 150px
}

.listBg {
    background-repeat: repeat;
    background-position: left top;
    background-attachment: scroll;
    background-size: auto;
    background-image: linear-gradient(rgba(231, 122, 92, 0.08) 0%, rgba(231, 122, 92, 0.08) 100%);
}

.listTitle:after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    margin: 10px 0;
    background: var(--colorPeachBG);
    border-radius: 50px;
    margin: 10px auto
}

.gyaanshalatable {
    width: 65%;
    margin: 0 auto;
    text-align: center
}

.mstable th {
    background-color: #e77a5c !important;
    color: #ffffff !important;
    height: 50px;
    vertical-align: middle;
}

.gyaanshalatable thead {
    background-color: #f77553;
}

.acharya-tabs .tab {
    padding: 7px 14px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 10px;
    box-shadow: 0 4px 20px -8px hsl(25 30% 15% / 0.1);
    background: rgb(231 122 92 / 67%);
    color: #fff;
    cursor: pointer;
}

.acharya-tabs .tab:focus {
    outline: none;
}

.acharya-tabs .tab-container {
    text-align: center;
    margin: 20px auto 0;
    width: 100%;
}

.acharya-tabs .tab.tab-active {
    background-color: rgb(231 122 92);
    color: white;
    border-bottom: solid 5px #f2b4a4;
}

.acharya-tabs .tab-content {
    display: inline-block;
    padding: 30px;
    border: 1px solid #dedad3;
    border-radius: 20px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    margin-top: 20px;
    animation: fadeEffect 1s;
    width: 100%;
    font-size: 18px;
    line-height: 36px !important;
}

.acharya-tabs .tab-content .inner-card {
    border: 1px solid #dedad3;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    margin: 10px 0 30px;
    padding: 20px;
    background: rgba(231, 122, 92, 0.08);
}

.acharya-tabs .tab-content h4 {
    font-weight: 600;
}

.acharya-tabs .tab-content h2 {
    font-weight: 700;
    margin-bottom: 20px;
}

.acharya-tabs .tab-content ul {
    list-style: disc;
    margin: 0 0 0 20px;
}

.owl-dots {
    display: none
}

.acharya-tabs .tab-content p {
    margin: 10px 0;
    line-height: 36px !important;
}

.acharya-tabs .tab-content .list-inner-card {
    background-color: #ffffff;
}

.contact-ul {
    width: 80%;
    font-size: 18px
}

.spiritual-list {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.spiritual-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 20px;
    color: #fff;
    width: 50%;
    font-weight: 600;
}

.spiritual-list .icon {
    position: absolute;
    left: 0;
    top: 0px;
    width: 25px;
    height: 25px;
    background-image: url('https://cdn4.iconfinder.com/data/icons/relegion-beliefs/100/Beliefs_REFFT-15-1024.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.banner {
    min-height: 300px;
    position: relative;
    margin-bottom: 50px;
}

.banner-inner {
    position: relative;
    height: 100%;
    min-height: 300px;
}

.banner-caption {
    position: absolute;
    left: 0;
    bottom: 50px;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    line-height: normal;
}

.banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.title {
    position: relative;
    padding-bottom: 39px;
    display: flex;
    font-size: 37px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center
}

.title:after {
    content: '';
    width: 100px;
    height: 5px;
    background-color: var(--colorPeachBG);
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 20px 0;
    font-size: 50px;
    transform: translate(-50%, -0%);
}

table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}

table th,
table td {
    padding: .625em;
    text-align: center;
    height: 50px;
    vertical-align: middle
}

table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.upasak-tabs table.mstable {
    width: 75%;
    margin: 0 auto;
    text-align: center;
}

.list-inner-card {
    background-color: #ffffff;
}

@media screen and (max-width: 1024px) {
    .headerMenu nav {
        position: absolute;
        width: 100%;
        top: calc(100% - 0px);
        left: 0;
        background-color: #fff;
        display: none;
        /* height: 90vh; */
        overflow: auto;
    }
    .headerMenu.active nav {
        display: initial;
        padding: 15px 0;
    }
    .headerMenu ul li,
    nav.footer ul li {
        width: 100%;
        padding: 5px 0;
    }
    .headerMenu ul li ul.dropdown {
        position: static;
        width: 100%;
        padding: 0;
        background-color: var(--bgPrimaryDark);
        border-radius: 10px;
        margin-top: 15px;
    }
    .headerMenu ul li ul li ul.submenu li a.active-link {
        background: none;
        color: var(--bgGreen);
    }
    .headerMenu ul li .downArrow {
        top: auto;
    }
    .headerMenu ul li ul {
        position: relative;
        left: 0;
        width: 100%;
    }
    .headerMenu ul li ul li ul {
        top: 0;
        left: 0;
    }
    /* .headerMenu ul li:hover ul li {
    background-color: aquamarine;
  } */
    .headerMenu ul li a {
        color: white;
    }
    .menuToggle {
        position: relative;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 0px;
        z-index: 3;
        top: 0;
    }
    .headerMenu ul li .downArrow {
        right: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .mstable th,
    .mstable td {
        height: auto
    }
}

@media screen and (max-width: 922px) {
    table.mstable {
        border: 0;
    }
    table.mstable caption {
        font-size: 1.3em;
    }
    table.mstable thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table.mstable tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
        background: #fff;
    }
    table.mstable td {
        border-bottom: 1px solid #e5e5e5;
        display: block;
        text-align: center;
    }
    table#mypayment.mstable td {
        text-align: left;
        display: inline-block
    }
    table.mstable td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    table.mstable td:last-child {
        border-bottom: 0;
    }
}

.banner-carousel .item {
    padding: 0;
    position: relative;
}

.banner-carousel .item img {
    width: 100%;
    border-radius: 0;
}

.page-content {
    padding: 60px 0 0 0 !important;
}

.banner-carousel .owl-dots {
    width: 100%;
    padding: 10px;
    position: absolute;
    bottom: 40px;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
}

.owl-carousel button.owl-dot {
    background: var(--colorWhite);
    border: 1px solid var(--colorWhite);
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin: 5px;
}

.banner-carousel button.owl-dot {
    background: var(--colorWhite);
    border: 1px solid var(--colorWhite);
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin: 5px;
}

.banner-carousel button.owl-dot.active {
    background: var(--colorPrimary);
    border: 1px solid var(--colorPrimary);
}

.banner-carousel {
    position: relative;
}

.banner-carousel:after {
    height: 186px;
    position: absolute;
    content: '';
    background: url(/public/storage/2025/03/10/cms/banner-svg.svg) no-repeat center bottom;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1;
    display: block;
}

.banner-carousel .item:after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 50%;
    height: 100%;
    background-image: url(/public/storage/2025/03/10/cms/banner-tree.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
}

.carousel-caption {
    position: absolute;
    top: 15%;
    max-width: 400px;
    width: 100%;
    left: 4%;
    text-align: left;
}

.caption-heading {
    font-size: var(--fontSize48);
    font-family: var(--bloggerSansBold);
    margin-bottom: 0;
    line-height: 1.3;
}

.caption-subheading {
    font-family: var(--bloggerSansMedium);
    font-size: var(--fontSize30);
    margin-bottom: -3px;
}

.caption-desc {
    font-size: var(--fontSize16);
    margin-top: 5px;
    line-height: 2;
    margin-bottom: 20px;
}

.banner-carousel .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/public/storage/2025/03/10/cms/home-banner-caption-bg.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left;
}

.banner-carousel .owl-nav {
    /*top:35%;*/
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.banner-carousel .owl-nav .owl-prev,
.banner-carousel .owl-nav .owl-next {
    font-size: 80px !important;
}

.banner-carousel .owl-nav .owl-prev {
    margin-left: 10px;
}

.banner-carousel .owl-nav .owl-next {
    margin-right: 10px;
}

.banner-carousel .owl-nav .owl-prev span,
.banner-carousel .owl-nav .owl-next span {
    color: rgba(0, 0, 0, 0.4);
}

.banner-carousel .owl-nav .owl-prev:hover span,
.banner-carousel .owl-nav .owl-next:hover span {
    color: rgba(0, 0, 0, 0.8);
}

.spiritual-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    font-size: 20px;
    color: #fff;
    width: 50%;
    font-weight: 600;
}

.spiritual-list .icon {
    position: absolute;
    left: 0;
    top: 0px;
    width: 25px;
    height: 25px;
    background-image: url('https://cdn4.iconfinder.com/data/icons/relegion-beliefs/100/Beliefs_REFFT-15-1024.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.acharyas-name {
    text-align: center;
    position: relative;
}

.acharyas-name h2 {
    position: relative;
    padding-bottom: 39px;
    display: flex;
    font-size: 37px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.acharyas-name h2:after {
    content: '';
    width: 100px;
    height: 5px;
    background-color: var(--colorPeachBG);
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 20px 0;
    font-size: 50px;
    transform: translate(-50%, -0%);
}

.acharya-tabs .tab {
    padding: 7px 14px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 10px;
    box-shadow: 0 4px 20px -8px hsl(25 30% 15% / 0.1);
    background: rgb(231 122 92 / 67%);
    color: #fff;
    cursor: pointer;
    margin-bottom: 5px;
}

.acharya-tabs .tab:focus {
    outline: none;
}

.acharya-tabs .tab-container {
    text-align: center;
    margin: 20px auto 0;
    width: 100%;
}

.acharya-tabs .tab.tab-active {
    background-color: rgb(231 122 92);
    color: white;
    border-bottom: solid 5px #f2b4a4;
}

.acharya-tabs .tab-content {
    display: inline-block;
    padding: 30px;
    border: 1px solid #dedad3;
    border-radius: 20px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    margin-top: 20px;
    animation: fadeEffect 1s;
    width: 100%;
    font-size: 18px;
    line-height: 36px !important;
}

.acharya-tabs .tab-content .inner-card {
    border: 1px solid #dedad3;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    margin: 10px 0 30px;
    padding: 20px;
    background: rgba(231, 122, 92, 0.08);
}

.acharya-tabs .tab-content h4 {
    font-weight: 600;
}

.acharya-tabs .tab-content h2 {
    font-weight: 700;
    margin-bottom: 20px;
}

.acharya-tabs .tab-content ul {
    list-style: disc;
    margin: 0 0 0 20px;
}

.acharya-tabs .tab-content p {
    margin: 10px 0;
    line-height: 36px !important;
}

.acharyas-img {
    max-width: 300px;
    min-width: 300px
}

.highlighted-quote {
    border-left: 3px solid var(--colorPeachBG);
    line-height: 35px !important;
    background-repeat: repeat;
    background-position: left top;
    background-attachment: scroll;
    background-size: auto;
    background-image: linear-gradient(#f9d5d5 0%, #f9d5d5 100%);
    padding: 10px 10px 10px 30px;
}

.grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 40px;
}

.info-block {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

.info-label {
    font-weight: bold;
    color: var(--colorPeachBG);
    width: 170px;
    max-width: 170px;
}

.info-value {
    color: #666;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    text-align: center;
    margin-top: 30px;
}

.card {
    background-color: #ffffff;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.tab-content .card {
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
}

.card-title {
    font-size: 24px;
    font-weight: bold;
    color: var(--colorPeachBG) !important;
}

.member h3 .card-title {
    font-size: var(--font-size18);
    font-weight: 500;
    color: #000!important;
    text-align: left
}

.front-PDF-section .title3,
.front-video-section .title3 {
    display: none;
}

.front-PDF-section .card-title {
    font-size: 16px;
    font-weight: 600;
    color: #1E1E1E!important
}

.card-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #666666;
    margin-top: 4px;
}

@media (max-width: 992px) {
    .spiritual-list li {
        width: 100%;
    }
    #itql {
        margin: 0 0 20px 0;
    }
}

@media (min-width: 768px) {
    .grid-container {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .banner-carousel .owl-nav .owl-prev,
    .banner-carousel .owl-nav .owl-next {
        font-size: 25px !important;
    }
    .banner-carousel .owl-nav {
        top: 45% !important;
        display: none;
    }
    .acharyas-name h2 {
        font-size: 28px
    }
    .info-block {
        flex-direction: column;
    }
    #i0azn {
        max-width: 100%;
    }
}


/*theme css ends here*/

.searchbartop input,
.searchbartop select {
    max-width: 100% !important;
    border-radius: 12px;
}

.searchbartop .search-box {
    border-radius: 12px;
}

.searchbartop .search-box .form-control {
    border-right: none !important;
}

.front-PDF-section .pdf-section h5,
.front-video-section .video-section h5 {
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0;
}

.resource-box a {
    font-size: 18px;
    font-weight: 700;
    color: var(--colorPeachBG);
}

.resource-box,
.video-box iframe {
    display: flex;
    flex-direction: column;
    max-width: 200px;
    gap: 20px;
    width: 200px;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    background-color: rgba(231, 122, 92, 0.08)
}

.video-box iframe {
    max-width: 300px;
    width: 300px;
}

.video-box {
    flex-direction: row;
    max-width: 100%;
    flex-wrap: wrap;
    display: flex;
    /* width: 300px; */
    gap: 20px;
}

.front-footer .white-logo {
    max-width: 350px;
}

.front-footer a {
    color: #fff;
}

.front-footer .footer-ul {
    max-width: 300px;
}

.video-container {
    display: flex;
    flex-direction: row!important;
    gap: 20px!important;
    flex-wrap: wrap!important;
}

.video-item {
    border: 0!important;
    background-color: transparent!important;
    width: 32%;
    height: 350px;
    display: flex;
    flex-direction: column-reverse;
}

.video-item .text-muted {
    display: none;
}

.video-title {
    font-size: 16px important;
    font-weight: 600;
    margin: 20px 0!important;
    color: #1E1E1E;
    line-height: normal!important;
}

.front-video-section .card-img-top {
    height: 100px;
}

.front-video-section .card-title {
    font-size: 16px;
    font-weight: bold;
    color: #1E1E1E!important;
}

.btn:first-child:active {
    background-color: var(--colorPeachBG);
    border-color: var(--colorPeachBG);
}

.front-video-section .card-body {
    padding: 16px 0;
}

.sidebar .nav {
    flex-direction: column;
}

.family-box {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    padding: 0;
    border-radius: 16px;
    position: relative;
    margin: 12px 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    overflow: hidden;
   /* height: calc(100% - 24px);*/
  height: calc(100% - 0px);
    background: #fff;
    align-items: center;
}

.family-box .family-member-header {
    background: #f9f9f9;
    padding: 16px;
height:220px;
}

#family-info .family-box .family-member-header,
.extra-family-members .family-box .family-member-header {
    min-height: auto;
}

.family-member-image .no-record-found {
    border: 1px dashed #ccc;
    border-radius: 12px;
    padding: 30px;
    background: #f6f6f6;
    /* min-height: 300px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #98a2ae;
}

.no-record-found img {
    width: 50%;
    max-width: 200px
}

.family-box.headoffamily .family-member-header {
    background: transparent;
}

.family-box .family-member-header .family-member-pic {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
}

.family-box .change-family-head-trigger h3 {
    font-weight: 600;
    margin: 0 0 5px;
}

.memname h5 {
    font-size: 14px;
    font-weight: 600;
}

.memname p {
    font-size: 12px;
    font-weight: 400;
}

.rel-age-txt {
    text-align: left;
}

.rel-age-txt p {
    font-size: 12px;
    font-weight: 400;
    color: #444;
    margin: 0 0 5px;
}

.rel-age-txt h6 {
    font-size: 14px;
    font-weight: 500;
    color: #1E1E1E;
}

.family-textbox {
    max-width: 100%;
    margin: 0 auto;
    padding: 16px;
    width: 100%;
}

.memberboxfooter {
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 10px;*/
gap:4px;
position: absolute !important;
bottom:0;
}

.family-box .family-textbox .d-flex.w-100.justify-content-around{
margin-bottom: 10px;
}

.member-status-tag {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 600;
    margin: 10px 0 0;
    display: inline-block;
    background: #DFFFE4;
    border: solid 1px #9AECA7;
    color: #10AB29;
}

.memberboxfooter .member-links {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.memberboxfooter .member-links a {
    background: transparent;
    color: var(--colorPeachBG) !important;
    border: solid 1px var(--colorPeachBG);
    display: flex;
    align-items: center;
    font-size: 12px;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
}

.memberboxfooter .member-links a:hover {
    background: var(--colorPeachBG);
    color: #fff !important;
}

.max-widthnone {
    max-width: none;
}

.page-title {
    font-size: var(--fontSize24);
    color: var(--colorPeachBG);
}

.family-brief-info {
    flex-direction: row;
}

.info-block-family {
    flex-direction: column;
}

.info-block-family p {
    font-size: 12px;
}

.info-block-family h6 {
    font-size: 18px;
}


/*  .headoffamily.family-box .family-member-header .family-member-pic {
width:200px;
height:200px;
 border-radius:0px;
  } */

.headoffamily.family-box .family-member-header .family-member-pic img {
    width: 100px;
    height: 100px;
    border-radius: 12px;
}

.headoffamily .memberboxfooter .member-links a {
    width: 40px;
    height: 40px;
    justify-content: center;
    font-size: 18px;
    background: var(--colorPeachBG) !important;
    color: #fff !important;
}

.headoffamily .memberboxfooter .member-links a span {
    display: none;
}

.change-family-head-popup .modalin {
    padding: 16 16px 16px;
    border-radius: 5px;
    border: solid 1px #ccc;
    text-align: center;
    margin-top: 30px;
}

.change-family-head-popup .modal-content {
    border-radius: 16px;
}

.change-family-head-popup .modalin h4 {
    font-family: var(--montserrat-font) !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: var(--colorBlack) !important;
    text-transform: capitalize !important;
}

.relation-select-box {
    min-width: 180px;
    width: 180px;
    max-width: 180px;
}

.change-family-head-popup .modalin label {
    margin-top: 0 !important;
    font-size: 20px;
    font-weight: 400;
    color: var(--colorDarkCharcoal);
    margin-bottom: 5px;
    font-family: var(--montserrat-font) !important;
    margin: 10px 0;
    display: block;
}

.member .change-family-head-popup .modalin label {
    font-size: 14px;
}

.member .change-family-head-popup .modalin label.error {
    color: var(--colorRed2);
    font-size: var(--fontSize12);
    margin: 2px 0 0;
    font-weight: 400;
    text-transform: none
}

.close-btn {
    background: transparent;
    border: none;
    font-size: 37px;
    position: absolute;
    right: 5px;
    top: -8px;
    font-weight: 400;
}

.change-family-head-popup .modalin .form-select {
    width: 99%;
    max-width: 100%;
    border-radius: 12px;
}

.mem-location {
    margin: 0 16%
}

.mem-location img {
    max-width: 25px;
}

.members-div a:hover {
    color: #170F49
}

.members-div a:hover .member-box-content {
    background: #f4f4f4;
}

.blood-group-bx {
    background: hsla(13, 73%, 67%, 1);
    background: linear-gradient(119deg, hsla(13, 73%, 67%, 1) 0%, hsla(13, 72%, 72%, 1) 35%, hsla(13, 74%, 63%, 1) 100%);
    background: -moz-linear-gradient(119deg, hsla(13, 73%, 67%, 1) 0%, hsla(13, 72%, 72%, 1) 35%, hsla(13, 74%, 63%, 1) 100%);
    background: -webkit-linear-gradient(119deg, hsla(13, 73%, 67%, 1) 0%, hsla(13, 72%, 72%, 1) 35%, hsla(13, 74%, 63%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#E98A6F", endColorstr="#EB9982", GradientType=1);
    color: #fff;
    font-size: 18px;
    padding: 5px;
    border-radius: 20px;
    width: 54px;
    height: 31px;
    display: inline-block;
    line-height: normal;
    font-weight: 600;
}

.matrimonial-directory .member-text-details .name span.relation-name {
    background: #f4d8d0;
    color: #555555;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 500;
    position: relative;
    top: -6px;
    border: 1px solid #e77a5c;
}

@media screen and (max-width: 1024px) {
    .mstable th,
    .mstable td {
        height: auto
    }
    .mem-location {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .matrimonial-directory .member-text-details .name span.relation-name {
        display: inline-block;
        flex: 0 0 auto;
        width: auto;
        top: 2px;
        text-align: center;
        min-width: 74px;
        max-width: 185px;
        margin: 0 auto;
    }
    .sidebar-outer {
        position: -webkit-sticky;
        position: fixed;
        top: 125px;
        max-height: 542px;
        margin-left: 24px;
        z-index: 1901;
        flex: 1 0 90px !important;
    }
    .sidebar li.parent_menu .nav-link.dropdown-toggle .menu-name {
        display: block;
    }
    .sidebar {
        background: var(--colorPeachBG);
        border-radius: 24px 24px 0 0;
        padding: 0 0;
        position: static;
        z-index: 2;
        transition: all 0.5s ease-in-out;
        width: 90px;
        /* overflow: hidden; */
        /*    left: 20px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);*/
    }
    .sidebar-outer .sidebar {
        width: 96%;
        height: 70px;
        margin: 0 auto;
    }
    .sidebar li {
        margin: 2px auto;
        width: 70px;
    }
    .sidebar li {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        margin: 0 auto
    }
    .sidebar .dropdown-menu {
        display: none;
    }
    .sidebar li a {
        width: 100%;
        height: 69px;
        padding: 15px 0;
        margin: 0!important;
    }
    .bottom-sheet li a {
        height: 50px;
        justify-content: flex-start;
        align-items: center
    }
    .sidebar a:hover,
    .sidebar a.show {
        background: rgba(255, 255, 255, 0.10);
        color: var(--colorWhite);
        height: 69px;
        margin: 0;
        width: 100%;
    }
    .sidebar a {
        color: var(--colorWhite);
        display: flex;
        /* height: 40px; */
        padding: 0;
        border-radius: 0px;
        align-items: center;
        /* overflow: hidden; */
        flex-direction: column;
        /* background: red; */
    }
    .menu-icon {
        flex: 0;
    }
    .dropdown {
        top: 0;
    }
    .sidebar li .menu-name {
        /* opacity: 1; */
        /* transition: all 0.5s ease-in-out; */
        /* white-space: nowrap; */
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border: none;
        transform: none !important;
        height: auto;
        margin: 0 !important;
        inset: revert !important;
        position: absolute !important;
        height: auto !important;
        left: 60px !important;
        top: 50% !important;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border: none;
        border-radius: 8px;
        transform: translate(0, -50%) !important;
        /* background: #fff; */
        color: #1E1E1E!important;
        padding: 17px;
    }
    .sidebar li .nav-link .menu-name {
        display: block;
        position: relative!important;
        left: auto!important;
        padding: 0;
        bottom: 0;
        box-shadow: none;
        font-size: 10px;
        top: 11px!important;
        color: #fff!important;
        background: transparent;
    }
    .sidebar-outer {
        display: block!important;
        position: fixed;
        max-height: 100%;
        flex: 1 0 100% !important;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
        justify-content: center;
        /* position: absolute; */
        top: auto;
        width: 100%;
        min-height: 70px!important;
        left: 0;
        right: 0;
    }
    .sidebar .nav {
        flex-direction: row;
    }
    .sidebar .nav .dropdown-toggle::after {
        display: none;
    }
    .sidebar li .menu-name:before {
        display: none;
    }
    .sidebar li .menu-name:after {
        display: none;
    }
    .family-box {
        flex-direction: column;
    }
    .front-footer .white-logo {
        max-width: 300px;
    }
}

.visit-web-box {
    display: inline-block;
    background-color: #fff;
    border-radius: 50px;
    padding: 7px 10px;
    text-align: center;
    /* transition: all 0.3s ease; */
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
    border: 1px solid #c1bbbb;
}

.visit-web-box a {
    text-decoration: none;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 10px;
}

.visit-web-box .menu-icon {
    justify-content: flex-start;
    width: auto;
    flex: 0;
    justify-content: center;
    align-items: center;
}

.visit-web-box .menu-icon svg .svg-icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
    fill: var(--colorPeachBG);
    stroke: var(--colorPeachBG);
}

.visit-web-box .menu-name {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: normal;
    opacity: 1;
    color: #1E1E1E;
    font-weight: 500;
    gap: 1px;
}

.visit-web-box .menu-name small {
    font-size: 10px;
    color: #101010;
    text-align: left;
    font-weight: 400;
}

.bottom-sheet {
    display: none;
}

.desktop-hide {
    display: none;
}


/* Detail Cards */

.detail-card {
    background: white;
    border-radius: 16px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    overflow: hidden;
    margin-bottom: 30px;
    /* height: 100%; */
    /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
}

.detail-card.contact-card .info-group,
.detail-card.personal-card .info-group,
.detail-card.professional-card .info-group {
    margin-bottom: 10px;
    /* padding-bottom: 12px; */
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    /* background: #f4f4f4; */
    /* align-items: center; */
    justify-content: flex-start;
}

.detail-card.contact-card .info-label,
.detail-card.personal-card .info-label,
.detail-card.professional-card .info-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-color2);
    width: auto;
    max-width: none;
    /* margin: 0 0 8px 0; */
    /* text-transform: uppercase; */
    /* letter-spacing: 0.5px; */
    /* height: 50px; */
    /* max-width: 30%; */
    /* width: 30%; */
}

.detail-card.contact-card .info-value,
.detail-card.personal-card .info-value,
.detail-card.professional-card .info-value {
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    margin: 0;
    /* line-height: 1.4; */
    /* word-wrap: break-word; */
    /* padding-left: 24px; */
    /* width: 70%; */
    align-items: flex-start;
    /* height: 50px; */
}

.detail-card.contact-card .info-value a,
.detail-card.personal-card .info-value a,
.detail-card.professional-card .info-value a {
    color: var(--colorBlack);
}

.detail-card.contact-card .info-value a:hover,
.detail-card.personal-card .info-value a:hover,
.detail-card.professional-card .info-value a:hover {
    color: var(--colorBlack);
    text-decoration: underline
}

.association-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2%;
}

.association-list li {
    display: inline-block;
    width: 48%;
}

.detail-card .card-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #1E1E1E!important;
    font-family: "Montserrat", sans-serif;
}

.detail-card .card-header {
    padding: 15px 15px 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 2px solid #f1f3f4;
}

.detail-card .card-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    background: #e8e9ea;
    color: #1e1e1e;
}

.detail-card .card-body {
    padding: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.detail-card.matrimony-card .card-body {
    min-height: auto;
}

.detail-card.matrimony-card .info-group {
    margin-bottom: 0
}


/* Profile Header Card */

.profile-header-card {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    padding: 0;
    border-radius: 16px;
    position: relative;
    margin: 12px 0;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    overflow: hidden;
    background: #fff;
}

.profile-header-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.profile-avatar {
    max-width: 100%;
    padding: 16px;
}

.avatar-in {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
}

.profile-image {
    width: 100px;
    height: 100px;
    border-radius: 12px;
}

.profile-name {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 5px;
    color: #1e1e1e;
    text-transform: capitalize;
}

.membership-id {
    font-size: 16px;
    margin: 0 0 5px 0;
    opacity: 1;
    color: #333;
    text-align: left;
}

.designation {
    font-size: 14px;
    margin: 0;
    opacity: 0.8;
}

.profile-actions {
    flex-shrink: 0;
}

p.info-value.red {
    color: red!important;
}

.searcbar-container {
    transition: all 0.3s ease;
}

.register-form-footer .d-flex {
    flex-direction: row
}

@media (max-width: 768px) {
    .profile-header-content {
        flex-direction: column;
    }
    .info-box {
        font-size: var(--fontSize14)
    }
    .searcbar-container .form-control,
    .searcbar-container .form-select {
        padding: 8px 22px!important;
    }
    .searcbar-container .search-box .form-control {
        padding: 8px 0!important;
    }
    .mobile-hide {
        display: none!important;
    }
    .desktop-hide {
        display: block;
    }
    .bottom-sheet .mobile-hide {
        display: block!important;
    }
    .bottom-sheet .desktop-hide {
        display: none!important;
    }
    body.member {
        padding: 0 20px;
        background-color: var(--colorWhite)!important
    }
   
    .logo img {
        max-width: 60px;
    }
    .front .logo img {
        max-width: none;
    }
    .register-form-footer .d-flex {
        flex-direction: column
    }
    .btn-outline-primary {
        font-size: var(--fontSize14) !important
    }
    .page-title {
        font-size: var(--fontSize20);
        width: 100%
    }
    /* Bottom sheet */
    .bottom-sheet {
        position: fixed;
        bottom: -100%;
        left: 0;
        right: 0;
        background: var(--colorPeachBG);
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        padding: 20px;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
        transition: bottom 0.3s ease;
        z-index: 200;
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 75vh;
        overflow: auto;
        transform: translateY(100%);
        transition: transform .25s ease;
        z-index: 9999;
    }
    #bottomSheet.active {
        transform: translateY(0);
    }
    .sheet-item {
        padding: 12px 0;
        border-bottom: 1px solid #ddd;
        font-size: 16px;
    }
    .sheet-close {
        text-align: right;
        margin-bottom: 10px;
        font-weight: bold;
        color: var(--colorWhite);
        cursor: pointer;
    }
    /* Backdrop (hidden by default) */
    #sheetBackdrop {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .35);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .2s ease, visibility 0s linear .2s;
        z-index: 9998;
    }
    #sheetBackdrop.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s;
    }
    body.member {
        background-color: var(--colorWhite) !important;
        padding: 0 20px;
    }
    .bottom-sheet li {
        position: relative;
    }
    .bottom-sheet li .nav-link .menu-name {
        color: #fff !important
    }
    .bottom-sheet li .nav-link .menu-name.dropdown-toggle::after {
        display: none;
    }
    .bottom-sheet li {
        width: 100%;
        border-bottom: 1px solid #f4f4f4
    }
    .bottom-sheet a {
        display: flex;
        flex-direction: row;
    }
    .bottom-sheet .menu-icon {
        flex: 0 0 48px;
    }
    .bottom-sheet li .nav-link .menu-name {
        font-size: 14px;
        opacity: 1
    }
    #ivdl.gjs-row {
        padding-bottom: 120px;
    }
    .bottom-sheet li a.dropdown-toggle::after {
        display: none;
    }
    .detail-card.contact-card .info-value,
    .detail-card.personal-card .info-value,
    .detail-card.professional-card .info-value {
        height: auto;
        width: auto;
        padding-left: 0;
    }
    .detail-card.contact-card .info-label,
    .detail-card.personal-card .info-label,
    .detail-card.professional-card .info-label {
        height: auto;
        max-width: none;
        width: auto;
    }
    .detail-card.contact-card .info-group,
    .detail-card.personal-card .info-group,
    .detail-card.professional-card .info-group {
        flex-direction: column;
        align-items: flex-start
    }
    .bottom-sheet .dropdown-menu {
        position: relative!important;
        top: auto!important;
        left: 0!important;
        box-shadow: none;
        border-radius: 0;
        background: transparent;
        padding: 0 0 0 12px!important;
        width: 100%;
        transform: none!important;
    }
    .bottom-sheet li {
        display: flex;
        flex-direction: column;
    }
    .bottom-sheet .dropdown-menu li a {
        color: #fff;
        height: 40px;
    }
    .bottom-sheet .dropdown-menu li a p {
        font-size: 14px;
    }
    .bottom-sheet .dropdown-menu li:last-child {
        border: 0;
    }
    .bottom-sheet .dropdown-menu:before,
    .bottom-sheet .dropdown-menu:after {
        display: none;
    }
    .bottom-sheet .dropdown-menu p.fw-semibold {
        display: none
    }
    .bottom-sheet .dropdown a:before {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        right: 20px;
        top: 17px;
        border: solid #ffffff;
        border-width: 0 3px 3px 0;
        display: inline-block;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .bottom-sheet .dropdown a.show:before {
        transform: rotate(223deg);
        -webkit-transform: rotate(223deg);
        top: 23px;
    }
    .bottom-sheet .dropdown ul li a:before {
        display: none;
    }
    .sliderCaption h2 {
        font-weight: 700;
        font-size: 18px;
        leading-trim: NONE;
        line-height: normal;
        letter-spacing: 0%;
        vertical-align: middle;
    }
}

@media (max-width: 767px) {
    .front .searcbar-container .form-select {
        margin-top: 10px;
        height: 48px!important;
    }
}


/* Stepper Styles */

.stepper-wrapper {
    margin-bottom: 30px;
}

.stepper-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
    gap: 10px;
}

.stepper-nav::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #e0e0e0;
    z-index: 0;
}

.step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    cursor: pointer;
    z-index: 1;
    min-width: 0;
    padding: 0 5px;
}

.step-number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e0e0e0;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.step-title {
    font-size: 14px;
    color: #666;
    text-align: center;
    transition: all 0.3s ease;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

.step-item.active .step-number {
    background-color: #e77a5c;
    color: white;
}

.step-item.active .step-title {
    color: #e77a5c;
    font-weight: 600;
}

.step-item.completed .step-number {
    background-color: #28a745;
    color: white;
}

.step-item.completed .step-title {
    color: #28a745;
}

.step-item.completed .step-number::after {
    content: '✓';
    font-size: 16px;
}

.step-content {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.step-navigation {
    border-top: 1px solid #e9ecef;
    padding-top: 20px;
}


/* Step validation error styles */


/* .step-error-msg {
    display: block !important;
    margin-top: 5px;
    font-size: 0.875em;
    color: #dc3545 !important;
    font-weight: 400;
    font-style: italic;
    font-size: 13px;
    letter-spacing: 0.1px;
}

  .step-error {
    border-color: #dc3545 !important;
  } */

.button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 600px) {
    .button-container {
        flex-direction: column;
    }
}


/* Responsive Design for Stepper */


/* Large tablets and small desktops */

@media (max-width: 1024px) {
    .stepper-nav {
        gap: 8px;
    }
    .step-number {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }
    .step-title {
        font-size: 13px;
    }
}


/* Tablets */

@media (max-width: 768px) {
    .stepper-nav {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .stepper-nav::before {
        display: none;
    }
    .step-item {
        flex: none;
        min-width: 120px;
        margin-bottom: 10px;
    }
    .step-number {
        width: 40px;
        height: 40px;
        font-size: 14px;
        margin-bottom: 6px;
    }
    .step-title {
        font-size: 12px;
        max-width: 100px;
    }
}


/* Mobile phones */

@media (max-width: 700px) {
    .stepper-wrapper {
        margin-bottom: 20px;
    }
    .stepper-nav {
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }
    .stepper-nav::before {
        display: none;
    }
    .step-item {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 8px 12px;
        background: #f8f9fa;
        border-radius: 8px;
        border: 1px solid #e9ecef;
        margin-bottom: 8px;
        min-width: auto;
        cursor: pointer;
        transition: all 0.3s ease;
        display: none
    }
    .step-item:hover {
        background: #e9ecef;
    }
    .step-item.active {
        background: #e77a5c24;
        border-color: #e77a5c;
        display: flex
    }
    .step-item.completed {
        background: #e8f5e8;
        border-color: #28a745;
    }
    .step-number {
        width: 35px;
        height: 35px;
        font-size: 12px;
        margin-bottom: 0;
        margin-right: 12px;
        flex-shrink: 0;
    }
    .step-title {
        font-size: 14px;
        text-align: left;
        max-width: none;
        flex: 1;
    }
    .step-content {
        padding: 15px;
        margin-bottom: 15px;
    }
    .step-navigation {
        padding-top: 15px;
    }
    .step-navigation .btn {
        padding: 8px 16px;
        font-size: 14px;
    }
    .step-navigation .btn.btn-success {}
}


/* Extra small mobile devices */

@media (max-width: 375px) {
    .step-item {
        padding: 6px 10px;
    }
    .step-number {
        width: 30px;
        height: 30px;
        font-size: 11px;
        margin-right: 10px;
    }
    .step-title {
        font-size: 13px;
    }
    .step-content {
        padding: 12px;
    }
}


/* Landscape orientation on mobile */

@media (max-width: 768px) and (orientation: landscape) {
    .stepper-nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
    .step-item {
        flex-direction: column;
        min-width: 100px;
        padding: 8px;
        background: transparent;
        border: none;
    }
    .step-number {
        margin-right: 0;
        margin-bottom: 4px;
    }
    .step-title {
        text-align: center;
        font-size: 11px;
    }
}


/* Touch-friendly improvements */

@media (hover: none) and (pointer: coarse) {
    .step-item {
        min-height: 44px;
        /* Minimum touch target size */
    }
    .step-number {
        min-width: 44px;
        min-height: 44px;
    }
}

.custom-file-upload {
    cursor: pointer;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    font-weight: normal;
    cursor: pointer;
    border: none;
    color: transparent;
}

.custom-file-upload:hover {
    background: transparent;
    color: transparent;
}

.custom-file-upload input[type="file"] {
    display: none;
}

.custom-file-label {
    display: flex;
    padding: 8px 15px;
    color: #fff !important;
    background-color: var(--colorPeachBG);
    border-radius: 30px !important;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    font-weight: 600 !important;
    justify-content: center;
    align-items: center;
    height: 48px;
}

.custom-file-label:hover {
 /*   background-color: #fff;
    border: 2px solid #e77a5c;
    color: #e77a5c!important;*/

border: solid 2px;
    background: transparent;
    color: var(--colorPeachBG) !important;
}

.file-name {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
}

.add-staff-link {
    font-weight: 600;
    color: var(--colorPeachBG);
}

.staff-section h3 {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
}

.max-filesizetext ul {
    margin: 0;
    padding: 0;
}

.max-filesizetext ul li {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #666;
    font-family: "Montserrat", sans-serif;
}

.edit-profile-form .form-select {
    max-width: 100%;
    border-radius: 12px;
    height: 48px;
    border: 1px solid var(--colorGrayX11);
}

.form-check.form-switch .form-check-input {
    width: 50px !important;
    border-radius: 50px !important;
    height: 22px;
    border: none;
    box-shadow: 0 0 4px #ccc;
}

.form-check.form-switch .form-check-input:checked {
    background-color: #16B364 !important;
}

.bgnone {
    background: none !important;
}

.input-group-text {
    border-color: var(--colorGrayX11);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.input-group-text .select2-container--default .select2-selection--single {
    background-color: transparent;
    border-radius: 0;
    border: none;
}

.old-image-container {
    background: transparent;
    position: relative;
    height: 100px;
    display: inline-block;
}

.old-image-container img {
    width: 100px;
}

.delete-img-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    border: none;
    color: #000;
    display: flex;
    font-size: 32px;
    height: 24px;
    margin: 0;
    line-height: normal;
    padding: 0;
    background: #f1f1f1;
    border-radius: 120px;
    align-items: center;
    justify-content: center;
    width: 24px;
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .gjs-row {
        flex-wrap: wrap;
    }
    .sort-options .member-count {
        font-size: var(--fontSize16);
    }
}

.ui.input input {
    border-radius: 12px;
    border: 1px solid var(--colorGrayX11);
    font-size: var(--fontSize14);
}

.gendererrorshow .form-check.border-box,
.fullname-input-group .input-group.errorshow,
.ui.input input.is-invalid {
    border-color: var(--bs-form-invalid-border-color) !important;
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    box-shadow: none;
}


/*Change text in autofill textbox*/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


/* Business fields styling */

.business-fields,
.professional-fields,
.job-fields {
    width: 100%;
    border-top: 2px solid #e77a5c3b;
    padding: 15px;
    margin: 54px 0 15px;
    background-color: #fff;
    transition: all 0.3s ease;
    position: relative;
}

.business-fields::before,
.professional-fields::before,
.job-fields::before {
    content: "Business Information";
    position: absolute;
    top: -48px;
    left: 11px;
    background: #e77a5c;
    color: white;
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

.professional-fields::before {
    content: "Professional Information";
}

.job-fields::before {
    content: "Job Information";
}


/* Professional fields styling */


/* .professional-fields {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border: 2px solid #e8f5e8;
    border-radius: 12px;
    padding: 20px;
    margin: 15px 0;
    background-color: #f9fdf9;
    transition: all 0.3s ease;
    position: relative;
  }
  
  .professional-fields::before {
    content: "Professional Information";
    position: absolute;
    top: -12px;
    left: 15px;
    background: #4caf50;
    color: white;
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
  } */


/* Job fields styling */


/* .job-fields {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    margin: 15px 0;
    background-color: #f5f5f5;
    transition: all 0.3s ease;
    position: relative;
  }

  .job-fields::before {
    content: "Job Information";
    position: absolute;
    top: -12px;
    left: 15px;
    background: #9c27b0;
    color: white;
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
  } */


/* Business image preview styling */

.business-fields .preview-image {
    max-width: 150px;
    max-height: 100px;
    object-fit: cover;
    border-radius: 8px;
    margin-top: 10px;
}

#ivdl.gjs-row.rightSideMenu {
    align-items: flex-start!important;
    padding-top: 45px;
}


/*filter */

.filter-btn {
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}


/* Desktop Filter Dropdown */

.desktop-filter-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 600px;
    max-width: 800px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    margin-top: 8px;
}

.desktop-filter-dropdown.show {
    display: block !important;
}

.desktop-filter-dropdown .searcbar-container {
    display: block !important;
    padding: 20px;
}

.page-title-container {
    justify-content: flex-start;
}

@media (max-width: 600px) {
    .desktop-filter-dropdown {
        min-width: 300px;
        right: 0;
        left: auto
    }
    .page-title-container {
        justify-content: space-between;
    }
}


/* Search Fields Styling */

.searcbar-container .form-group {
    margin-bottom: 0;
}

.searcbar-container .form-control,
.searcbar-container .form-select {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    padding: 8px 22px;
    font-size: 14px;
    transition: all 0.2s ease;
}

.searcbar-container .form-control:focus,
.searcbar-container .form-select:focus {
    border-color: var(--colorPeachBG);
    box-shadow: 0 0 0 0.2rem rgba(2, 93, 191, 0.25);
}

.searcbar-container .btn {
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
}

.searcbar-container .btn.btn-sm {
    padding: 4px 8px;
    font-size: 11px;
    line-height: 1.2;
}

.searcbar-container.show {
    display: block !important;
}


}
.modal .btn-primary.browse-btn {
    line-height: normal;
    padding: 10px 0;
}
.btn-primary.browse-btn {
    line-height: normal;
    padding: 10px 0;
}
.become-member-btn {
    background: var(--colorPeachBG);
    border: 1px solid var(--colorPeachBG);
}
.become-member-btn:hover {
    background: var(--colorWhite);
    border: 1px solid var(--colorPeachBG);
}
.become-member-btn a {
    color: var(--colorWhite);
}
.become-member-btn a:hover,
.become-member-btn:hover a {
    color: var(--colorPeachBG);
}
.btn:focus-visible {
    color: var(--colorWhite)!important;
    background-color: var(--colorPeachBG);
    border-color: var(--colorPeachBG);
    outline: 0;
    box-shadow: none;
}
input.form-control {
    height: 48px;
    font-size: var(--fontSize14);
    border-radius: 12px;
    border: 1px solid var(--colorGrayX11);
}
input.form-control.matrimonial-search-input {
    height: 40px;
    padding-left: 15px;
    border-radius: 24px;
    border: 1px solid var(--colorPeachBG);
}
.matrimonial-search-input {
    border-radius: 20px;
    border: 1px solid var(--colorPeachBG);
    height: 40px;
    padding-left: 35px;
}
.matrimonial-search-container {
    position: relative;
    width: 100%
}
.matrimonial-search-container i {
    content: "/f002";
    width: 20px;
    height: 20px;
    position: relative;
    /* left: 7px; */
    
    top: 2px;
}
.front-news .searcbar-container {
    display: none!important;
}
.fullname-input-group .phoneVerification .input-box input.form-control {
    height: 31px;
}
/*.custom-searcbox .form-group input.form-control {
    height: 35px;
}*/

input.form-control.clear-filter-btn{
border: solid 2px;
background: transparent;
    color: var(--colorPeachBG) !important;
}

@media (max-width: 768px) {
    .mobile-scroll {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    /* Scrollbar track (path) */
    
    .table-responsive::-webkit-scrollbar {
        height: 5px;
        /* horizontal scrollbar height */
    }
    
    .table-responsive::-webkit-scrollbar-track {
        background-color: #f0f0f0;
        /* track color */
        border-radius: 4px;
    }
    /* Scrollbar handle (thumb) */
    
    .table-responsive::-webkit-scrollbar-thumb {
        background-color: var(--colorPeachBG);
        /* thumb color */
        border-radius: 4px;
        border-color: var(--colorPeachBG);
    }
    
    .table-responsive::-webkit-scrollbar-thumb:hover {
        background-color: #555;
        /* thumb hover color */
    }
}
@media (max-width: 375px) {
    .sidebar li {
        /* margin: 2px auto; */
        width: 57px;
    }
    
    .sidebar li .nav-link .menu-name {
        font-size: 9px;
    }
}
.btn-outline-secondary,
.btn-success {
    border-radius: 28px;
}
.shift-family-trigger img,
.transfer-family-trigger img {
    width: 20px;
}
.btn.show {
    color: var(--colorWhite)!important;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--bgLightGrey-20)
}
.member-more-actions-dropdown .dropdown-menu {
    min-width: 180px;
}
.remove-family-member i {
    color: var(--colorGraniteGray);
}
.remove-family-member:active {
    border: 0!important;
    background: transparent!important;
}
.swal2-popup .swal2-confirm {
    color: var(--colorWhite) !important;
    background: var(--colorPeachBG) !important;
}
#transferFamilyForm .form-group > .select2-container {
    border: 1px solid var(--bs-border-color);
    padding: .375rem 2.25rem .375rem .75rem;
    text-align: left;
    border-radius: 12px;
    color: var(--text-color14);
    font-weight: 500;
    font-size: var(--font-xxx-small);
}
#transferFamilyForm .form-group > .select2-container .select2-selection__placeholder {
    color: var(--text-color14);
}
#transferFamilyForm .form-group > .select2-container .select2-selection__arrow {
    right: 10px!important;
    height: 12px;
    width: 16px;
}
#transferFamilyForm .form-group > .select2-container .select2-selection__clear {
    font-size: 1.8rem;
    line-height: 26px;
    font-weight: 400;
}
.transfer-member-details {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 15px;
}
.donation-btn .btn {
    width: auto;
    justify-content: center;
}
.donation-box .event-tag.tagcolor2 {
    background: #F6AC1F;
}
.donation-box .event-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #46BE60;
    color: #fff;
    font-style: normal;
    border-radius: 100px;
    padding: 2px 8px;
    font-size: 12px;
}
.box-title {
    font-size: 14px;
    margin: 0 0 16px;
    font-weight: 600;
}
.donation-img {
    position: relative;
    padding: 16px;
}
.donation-listing-wrapper .donation-box .donation-img {
    padding: 0px !important;
}
.donation-listing-wrapper .donation-box .donation-img img {
    border-radius: 0px !Important;
}
.donation-img img {
    width: 100%;
    border-radius: 16px;
}.donation-box-footer
.donation-text-box {
    padding: 16px;

}
.donation-text-box ul {
    margin: 16px 0;
    padding: 0;
}
.donation-text-box ul li {
    margin: 10px 0;
    font-size: 12px;
    font-weight: 500;
}
.donation-text-box ul li span.icon-img {
    width: 16px;
}
.donation-text-box p {
    font-size: 14px;
    font-weight: 500;
}
.donation-box {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    margin: 12px 0;
    font-family: "Montserrat", sans-serif;
    /* min-height: 650px; */
    
    max-height: 650px;
    position: relative;
}
.front .donation-box {
    max-height: 574px;
}
.donation-box .benefits-text p {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 16px;
}
.donation-text-box{
    padding: 16px;
}
.donation-box .box-title {
    font-size: 16px;
    margin: 0 0 16px;
    font-weight: 600;
}
.donation-box .benefits-text {
    height: 79px;
    overflow: hidden;
}
.donation-dates {
    line-height: 20px;
    color: var(--text-color9);
}
.sidebar-box-footer {
    color: var(--text-color9);
}
.icon-img img svg {
    fill: red;
    stroke: red;
}
.right-sidebar .sidebar-box {
    background: #e77a5c0f;
    padding: 16px;
    border: solid 1px var(--colorPeachBG);
    border-radius: 8px;
    margin: 0 0 30px;
}
.right-sidebar .sidebar-box ul {
    margin: 0;
    padding: 0;
}
.right-sidebar .sidebar-box ul li {
    margin: 16px 0;
    font-size: 14px;
    font-weight: 500;
}
.right-sidebar .sidebar-box ul li .icon-img {
    width: 24px;
}
.benefits-banner-imf {
    width: 100%;
}
.content-img-box {
    border-radius: 16px;
    overflow: hidden;
    margin: 0 0 16px;
}
.details-content .title1 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 16px;
    color: var(--text-color9);
}
.details-content .title3 {
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 10px;
    color: var(--text-color9);
}
.title-border {
    border-bottom: solid 1px #EEEEEE;
}
.title-border span {
    border-bottom: solid 2px #333;
    display: inline-block;
    height: auto;
    padding: 5px 0;
}
.front .searcbar-container .form-select {
    border-radius: 30px;
}
.front .searcbar-container .form-control {
    border: 0;
    border-right: 0!important;
    padding-left: 0;
}
.donation-amt {
    color: var(--text-color9);
}
.front .btn:disabled {
    background-color: var(--colorBrightGray)!important;
}
.front .memberDetailBox {
    background: #fff;
    position: relative
}
.front .borderDashed {
    border-color: var(--colorPeachBG)
}
.front .donetee-info-box p {
    font-size: 14px;
}
.front .donetee-info-box strong {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color6);
}
.front .donetee-info-box .cancel-btn {
    position: absolute;
    top: 0;
    cursor: pointer
}
.required em {
    color: var(--colorRed2)
}
.front .memberDetailBox .select2-container .select2-selection--single {
    height: 48px;
    padding: 0 2.25rem 0 .75rem;
    border-radius: 12px!important;
    border: 1px solid var(--colorGrayX11)!important;
}
.front .memberDetailBox .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    color: var(--text-color14);
    font-family: "Poppins", sans-serif !important
}
.front .memberDetailBox .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 12px;
    right: 15px!important;
}
.front .memberDetailBox .btn {
    font-weight: 400;
    font-family: var(--montserrat)
}
.donation-box .benefits-text p .front .memberDetailBox .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--text-color14);
    opacity: 0.85;
}
.front .single-donation-details .title1 {
    color: var(--text-color9);
}
.front .file-icon-img-box {
    min-height: 100px;
    justify-content: center;
    border: 1px solid var(--colorBrightGray);
    text-align: center;
    padding: 10px;
    margin-top: 15px;
}
.divider-donation {
    height: 1px;
    background: var(--colorBrightGray)
}
.target_amount span {
    display: inline-block;
    width: 100%;
}
.donetee-info-box {
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.profile-initials {
    width: 100px;
    height: 100px;
    background-color: rgba(233, 236, 239, 0.73);
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.donation-details-wrapper .container {
    max-width: 1280px;
    padding: 0px !important;
    margin-top: 20px;
}

/*new-table*/
table.new-table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}
table.new-table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}
table.new-table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}
table.new-table th,
table.new-table td {
    padding: .625em;
    text-align: center;
}
table.new-table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: var(--colorPeachBG);
}
.active-bottomsheet {
    overflow: hidden;
}
.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus,
.input-group>.form-control:not(:focus).is-valid {
    z-index: 0!important;
}
@media screen and (max-width: 768px) {
    table.new-table {
        border: 0;
    }
    
    table.new-table caption {
        font-size: 1.3em;
    }
    
    table.new-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    
    table.new-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
        position: relative;
    }
    
    table.new-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 1em;
        text-align: right;
        padding-left: 120px;
        min-height: 40px;
        height: auto;
    }
    
    table.new-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        width: 100px;
        text-align: left;
        position: absolute;
        left: 10px;
        text-overflow: ellipsis;
        padding-right: 10px;
    }
    
    table.new-table td:last-child {
        border-bottom: 0;
    }
}
.remove-family-member {
    position: absolute;
    top: -16px;
    right: -22px;
}
@media (max-width:768px) {
    .remove-family-member {
        position: absolute;
        top: -18px;
        right: -18px;
    }
    
    .front .searcbar-container .form-select {
        max-width: 100%;
    }
    
    .single-donation-details .title1 {
        font-size: 20px;
    }
    
    .donation-amount {
        text-align: center;
    }
    
    .front .donation-amount {
        text-align: center;
    }
    
    .donation-box {
        padding-bottom: 120px;
    }
    
    .donation-btn {
        width: 100%;
    }
    
    .donation-text-box,
    .donation-box .benefits-text {
        height: auto;
    }
    
    .acharyas-img {
        max-width: 100%;
        width: 100%;
    }
    
    .acharya-tabs .tab-content {
        padding: 20px;
    }
    
    .highlighted-quote {
        border-left: 0;
        border-top: 3px solid var(--colorPeachBG);
        padding: 10px 10px 10px 10px
    }
    
    .video-item {
        width: 100%;
    }
    
    .front .headerMenu ul li ul.dropdown.show {
        display: block;
    }
    
    .front .headerMenu ul li ul.dropdown.show .downArrow {
        transform: rotate(180deg)
    }
    
    .front .headerMenu ul li ul.dropdown {
        display: none;
    }
}
.is-android .app-login {
    height: 100dvh!important;
}

/* The area that should scroll (wrap your form in this) */
.is-ios .form-scroll,
.is-android .form-scroll {
    flex: 1;
    overflow: auto;
    scroll-behavior: smooth;
    /* Helps keep focused fields above the keyboard even without JS */
    
    scroll-padding-bottom: 24dvh;
    /* room for keyboard */
}

/* Nudge fields when scrolled to */
.is-ios .form-scroll input,
.is-ios .form-scroll select,
.is-ios .form-scroll textarea,
.is-android .form-scroll input,
.is-android .form-scroll select,
.is-android .form-scroll textarea {
    scroll-margin-bottom: 24dvh;
    /* keeps field visible after scroll */
}

/* sadhu-sadhvi location */
.sadhu-sadhvi-location-container {
    padding: 20px;
    border-radius: 10px;
}
.search-filter-container {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.search-box {
    position: relative;
}
.search-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.search-box input {
    padding-left: 35px;
}
.location-status {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    gap: 8px;
}
#locationStatus {
    font-size: 16px;
    padding: 0px 12px;
    border-radius: 6px;
    white-space: nowrap;
    height: 48px;
    border-radius: 12px;
    line-height: 48px;
}

/* Radius circle styling */
.radius-circle-info {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 123, 255, 0.9);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    z-index: 1000;
}

/* Map Legend */
.map-legend {
    bottom: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.95);
    padding: 10px 15px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}
.legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.85rem;
    color: #333;
}
.legend-marker {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.legend-marker.current-location {
    background: #007bff;
}
.legend-marker.group-location {
    background: #dc3545;
}

/* Enhanced Map Info Window Styles */
.map-info-window {
    max-width: 300px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.info-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9ecef;
}
.group-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #007bff, #0056b3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    flex-shrink: 0;
}
.group-title h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
}
.distance-badge {
    display: inline-block;
    background: #28a745;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    margin-top: 4px;
}
.info-content {
    margin-bottom: 15px;
}
.info-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}
.info-item:last-child {
    margin-bottom: 0;
}
.info-icon {
    width: 24px;
    height: 24px;
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 2px;
}
.info-text {
    flex: 1;
    min-width: 0;
}
.info-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #6c757d;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}
.info-value {
    display: block;
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    word-wrap: break-word;
}
.contact-link {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}
.contact-link:hover {
    color: #0056b3;
    text-decoration: underline;
}
.info-actions {
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
}
.direction-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}
.direction-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}
.direction-btn i {
    font-size: 14px;
}
.search-box-custom input,
.location-search-box input {
    border-radius: 30px;
}
.location-search-box .btn {
    min-width: 100px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .map-info-window {
        max-width: 280px;
    }
    
    .info-header {
        gap: 10px;
        margin-bottom: 12px;
    }
    
    .group-icon {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .group-title h6 {
        font-size: 15px;
    }
    
    .info-item {
        gap: 8px;
        margin-bottom: 10px;
    }
    
    .info-icon {
        width: 22px;
        height: 22px;
        font-size: 11px;
    }
    
    .info-label {
        font-size: 10px;
    }
    
    .info-value {
        font-size: 12px;
    }
    
    .direction-btn {
        padding: 10px 16px;
        font-size: 14px;
    }
    
    .search-box-custom input,
    .location-search-box input {
        border-radius: 30px!important;
    }
    
    .location-search-box .btn {
        min-width: 60px;
    }
}

/* Removed old locations list styles since we're using map-only view */
.map-container {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#radiusSlider {
    flex: 1;
}
@media (max-width: 768px) {
    .sadhu-sadhvi-location-container {
        padding: 5px;
    }
    
    .search-filter-container {
        padding: 10px;
        margin-bottom: 15px;
    }
    
    .map-container {
        padding: 10px;
    }
    
    #sadhuSadhviMap {
        height: 350px;
    }
    
    .map-legend {
        bottom: 5px;
        left: 5px;
        padding: 6px 10px;
        gap: 8px;
        flex-wrap: wrap;
    }
    
    .legend-item {
        font-size: 0.75rem;
    }
    
    .legend-marker {
        width: 8px;
        height: 8px;
    }
    /* Mobile Search Layout */
    
    .search-filter-container .row {
        margin: 0;
    }
    
    .search-filter-container .col-md-6,
    .search-filter-container .col-md-3,
    .search-filter-container .col-md-2,
    .search-filter-container .col-lg-4,
    .search-filter-container .col-lg-2 {
        padding: 5px;
        margin-bottom: 10px;
    }
    /* Search Box Mobile */
    
    .search-box-custom {
        margin-bottom: 10px;
    }
    
    .search-box-custom input {
        font-size: 16px;
        /* Prevents zoom on iOS */
        padding: 12px 15px;
        border-radius: 8px;
    }
    /* Filter Dropdown Mobile */
    
    .filter-dropdown-custom {
        margin-bottom: 10px;
    }
    
    .filter-dropdown-custom select {
        font-size: 16px;
        /* Prevents zoom on iOS */
        padding: 12px 15px;
        border-radius: 8px;
    }
    /* Location Status Mobile */
    
    .location-status {
        flex-direction: column;
        gap: 8px;
        align-items: stretch;
    }
    
    .location-status .badge {
        font-size: 0.8rem;
        padding: 8px 12px;
        text-align: center;
    }
    
    .location-status .btn {
        font-size: 0.8rem;
        padding: 8px 12px;
        border-radius: 12px;
    }
    /* Radius Slider Mobile (if visible) */
    
    .form-range {
        margin: 10px 0;
    }
    
    .badge {
        font-size: 0.75rem;
        padding: 4px 8px;
    }
}
@media (max-width: 480px) {
    .sadhu-sadhvi-location-container {
        padding: 2px;
    }
    
    .search-filter-container {
        padding: 8px;
    }
    
    .map-container {
        padding: 8px;
    }
    
    #sadhuSadhviMap {
        height: 300px;
    }
    /* Stack everything vertically on very small screens */
    
    .search-filter-container .col-md-6,
    .search-filter-container .col-md-3,
    .search-filter-container .col-md-2,
    .search-filter-container .col-lg-4,
    .search-filter-container .col-lg-2 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 3px;
        margin-bottom: 8px;
    }
    /* Make buttons full width on mobile */
    
    .location-status {
        width: 100%;
    }
    
    .location-status .btn {
        width: 100%;
        margin-top: 5px;
        border-radius: 12px;
    }
    /* Smaller text on very small screens */
    
    .search-box-custom input,
    .filter-dropdown-custom select {
        font-size: 14px;
        padding: 10px 12px;
    }
    
    .location-status .badge {
        font-size: 0.75rem;
        padding: 6px 10px;
    }
}

/* Additional Mobile Optimizations */
@media (max-width: 768px) {
    /* Touch-friendly inputs */
    
    .search-box-custom input,
    .filter-dropdown-custom select {
        min-height: 44px;
        /* iOS touch target minimum */
        -webkit-appearance: none;
        appearance: none;
    }
    /* Better touch targets for buttons */
    
    .btn {
        min-height: 44px;
        min-width: 44px;
        height: 44px;
        line-height: normal
    }
    /* Prevent horizontal scroll */
    
    .sadhu-sadhvi-location-container {
        overflow-x: hidden;
    }
    /* Better spacing for mobile */
    
    .search-filter-container .row > * {
        margin-bottom: 8px;
    }
    /* Stack location status vertically on mobile */
    
    .location-status {
        flex-direction: column;
        align-items: stretch;
    }
    
    .location-status .badge,
    .location-status .btn {
        width: 100%;
        margin-bottom: 5px;
        border-radius: 12px;
    }
    /* Improve map legend for mobile */
    
    .map-legend {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 10px;
        background: white;
        border: 1px solid #ddd;
        border-radius: 6px;
    }
    
    .swal2-modal button.ap-trigger {
        display: none;
    }
}

/* Landscape mobile optimization */
@media (max-width: 768px) and (orientation: landscape) {
    #sadhuSadhviMap {
        height: 250px;
    }
    
    .search-filter-container {
        padding: 5px;
    }
    
    .map-container {
        padding: 5px;
    }
}
.badge.alert-info {
    color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
}
.badge.alert-success {
    color: green !important;
    border-color: green !important;
}
.badge.alert-danger {
    color: red !important;
    border-color: red !important;
}
body.member.swal2-shown.swal2-iosfix {
    padding-right: 20px!important;
}

/* Keep dialog within the viewport */
.modal#uploadModal.show .modal-dialog {
    margin: 0 auto;
    /* no huge top/bottom margins on mobile */
    
    max-width: min(520px, 100vw);
    height: 100dvh;
    /* dynamic viewport height (iOS-safe) */
    
    padding: 10px;
    /* breathing room */
}

/* Make the panel a vertical flex container */
.modal#uploadModal.show .modal-content {
    display: flex;
    flex-direction: column;
    max-height: 96dvh;
    overflow: hidden;
    /* clip to allow body to scroll */
    
    border-radius: 14px;
}

/* The scrolling area */
.modal#uploadModal.show .modal-body {
    min-height: 0;
    /* REQUIRED for flex children to shrink */
    
    overflow-y: auto;
    /* scroll when content is tall */
    
    -webkit-overflow-scrolling: touch;
    /* momentum scroll on iOS */
    
    padding: 16px;
}

/* Keep footer (with Upload button) visible */
.modal#uploadModal.show .modal-footer {
    position: sticky;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 12px 16px;
    z-index: 1;
}
.modal#uploadModal.show .modal-body img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* The scroll container */
.table-scroll {
    overflow: auto;
    max-width: 100%;
    /* Strong signals for Android */
    
    touch-action: pan-x !important;
    /* allow only horizontal panning */
    
    -ms-touch-action: pan-x;
    /* legacy */
    
    overscroll-behavior-x: contain;
    /* stop parent from stealing */
    
    pointer-events: auto;
}

/* Ensure the table is wider than the viewport so it can actually scroll */
.rwd-table {
    width: max(800px, 100%);
    /* pick a sensible min width for your columns */
    
    border-collapse: collapse;
    table-layout: auto;
    /* allow cells to size naturally */
    
    white-space: nowrap;
    /* keep cells on one line */
}

/* Optional: show a tiny scrollbar in iOS/Safari */
.table-scroll::-webkit-scrollbar {
    height: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .25);
    border-radius: 4px;
}
.swiper,
.ion-content,
.page-wrapper {
    touch-action: auto !important;
}
#connectPopup textarea.form-control {
    border: 1px solid #E8E9EA;
    border-radius: 5px;
    padding: 15px;
}
#connectPopup .form-group span {
    right: 15px;
    bottom: 15px;
    font-size: 12px;
    color: #888787;
}
textarea::placeholder {
    color: #eee;
    opacity: 0.25
}
.textarea-wrapper {
    position: relative;
    width: 100%;
    /* adjust as needed */
}
textarea {
    width: 100%;
    min-height: 120px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    resize: none;
    /* disable manual resizing */
    
    font-family: Arial, sans-serif;
    font-size: 14px;
    overflow-y: hidden;
    /* hide scroll */
}
.char-counter {
    position: absolute;
    bottom: 20px;
    right: 12px;
    font-size: 13px;
    color: #888;
}
#connectPopup .modal-header {
    border-bottom: 0;
}
@media (max-width: 768px) {
    .tab-container {
        width: 100%;
    }
    
    .tab-nav-style .tab {
        display: none;
    }
    
    .tab-nav-style .tab.tab-active {
        display: block;
    }
}
@media (max-width: 992px) {
    .matrimonial-directory {
        padding-bottom: 16px;
        flex-direction: column;
        /* stack image + content */
    }
    
    .matrimonial-directory .member-picture,
    .matrimonial-directory .member-text-details {
        width: 100%;
        /* full width */
    }
    
    .matrimonial-directory .member-picture {
        height: auto;
        /*   min-height: 200px;*/
    }
    
    .info-grid {
        grid-template-columns: 1fr;
        /* stack info */
        column-gap: 0;
    }
    
    .info-grid-wrapper {
        display: block;
    }
}
@media (max-width: 576px) {
    .matrimonial-directory .member-text-details {
        padding: 20px;
    }
    
    .matrimonial-directory .member-text-details .name {
        font-size: 20px;
        text-align: center;
    }
    
    .info-grid .mem-location > span {
        font-size: 14px;
        width: auto;
    }
    
    .info-grid .mem-location > h6 {
        font-size: 16px;
        width: auto;
        text-align: right
    }
    
    .action-box ul {
        justify-content: flex-start;
    }
    
    .btn-grey {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    
    .btn-grey svg {
        width: 20px;
        height: 20px;
    }
    
    .favorite-btn svg {
        width: 25px;
        height: 23px;
    }
}

/*my preferences*/
.filter-panel {
    background: #f7f9fb;
    border-radius: 16px;
    padding-bottom: 30px;
}
.section-label {
    color: var(--colorPeachBG);
    font-weight: 700;
}
.choice-pill {
    border: 1.5px solid var(--colorPeachBG);
    border-radius: 12px;
    padding: 10px 16px;
    width: 145px;
    position: relative;
    height: 48px;
}
.choice-pill.form-check .form-check-label {
    margin-bottom: 0;
    /* height: 24px; */
    
    position: absolute;
    top: 0;
    font-size: var(--fontSize14);
    font-weight: 500;
    color: var(--colorDarkCharcoal);
    width: 100%;
    /* background: #0dcaf0; */
    
    left: 0;
    padding: 0 10px 0 38px;
    height: 48px;
    line-height: 48px;
}
.choice-pill.form-check .form-check-input {
    margin-left: 0;
    width: 15px;
    height: 15px;
}
.choice-pill.form-check-input:checked {
    background-color: var(--colorPeachBG);
    border-color: var(--colorPeachBG);
}

/* *******************************
message-area
******************************** */
.message-area {
    /* height: 60vh;*/
    
    overflow: hidden;
    background: #f5f5f5;
}
.chat-area {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 0.3rem;
    height: 70vh;
    overflow: hidden;
    min-height: calc(100% - 1rem);
}
.chatlist {
    outline: 0;
    /* height: 100%;*/
    
    overflow: hidden;
    width: 380px;
    float: left;
    padding: 15px 0;
    border-right: 1px solid #ccc;
}
.chat-header {
    padding: 0 10px;
}
.chat-lists {
    padding: 0 5px 10px 10px;
}
.chat-area .modal-content {
    border: none;
    border-radius: 0;
    outline: 0;
    height: 100%;
}
.chat-area .modal-dialog-scrollable {
    height: 100% !important;
}
.chatbox {
    width: auto;
    overflow: hidden;
    height: 100%;
}
.chatbox .modal-dialog,
.chatlist .modal-dialog {
    max-width: 100%;
    margin: 0;
}
.msg-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.chat-area .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    height: 38px;
    background-color: var(--colorBrightGray);
    background-clip: padding-box;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 20px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.search-input-with-icon {
    background: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/search.svg') no-repeat 10px center/18px 18px;
    padding-left: 38px !important;
}
.chat-area .form-control:focus {
    outline: 0;
    box-shadow: inherit;
}
a.add img {
    height: 36px;
}
.chat-area .nav-tabs {
    border-bottom: 0;
    align-items: center;
    /* justify-content: space-between; */
    
    flex-wrap: inherit;
}
.chat-area .nav-tabs .nav-item {
    width: auto;
}
.chat-area .nav-tabs .nav-link {
    width: 100%;
    color: #180660;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    margin-top: 5px;
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.chat-area .nav-tabs .nav-item.show .nav-link,
.chat-area .nav-tabs .nav-link.active {
    color: var(--colorPeachBG);
    background-color: rgba(231, 122, 92, 0.10);
    /* border-color: transparent transparent #000; */
    
    border-radius: 20px;
}
.chat-area .nav-tabs .nav-link:focus,
.chat-area .nav-tabs .nav-link:hover {
    isolation: isolate;
}
.chat-list h3 {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}
.chat-list p {
    color: #343434;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    /* text-transform: capitalize; */
    
    margin-bottom: 0;
    overflow-wrap: anywhere
}
.time {
    font-size: 12px;
    color: var(--colorDarkCharcoal)
}
.unread-msg .time {
    font-size: 12px;
    color: var(--colorPeachBG)
}
.no-msg {
    background: var(--colorBrightGray)
}
.unread-count {
    background-color: #dc3545;
    color: white;
    border-radius: 50%;
    padding: 0px;
    font-size: 11px;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    display: inline-block
}
.chat-list a.d-flex {
    margin-bottom: 10px;
    position: relative;
    text-decoration: none;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    background: #eee;
    border-radius: 10px;
    min-height: 75px;
}
.chat-list a.d-flex.unread-msg {
    background-color: rgba(231, 122, 92, 0.10);
}
.chat-list .active {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    bottom: 10px;
    left: 34px;
    height: 12px;
    width: 12px;
    background: #00DB75;
    border-radius: 50%;
    border: 2px solid #fff;
}
.msg-head h3 {
    color: #222;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}
.msg-head p {
    color: #343434;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}
.msg-head {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
.moreoption {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0;
    margin: 0;
}
.moreoption .navbar {
    padding: 0;
}
.moreoption li .nav-link {
    color: #222;
    font-size: 16px;
}
.moreoption .dropdown-toggle::after {
    display: none;
}
.moreoption .dropdown-menu[data-bs-popper] {
    top: -297%;
    left: 0;
    right: auto;
    margin-top: 0.125rem;
}
.msg-body ul {
    overflow: hidden;
}
.msg-body ul li {
    list-style: none;
    margin: 15px 0;
}
.msg-body ul li.receiver {
    display: block;
    width: 100%;
    position: relative;
}
.msg-body ul li.receiver p {
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 10px 15px;
    background: var(--text-color13);
    display: inline-block;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 0;
    overflow-wrap: anywhere;
}
.msg-body ul li.receiver p b {
    display: block;
    color: #180660;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}
.msg-body ul li.sender {
    display: block;
    width: 100%;
    text-align: right;
    position: relative;
}
.msg-body ul li.sender p {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 10px 15px;
    background: #ffddd3;
    display: inline-block;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-bottom: 10px;
    overflow-wrap: anywhere;
}
.msg-body ul li.sender p b {
    display: block;
    color: #061061;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}
.msg-body ul li.sender:after {
    display: block;
    content: '';
    clear: both;
}
.time {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}
li.repaly .time {
    margin-right: 20px;
}
.divider {
    position: relative;
    z-index: 1;
    text-align: center;
}
.msg-body h6 {
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    background: #fff;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 0;
}
.divider:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 12px;
    left: 0;
    border-top: 1px solid #EBEBEB;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.send-box form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
    gap: 10PX;
}
.send-box .form-control {
    display: block;
    width: 93%;
    padding: 0.375rem 3.75rem 0.375rem 0.75rem;
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 25px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.send-box button {
    border: none;
    background: transparent;
    padding: 0;
    color: #fff;
    border-radius: 0.25rem;
    font-size: 14px;
    font-weight: 400;
    width: 24%;
    margin-left: 1%;
    width: 36px;
    position: absolute;
    right: 23px;
}
.send-box button#send-button {
    right: 6px
}
.send-box button i {
    margin-right: 5px;
}
.send-btns .button-wrapper {
    position: relative;
    width: 125px;
    height: auto;
    text-align: left;
    margin: 0 auto;
    display: block;
    background: #F6F7FA;
    border-radius: 3px;
    padding: 5px 15px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}
.send-btns .button-wrapper span.label {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    color: #343945;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}
#upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.send-btns .attach .form-control {
    display: inline-block;
    width: 120px;
    height: auto;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #343945;
    background-color: #F6F7FA;
    background-clip: padding-box;
    border: 1px solid #F6F7FA;
    border-radius: 3px;
    margin-bottom: 5px;
}
.send-btns .button-wrapper span.label img {
    margin-right: 5px;
}
.button-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
}
button:focus {
    outline: 0;
}
.add-apoint {
    display: inline-block;
    margin-left: 5px;
}
.add-apoint a {
    text-decoration: none;
    background: #F6F7FA;
    border-radius: 8px;
    padding: 8px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #343945;
}
.add-apoint a svg {
    margin-right: 5px;
}
.chat-icon {
    display: none;
}
.closess i {
    display: none;
}
.add-attachment-btn {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--colorPeachBG);
    padding: 0;
    color: #fff;
}
.add-attachment-btn i {
    color: #fff;
}
@media (max-width: 767px) {
    .send-box {
        padding: 0 5px;
    }
    
    .chat-icon {
        display: block;
        margin-right: 5px;
    }
    
    .chatlist {
        width: 100%;
        border-right: 0
    }
    
    .chat-list a.d-flex {
        margin-bottom: 15px;
    }
    
    .chatbox {
        width: 100%;
        position: absolute;
        left: 1000px;
        right: 0;
        background: #fff;
        transition: all 0.5s ease;
        border-left: none;
    }
    
    .showbox {
        left: 0 !important;
        transition: all 0.5s ease;
    }
    
    .msg-head h3 {
        font-size: 14px;
    }
    
    .msg-head p {
        font-size: 12px;
    }
    
    .msg-head .flex-shrink-0 img {
        height: 30px;
    }
    /*    .send-box button {
        width: 28%;
    }*/
    
    .send-box .form-control {
        width: 78%;
    }
    
    .chat-list h3 {
        font-size: 14px;
    }
    
    .chat-list p {
        font-size: 12px;
    }
    
    .msg-body ul li.sender p,
    .msg-body ul li.sender div.image-message,
    .msg-body ul li.sender div.document-message,
    .msg-body ul li.sender div.message-info {
        font-size: 13px;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    
    .msg-body ul li.receiver p,
    .msg-body ul li.receiver div.image-message,
    .msg-body ul li.receiver div.document-message,
    .msg-body ul li.sender div.message-info {
        font-size: 13px;
        padding: 8px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    
    .chat-area .modal-content {
        background: #fefaf8;
        border-radius: 12px
    }
}
.document-message {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    justify-content: flex-end
}
.action-buttons {
    border-radius: 8px;
    padding: 0 10px;
    height: 48px;
    font-size: 14px;
    font-weight: 500;
    min-width: 100px;
}
.tooltip-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.tooltip-btn .tooltip-text {
    visibility: hidden;
    background: #f1f1f1;
    color: #000;
    text-align: left;
    border-radius: 10px;
    padding: 6px 10px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 0%;
    transform: translateX(-0%);
    white-space: nowrap;
    font-size: 11px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    max-width: 250px;
    white-space: normal;
    width: 230px;
    line-height: 17px;
}

/* Inner span handles ellipsis only */
.tooltip-btn .tooltip-text .tooltip-inner {
    display: inline-block;
    max-width: 250px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* vertical-align: middle; */
    
    text-align: left;
}

/* Arrow pointing UP (since tooltip is below) */

/* Arrow pointing up */
.tooltip-btn .tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    /* arrow on top */
    
    left: 20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #f1f1f1 transparent;
}
.tooltip-btn:hover .tooltip-text {
    visibility: visible;
}
.matrimonial-gallery .owl-dots {
    display: block;
}
.matrimonial-gallery .owl-nav {
    display: none;
}
.matrimonial-gallery .owl-dot span {
    margin: 0;
}
.matrimonial-gallery .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0
}
.matrimonial-gallery .owl-dots .owl-dot.active span,
.matrimonial-gallery .owl-dots .owl-dot:hover span {
    background: var(--colorPeachBG)
}
.matrimonial-gallery button.owl-dot {
    width: auto;
    height: auto;
}
.custom-select {
    border: 1px solid var(--colorGrayX11) !important;
    height: 37px;
    border-radius: 10px;
    background-color: white;
    background-image: url(/public/storage/2024/07/24/cms/downarrow.png);
    background-size: 10px 6px;
    background-repeat: no-repeat;
    background-position: right;
    background-origin: content-box;
    height: auto !important;
    min-height: 48px !important;
    text-align: left !important;
    color: var(--colorDarkCharcoal) !important;
    font-size: var(--font-xxx-small) !important;
    font-weight: 500;
    padding: .375rem 0.75rem .375rem .75rem;
}

/* Make the multiselect fill its column */
.multiselect-native-select .btn-group {
    width: 100%;
}

/* The visible button */
.multiselect-native-select .multiselect {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    /* taller, like Bootstrap inputs */
    
    text-align: left;
    white-space: normal;
    /* allow wrapping -> auto height */
    
    line-height: 1.4;
}

/* Make the selected text wrap so the height increases */
.multiselect-native-select .multiselect .multiselect-selected-text {
    flex: 1 1 auto;
    white-space: normal;
    overflow: visible;
    text-align: left
}

/* Keep the dropdown arrow aligned to the right (BS4/BS5) */
.multiselect-native-select .multiselect .caret {
    margin-left: auto;
}
.multiselect-native-select .dropdown-toggle::after {
    margin-left: auto;
}

/* Dropdown should match button width; scroll if long */
.multiselect-native-select .dropdown-menu {
    width: 100%;
    max-height: 280px;
    overflow: auto;
    border-radius: .6rem;
}

/* Optional: focus ring to match Bootstrap */
.multiselect-native-select .multiselect:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    outline: 0;
}
.list-header {
    background: #f3f4f6;
    border-radius: 14px;
    padding: .9rem 1.1rem;
    font-weight: 700;
    color: #7a7a7a;
}
.row-card {
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    padding: 1.1rem 1.25rem;
    background: #fff;
}
.user-name {
    font-weight: 600;
    line-height: 1.2;
}

/* scale name size responsively */
.user-name {
    font-size: 1.1rem;
}
@media (min-width: 768px) {
    .user-name {
        font-size: 1.25rem;
    }
}
.pill {
    display: inline-block;
    background: #f4f4f4;
    border: 1px solid #e8e8e8;
    border-radius: 999px;
    padding: .35rem .7rem;
    font-size: .95rem;
    color: #333;
    margin: 0 .35rem .35rem 0;
    white-space: nowrap;
}
.sidebar li.nav-item a p span.matimonial-count-span,
.bottom-sheet li.nav-item a p span.matimonial-count-span {
    position: absolute;
    background: rgba(231, 122, 92, 0.5);
    color: white;
    border-radius: 50%;
    padding: 0px 0px;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle;
    margin-left: 8px;
    display: inline-block;
    /* min-width: 24px; */
    
    text-align: center;
    right: 0;
    top: 0;
    width: 21px;
    height: 21px;
    line-height: 21px;
}
.bottom-sheet li.nav-item a p span.matimonial-count-span {
    top: 9px;
    right: 9px;
    background: rgba(231, 122, 92, 1);
}
.sidebar li.nav-item a p {
    position: relative;
    display: inline-block;
    width: 100%;
}
.form-group {
    margin-bottom: 1.5rem;
}
.form-label {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}
.form-select:focus,
.form-control:focus {
    border-color: var(--colorPeachBG);
}

/* Multiselect styling */
.multiselect {
    min-height: 38px;
}
.multiselect-container {
    max-height: 200px;
    overflow-y: auto;
}
.multiselect-container .multiselect-option {
    padding: 8px 12px;
}
.multiselect-container .multiselect-option:hover {
    background-color: #f8f9fa;
}
.multiselect-container .multiselect-option.selected {
    background-color: var(--colorPeachBG);
    color: white;
}
.inv-card {
    max-width: 420px;
    margin: 24px 0;
    border: 1px solid #e2e2e2;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .05);
    padding: 22px;
    width: 33.333%
}
.muted-title {
    color: #8a8f98;
    font-weight: 600;
}
.big-number {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--colorDarkCharcoal)
}
.soft-box {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 14px;
    background: #fff;
    min-height: 112px;
}
.soft-label {
    color: #a1a6ad;
    font-weight: 600;
    margin-bottom: .35rem;
}
.info-box {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 12px 14px;
}
.pill-btn {
    border-radius: 999px;
    padding: .6rem 1rem;
    border: 1px solid #e6e6e6;
    background: #fff;
}

/* .status-paid{ color:#1f9e55; font-weight:700; }*/
.status-paid .status-dot {
    width: .8rem;
    height: .8rem;
    background: #1f9e55;
    border-radius: 50%;
    display: inline-block;
    margin-right: .4rem;
}
.info-box .textPending {
    color: #f6ac1f;
    background: rgba(246, 172, 31, 0.17);
    border-color: #f6ac1f
}
.info-box .textPending .status-dot {
    width: .8rem;
    height: .8rem;
    background: #f6ac1f;
    border-radius: 50%;
    display: inline-block;
    margin-right: .4rem;
}
.info-box .textError {
    background: #ffe1df;
    border: solid 1px #ec9a9a;
    color: #ab1010;
}
.info-box .textError .status-dot {
    width: .8rem;
    height: .8rem;
    background: #f60000;
    border-radius: 50%;
    display: inline-block;
    margin-right: .4rem;
}
.info-box .textWarning {
    color: #f60000;
    background: #f60000;
    border-color: #f60000
}
.info .textWarning .status-dot {
    width: .8rem;
    height: .8rem;
    background: #f60000;
    border-radius: 50%;
    display: inline-block;
    margin-right: .4rem;
}
#uploadModal .uploadBox {
    background-color: var(--bgPrimaryLight);
    border: 2px dashed var(--bgPrimary);
    padding: 10px 15px;
    border-radius: 14px;
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#uploadModal .uploadBox img {
    max-height: 140px;
}
#uploadModal .uploadBox p {
    font-size: var(--xSmall);
    color: var(--bgDarkGrey);
}

/* #uploadModal .modal-content {
width: 65%;
max-width: 325px;
max-height: 408px;
min-height: 408px;
} */
#uploadModal .progress {
    height: 8px;
}
#uploadModal .progress .progress-bar {
    width: 50%;
    background-color: var(--bgPrimary);
}
.btn:disabled {
    background: #ffdfd6;
    border: #ffdfd6 1px solid;
}
#ivdl.gjs-row.rightSideMenu {
    align-items: flex-start!important;
}

/*filter */
.filter-btn {
    padding: 8px 16px;
    border-radius: 24px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    height: 40px;
}
.filter-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#matrimonialSearchForm {
    width: 100%;
}
#switchProfileBtn {
    min-width: 170px;
}
@media (max-width: 922px) {
    #switchProfileBtn {
        min-width: auto;
    }
    
    .filter-btn {
        padding: 8px 16px;
        border-radius: 20px;
        font-weight: 500;
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }
}
#i2v6 {
    margin: auto!important;
}
@media (max-width: 768px) {
    .message-area {
        margin-bottom: 20%;
    }
    
    .filter-btn-round {
        width: 48px;
        height: 48px;
        overflow: hidden;
        text-align: center;
        border-radius: 50%;
    }
    
    .inv-card {
        width: 100%;
    }
    /*#i2v6 { margin: 20% auto!important;}*/
}

/* Prevent SweetAlert from breaking sticky calculations */
html.swal2-shown,
body.swal2-shown {
    height: 100% !important;
    /* override swal2-height-auto */
    
    overflow-y: visible!important
}
.association-list li {
    width: 100%;
}
body.swal2-shown {
    padding-right: 0 !important;
    /* avoid body padding jump when scrollbar hides */
    
    overflow-y: hidden !important;
    /* keep default lock without extra shifts */
}

/* Search toggle button styles */
#matrimonialSearchBtn {
    transition: all 0.3s ease;
    min-width: 34px;
    position: absolute;
    right: 3px;
    height: 34px;
    min-height: 34px;
    top: 3px;
    line-height: 40px;
}
#matrimonialSearchBtn.clear-mode {
    background-color: var(--colorPeachBG);
    border-color: var(--colorPeachBG);
    color: white;
    border-radius: 20px;
    height: 34px;
    font-size: 20px;
    color: white
}
#matrimonialSearchBtn.clear-mode i {
    top: 0;
}
#matrimonialSearchBtn:hover {
    transform: scale(1.05);
}
.toast-notification {
    animation: slideInRight 0.3s ease-out;
}
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0.8;
    }
    
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
.send-box {
    padding: 15px 0;
    border-top: 1px solid #ccc;
}
.matrimonial-gallery .item img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    max-width: 100%;
    object-fit: cover;
    /*max-height:200px;*/
    
    object-position: top;
}
.owl-prev-icon,
.owl-next-icon {
    font-size: 1.5rem;
    color: var(--colorPeachBG);
}

/* Modal background override for transparency */
#matrimonialImageModal .modal-content {
    background: transparent;
    box-shadow: none;
}
#matrimonialImageModal .modal-body {
    padding: 0;
}
.matrimonial-gallery .owl-dots {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.owl-carousel .owl-item {
    position: relative;
}
.owl-carousel {
    z-index: 0;
}
.profile-img-single {
    max-width: 100%;
    max-height: 80vh;
    border-radius: 8px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
    background: #fff;
}
.matrimonial-directory .member-picture img.main-profile-img {
    max-height: 100%;
    width: 100%;
}
.switch-profile-select .select2-container {
    border: 1px solid var(--colorGrayX11);
    border-radius: 12px;
    padding: 10px;
}
.switch-profile-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 10px!important;
}
.select2-container--default .select2-selection--single {
    height: 44px;
    display: flex;
    align-items: center;
    border-radius: 8px;
}
.user-option {
    display: flex;
    align-items: center;
}
.user-avatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}
.user-info {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
.select2-container--default .select2-selection--single .select2-selection__rendered .user-option .user-name {
    color: #111;
    font-size: 16px;
}
.user-role {
    font-size: 12px;
    color: #eee;
}

/*payment invoice*/
.invoice-wrapper {
    max-width: 100%;
    margin: 24px auto;
    padding: 0px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    font-family: 'Inter', sans-serif;
    color: #333;
    border: 1px solid #eee;
}
.invoice-logo {
    max-width: 150px;
    margin-bottom: 8px;
}
.label {
    font-weight: 600;
}
.value {
    color: #555;
}
.section-title {
    font-weight: 600;
    margin-bottom: 6px;
}
.invoice-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 16px 0;
    background: #fafafa;
    border-radius: 8px;
    padding: 10px 14px;
}
.invoice-meta div,
.invoice-header-row div {
    width: 25%;
}
.meta-label {
    font-weight: 600;
    color: #444;
    margin-right: 8px;
}
.meta-value {
    color: #555;
}

/* Desktop Table */
.invoice-table {
    grid-template-columns: 2fr repeat(5, 1fr);
    /* border-top: 2px solid #eee; */
    /* margin-top: 10px; */
}
.table-header,
.table-row {
    display: contents;
}
.table-header div {
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 2px solid #ddd;
    background: #f8f9fa;
}
.table-row div {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
.table-row .desc {
    color: #e77a5c;
    font-weight: 500;
}
.full-width {
    grid-column: 1 / -1;
    padding: 8px 0;
    font-style: italic;
}

/* Mobile Card View */
.invoice-cards {
    margin-top: 10px;
}
.invoice-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.invoice-card .desc {
    font-weight: 600;
    color: #e77a5c;
    margin-bottom: 8px;
}
.invoice-card div {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 14px;
}
.invoice-summary {
    background: #f9fafb;
    border-radius: 8px;
    padding: 0px;
    margin-top: 16px;
}
.invoice-summary div {
    display: flex;
    justify-content: flex-end;
    padding: 4px 0;
    font-weight: 700;
    gap: 30px;
    border: 1px solid #eeeeee;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px;
}

/* ---------- HEADER ---------- */
.invoice-header {
    /* background: #fafafa; */
    
    border-bottom: 1px solid #e5e7eb;
    padding: 16px 20px;
}
.invoice-header-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.header-item {
    flex: 1 1 30%;
    min-width: 200px;
}
.header-item .label {
    font-weight: 600;
    margin-bottom: 4px;
}
.header-item .value {
    font-size: 14px;
    color: #333;
}

/* Hide cards on desktop, hide table on mobile */
@media (max-width: 768px) {
    .invoice-table {
        display: grid;
        grid-template-columns: 2fr;
        /* border-top: 2px solid #eee; */
        /* margin-top: 10px; */
    }
    
    .invoice-meta {
        flex-direction: column;
        gap: 10px;
    }
    
    .invoice-meta div,
    .invoice-header-row div {
        width: 100%;
    }
    
    .invoice-header-row {
        flex-direction: column;
        gap: 12px;
    }
    
    html {
        height: 100%;
        overflow: hidden;
    }
    
    .login-page,
    .otp-page {
        overflow-hidden;
        position: fixed;
        margin: 20% auto;
    }
    
    .keyboard-open {
        display: block;
    }
    
    .single-donation-details {
        min-height: 1000px;
        overflow-y: scroll;
        overflow-x: hidden
    }
}
.donation-details-wrapper .single-donation-details {
    margin-top: 40 !important;
}

/* Optional CSS tweak */
.keyboard-open .footer {
    display: none;
}



@media (min-width: 769px) {
    .invoice-cards {
        display: none;
    }
}
.invoice-table-responsive {
    width: 100%;
    overflow-x: auto;
}
.invoice-table {
    min-width: 700px;
    width: 100%;
}
.table-header,
.table-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}
.my-payment-invoice .table-header,
.my-payment-invoice .table-row {
    display: contents;
}
@media (max-width: 767.98px) {
    .invoice-table {
        min-width: unset;
    }
    
    .table-header {
        display: none !important;
    }
    
    .table-row {
        flex-direction: column;
        border: 1px solid #f2f2f2;
        border-radius: 8px;
        margin-bottom: 1.2rem;
        padding: 1.2rem 1rem;
        background: #fff;
        box-shadow: 0 2px 8px rgba(30, 30, 30, 0.05);
    }
    
    .table-row .col {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .35rem 0;
        font-size: 1rem;
    }
    
    .table-row .col .d-md-none {
        margin-right: 0.75rem;
    }
}
.select2-results__option .user-role {
    color: #333;
}
.member .select2-container--default .select2-results__option[aria-selected=true] .user-role {
    color: #fff;
}
.current-profile-info {
    color: var(--colorGraniteGray);
    font-size: var(--fontSize14);
}
.gm-ui-hover-effect {
    position: absolute!important;
    right: 0;
    top: 0
}

/* Map Info Window Styles */
.map-info-window {
    max-width: 300px;
    font-family: 'Open Sans', sans-serif;
}
.map-info-window .info-header {
    margin-bottom: 12px;
}
.map-info-window .group-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.map-info-window .group-title h6 {
    margin: 0;
    color: #333;
    font-weight: 600;
    font-size: 16px;
}
.map-info-window .distance-badge {
    background: #007bff;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
}
.map-info-window .info-content {
    margin-bottom: 12px;
}
.map-info-window .info-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}
.map-info-window .info-item:last-child {
    margin-bottom: 0;
}
.map-info-window .info-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--colorPeachBG);
    margin-top: 2px;
}
.map-info-window .info-text {
    flex: 1;
}
.map-info-window .info-label {
    display: block;
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px;
}
.map-info-window .info-value {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
}
.map-info-window .contact-link {
    color: var(--colorPeachBG);
    text-decoration: none;
}
.map-info-window .contact-link:hover {
    text-decoration: underline;
}
.map-info-window .info-actions {
    border-top: 1px solid #e9ecef;
    padding-top: 12px;
}
.map-info-window .direction-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    padding: 8px 12px;
}
#clear-search {
    display: block;
    width: 30px;
    height: 30px;
    min-height: 30px;
    border: 0;
    font-size: 14px;
    min-width: 30px;
}
.emoji-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 5px;
    max-height: 300px;
    overflow-y: auto;
}
.emoji-item {
    padding: 8px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    font-size: 20px;
}
.emoji-item:hover {
    background-color: #f8f9fa;
}
.chat-list a {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px;
    display: block;
}
.chat-list a:hover {
    background-color: #f8f9fa;
}
.chat-list a.active {
    background-color: #e3f2fd;
    border-left: 3px solid #2196f3;
}
.unread-msg {
    background-color: #fff3cd;
}
.chatbox {
    display: none;
}
.chatbox.showbox {
    display: block;
}

/* File message styling */
.file-message {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}
.file-info {
    font-size: 12px;
    color: #6c757d;
    margin-top: 4px;
}
.message-content {
    margin-bottom: 4px;
}

/* Image message styles */
.image-message {
    position: relative;
}
.chat-image {
    max-width: 200px;
    max-height: 200px;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.chat-image:hover {
    transform: scale(1.02);
}
.file-info {
    font-size: 12px;
    color: #666;
    margin-top: 4px;
    word-break: break-all;
}

/* Message truncation styles */
.show-more-link,
.show-less-link {
    color: var(--colorPeachBG) !important;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 5px;
}
.show-more-link:hover,
.show-less-link:hover {
    color: #d65a3a !important;
}
.message-status {
    margin-left: 5px;
}

/* Read/Unread status indicators for conversations */
.read-status,
.unread-status {
    display: inline-block;
    margin-left: 5px;
}
.read-status {
    color: var(--colorPeachBG);
    /* Peach color for read messages */
}
.unread-status {
    color: var(--colorPeachBG);
    /* Peach color for unread messages */
}
.colorPeach {
    color: var(--colorPeachBG) !important;
}

/* Messages container scrolling styles */
.msg-body {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    border: none;
    border-radius: 8px;
    background: transparent;
}

/* Blocked conversation styles */
.blocked-conversation {
    opacity: 0.7;
    background-color: #f8f9fa;
    border-left: 3px solid #dc3545;
}
.blocked-conversation:hover {
    opacity: 0.8;
}
.blocked-indicator {
    color: #dc3545 !important;
    font-size: 12px !important;
    font-weight: normal !important;
}
.blocked-by-indicator {
    color: #ff6b35 !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

/* Utility classes for inline styles */
.hidden-display {
    display: none;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.no-border-bg {
    border: none;
    background: none;
}
.emoji-icon {
    color: var(--colorPeachBG);
    font-size: 18px;
}
.file-input-hidden {
    display: none;
}
.select-width-320 {
    width: 320px;
}
.document-icon-container {
    margin-right: 12px;
}
.document-icon {
    font-size: 24px;
}
.document-content-flex {
    flex: 1;
}
.document-title {
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
    overflow-wrap: anywhere;
}
.document-size {
    font-size: 12px;
    color: #666;
}
.chat-image-style {
    max-width: 200px;
    max-height: 200px;
    border-radius: 8px;
    cursor: pointer;
}
.image-placeholder-container {
    width: 200px;
    height: 150px;
    background: #f0f0f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #ccc;
}
.image-placeholder-content {
    text-align: center;
}
.image-placeholder-icon {
    font-size: 24px;
    color: #999;
    margin-bottom: 8px;
}
.image-placeholder-text {
    font-size: 12px;
    color: #666;
}
.image-placeholder-name {
    font-size: 10px;
    color: #999;
}
.document-flex-container {
    display: flex;
    align-items: center;
    gap: 12px;
}
.blocked-text {
    color: #6c757d;
    font-style: italic;
}
.chat-image-inline {
    max-width: 200px;
    max-height: 200px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    background: #f0f0f0;
}
.image-placeholder {
    width: 200px;
    height: 150px;
    background: #f0f0f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #ccc;
}
.file-icon-inline {
    color: #6c757d;
    margin-right: 5px;
}
.file-text-icon-inline {
    color: #28a745;
    margin-right: 5px;
}
.full-message-hidden {
    display: none;
}
.error-text-red {
    color: red;
}
.modal-error-text {
    color: white;
    text-align: center;
}
button.btn-close {
    background: #fff var(--bs-btn-close-bg) center / 1em auto no-repeat;
}
.keyboard-open .edit-profile-form {
    margin-bottom: 300px;
}
h4.heading {
    color: #e77a5c !important;
    font-size: var(--xlarge) !important;
}
.eventListWrapper .eventBox .evtDesc p.venue {
    color: #e77a5c !important;
}
.amount-bg {
    padding: 8px 16px !important;
    font-size: 14px !important;
}
p.eventFilterText {
    color: var(--colorPeachBG) !important;
}
.textPeach {
    background-color: #e77a5c0f;
    border: solid 1px var(--colorPeachBG);
    color: var(--colorPeachBG) !important;
    font-size: 18px;
}
h3.textMain {
    color: #e77a5c !important;
}
#add_guest_event_form input.ajax-file-upload {
    padding: 14px 20px;
}
@media (max-width: 650px) {
    .eventDetailsWrapper .eventBannerBox .dateBox.upcoming p {
        font-size: 12px;
        line-height: 16px
    }
    
    .eventDetailsWrapper .eventBannerBox img {
        object-fit: cover;
        height: 200px;
    }
}

/* bjmm css starts */

/* ==========================================
   Bharat Jain Mahamandal (BJMM)
   Common Design System & Global Styles
   ========================================== */
:root {
    --bjmm-red-primary: #C8102E;
    --bjmm-red-dark: #8B0000;
    --bjmm-gold-accent: #F5A800;
    --bjmm-bg-warm: #FDF6EC;
    --bjmm-text-dark: #3a2010;
    --bjmm-font-poppins: 'Poppins', sans-serif;
    --bjmm-font-devanagari: 'Noto Sans Devanagari', sans-serif;
}

/* Global Reset */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    font-family: var(--bjmm-font-poppins);
    background-color: #ffffff;
    color: var(--bjmm-text-dark);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/* Page Outer Wrapper */
.bjmm-page-wrapper,
.bjmm-home-wrapper {
    width: 100%;
    overflow-x: hidden;
}

/* Shared Dividers & Titles */
.bjmm-gold-divider {
    height: 2px;
    background-color: var(--bjmm-gold-accent);
    opacity: 0.4;
}
.bjmm-section-header {
    border-bottom: 2px solid var(--bjmm-gold-accent);
    margin-bottom: 40px;
    padding-bottom: 8px;
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-section-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
}

/* Common Container Utility */
.bjmm-container {
    max-width: 72rem;
    /* 1152px */
    
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* ==========================================
   START: About Page Styles
   ========================================== */

/* Page Banner */
.bjmm-about-page-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-signup-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-signup-banner-container {
    /*max-width: 56rem;*/
    
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-signup-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-signup-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(22px, 4vw, 36px);
}
.bjmm-about-banner-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-about-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-about-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}
.bjmm-about-banner-breadcrumb {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
    margin-top: 8px;
}

/* History Timeline Section */
.bjmm-about-history-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-about-history-container {
    /* max-width: 56rem; */
    
    max-width: 896px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-about-section-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
    margin-bottom: 8px;
}
.bjmm-about-heading-line {
    width: 48px;
    height: 3px;
    background-color: var(--bjmm-gold-accent);
    margin-bottom: 40px;
}
.bjmm-about-heading-line-center {
    margin-left: auto;
    margin-right: auto;
}
.bjmm-about-timeline-wrapper {
    position: relative;
}
.bjmm-about-timeline-line {
    position: absolute;
    left: 80px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: var(--bjmm-gold-accent);
    opacity: 0.5;
    display: none;
}
@media (min-width: 768px) {
    .bjmm-about-timeline-line {
        display: block;
    }
}
.bjmm-about-timeline-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.bjmm-about-timeline-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
@media (min-width: 768px) {
    .bjmm-about-timeline-item {
        flex-direction: row;
        gap: 2rem;
    }
}
.bjmm-about-timeline-year-box {
    flex-shrink: 0;
    width: 80px;
}
.bjmm-about-timeline-year-badge {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.bjmm-about-timeline-content-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-left: 4px solid var(--bjmm-gold-accent);
    border-radius: 0 8px 8px 0;
    padding: 16px 20px;
    flex: 1;
}
.bjmm-about-timeline-text {
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
    color: #3a2010;
    line-height: 1.8;
}

/* Mission & Vision Section */
.bjmm-about-mission-section {
    background-color: #ffffff;
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-about-mission-container {
    /*  max-width: 64rem;*/
    
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-about-mission-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
    margin-bottom: 8px;
    text-align: center;
}
.bjmm-about-mission-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
@media (min-width: 768px) {
    .bjmm-about-mission-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.bjmm-about-mission-card {
    background-color: var(--bjmm-bg-warm);
    border-left: 5px solid var(--bjmm-gold-accent);
    border-radius: 0 8px 8px 0;
    padding: 32px;
}
.bjmm-about-mission-icon {
    font-size: 32px;
    margin-bottom: 12px;
}
.bjmm-about-mission-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 18px;
}
.bjmm-about-mission-hindi {
    font-family: var(--bjmm-font-devanagari);
    color: var(--bjmm-red-dark);
    font-size: 12px;
    margin-bottom: 16px;
}
.bjmm-about-mission-text {
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
    color: #3a2010;
    line-height: 1.9;
}

/* Organisation Structure Section */
.bjmm-about-org-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-about-org-container {
    /* max-width: 64rem; */
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-about-org-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
    margin-bottom: 8px;
    text-align: center;
}
.bjmm-about-org-tree {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.bjmm-about-org-node {
    background-color: #ffffff;
    border: 2px solid var(--bjmm-gold-accent);
    border-radius: 8px;
    padding: 14px 24px;
    text-align: center;
    min-width: 200px;
}
.bjmm-about-org-node.bjmm-about-org-node-top {
    background-color: var(--bjmm-red-primary);
    border-color: var(--bjmm-red-primary);
}
.bjmm-about-org-node-label {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: #1a0a00;
    font-size: 14px;
}
.bjmm-about-org-node.bjmm-about-org-node-top .bjmm-about-org-node-label {
    color: #ffffff;
}
.bjmm-about-org-node-sublabel {
    font-family: var(--bjmm-font-devanagari);
    color: var(--bjmm-red-dark);
    font-size: 11px;
    margin-top: 3px;
}
.bjmm-about-org-node.bjmm-about-org-node-top .bjmm-about-org-node-sublabel {
    color: rgba(255, 255, 255, 0.8);
}
.bjmm-about-org-line {
    width: 2px;
    height: 24px;
    background-color: var(--bjmm-gold-accent);
}
.bjmm-about-org-row-3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
}
@media (min-width: 640px) {
    .bjmm-about-org-row-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}
.bjmm-about-org-row-2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
}
@media (min-width: 640px) {
    .bjmm-about-org-row-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ==========================================
   END: About Page Styles
   ========================================== */

/* ==========================================
   START: Leadership Page Styles
   ========================================== */

/* Page Banner */
.bjmm-leadership-banner {
    background-color: var(--bjmm-red-primary, #C8102E);
    padding: 40px 16px;
}
.bjmm-leadership-banner-container {
    /* max-width: 72rem; */
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-leadership-banner-hindi {
    color: var(--bjmm-gold-accent, #F5A800);
    font-family: var(--bjmm-font-devanagari, 'Noto Sans Devanagari', sans-serif);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-leadership-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}
.bjmm-leadership-banner-breadcrumb {
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    margin-top: 4px;
}

/* Leadership Main Section */
.bjmm-leadership-section {
    background-color: var(--bjmm-bg-warm, #FDF6EC);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-leadership-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}

/* Tabs Switcher */
.bjmm-leadership-tabs-wrapper {
    margin-bottom: 40px;
}
.bjmm-leadership-tabs {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    padding: 4px;
    display: inline-flex;
    gap: 4px;
    flex-wrap: wrap;
}
.bjmm-leadership-tab {
    background-color: transparent;
    color: #5a3e28;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 500;
    font-size: 13px;
    padding: 8px 18px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}
.bjmm-leadership-tab:hover {
    color: var(--bjmm-red-primary, #C8102E);
}
.bjmm-leadership-tab-active {
    background-color: var(--bjmm-red-primary, #C8102E);
    color: #ffffff !important;
    font-weight: 600;
}

/* Tab Panes */
.bjmm-leadership-tab-pane {
    display: none;
}
.bjmm-leadership-tab-pane-active {
    display: block;
}

/* Leadership Grid */
.bjmm-leadership-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
@media (min-width: 640px) {
    .bjmm-leadership-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .bjmm-leadership-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Leadership Card */
.bjmm-leadership-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.bjmm-leadership-card:hover {
    border-color: var(--bjmm-gold-accent, #F5A800);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bjmm-leadership-photo-wrapper {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 3px solid var(--bjmm-gold-accent, #F5A800);
    overflow: hidden;
    margin: 0 auto 16px;
}
.bjmm-leadership-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bjmm-leadership-name {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    color: var(--bjmm-text-dark, #1a0a00);
    font-size: 15px;
    margin-bottom: 6px;
}
.bjmm-leadership-designation {
    color: var(--bjmm-red-primary, #C8102E);
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    margin-bottom: 4px;
}
.bjmm-leadership-city {
    color: #7a5c3a;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 12px;
}

/* ==========================================
   END: Leadership Page Styles
   ========================================== */

/* ==========================================
   START: Wing Page Styles
   ========================================== */

/* Banner */
.bjmm-wing-banner {
    padding: clamp(40px, 8vw, 80px) 16px;
}
.bjmm-wing-banner-youth {
    background: linear-gradient(135deg, #C8102E 0%, #F5A800 100%);
}
.bjmm-wing-banner-femina {
    background: linear-gradient(135deg, #8B0000 0%, #C8102E 60%, #d4a56a 100%);
}
.bjmm-wing-banner-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-wing-banner-breadcrumb {
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    margin-bottom: 8px;
}
.bjmm-wing-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 800;
    font-size: clamp(28px, 5vw, 52px);
    margin-bottom: 12px;
}
.bjmm-wing-banner-hindi {
    font-family: var(--bjmm-font-devanagari, 'Noto Sans Devanagari', sans-serif);
    color: var(--bjmm-gold-accent, #F5A800);
    font-size: 14px;
    margin-bottom: 8px;
}
.bjmm-wing-banner-tagline {
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: clamp(14px, 2vw, 18px);
}

/* About Section */
.bjmm-wing-about-section {
    background-color: var(--bjmm-bg-warm, #FDF6EC);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-wing-about-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-wing-about-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}
@media (min-width: 768px) {
    .bjmm-wing-about-grid {
        grid-template-columns: 1fr 1fr;
    }
}
.bjmm-wing-about-heading {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    color: var(--bjmm-red-primary, #C8102E);
    font-size: 22px;
    margin-bottom: 16px;
}
.bjmm-wing-about-text {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 15px;
    color: #3a2010;
    line-height: 1.9;
}
.bjmm-wing-about-image-wrapper {
    border-radius: 8px;
    overflow: hidden;
    border: 3px solid var(--bjmm-gold-accent, #F5A800);
}
.bjmm-wing-about-image {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

/* Activities Section */
.bjmm-wing-activities-section {
    background-color: #ffffff;
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-wing-activities-container {
    /*max-width: 56rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-wing-activities-heading {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    color: var(--bjmm-red-primary, #C8102E);
    font-size: 22px;
    margin-bottom: 8px;
}
.bjmm-wing-activities-line {
    width: 48px;
    height: 3px;
    background-color: var(--bjmm-gold-accent, #F5A800);
    margin-bottom: 28px;
}
.bjmm-wing-activities-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0px;
}
.bjmm-wing-activities-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.bjmm-wing-activities-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--bjmm-gold-accent, #F5A800);
    margin-top: 6px;
    flex-shrink: 0;
}
.bjmm-wing-activities-text {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 15px;
    color: #3a2010;
    line-height: 1.7;
}

/* Photo Strip / Gallery */
.bjmm-wing-gallery-section {
    background-color: var(--bjmm-bg-warm, #FDF6EC);
    padding: clamp(24px, 5vw, 60px) 16px;
}
.bjmm-wing-gallery-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-wing-gallery-heading {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    color: var(--bjmm-red-primary, #C8102E);
    font-size: 20px;
    margin-bottom: 20px;
}
.bjmm-wing-gallery-scroll {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 16px;
    scrollbar-width: none;
}
.bjmm-wing-gallery-scroll::-webkit-scrollbar {
    display: none;
}
.bjmm-wing-gallery-item {
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid rgba(245, 168, 0, 0.3);
    width: 240px;
    height: 160px;
    transition: box-shadow 0.2s ease;
}
.bjmm-wing-gallery-item:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.bjmm-wing-gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wing-empty-btn:hover{
color: #ffffff !important;
}

/* Gold Divider */
.bjmm-wing-divider {
    height: 2px;
    background-color: var(--bjmm-gold-accent, #F5A800);
    opacity: 0.4;
}

/* Members Section */
.bjmm-wing-members-section {
    background-color: #ffffff;
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-wing-members-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-wing-members-heading {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    color: var(--bjmm-red-primary, #C8102E);
    font-size: 22px;
    margin-bottom: 6px;
}
.bjmm-wing-members-line {
    width: 48px;
    height: 3px;
    background-color: var(--bjmm-gold-accent, #F5A800);
    margin-bottom: 28px;
}

/* Filter Row */
.bjmm-wing-filter-row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
}
@media (min-width: 640px) {
    .bjmm-wing-filter-row {
        flex-direction: row;
    }
}
.bjmm-wing-search-wrapper {
    position: relative;
    flex: 1;
}
.bjmm-wing-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #7a5c3a;
    pointer-events: none;
}
.bjmm-wing-search-input,
.donation-listing-wrapper .search-box,
.donation-listing-wrapper .sorting-dropdown .form-select {
    width: 100%;
    max-width: unset;
    padding: 10px 12px 10px 36px;
    border: 1px solid rgba(245, 168, 0, 0.4) !important;
    border-radius: 6px !important;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif) !important;
    font-size: 14px;
    background-color: var(--bjmm-bg-warm, #FDF6EC) !important;
    outline: none;
    height: 42px !important;
}
.bjmm-wing-select {
    padding: 10px 16px;
    border: 1px solid rgba(245, 168, 0, 0.4);
    border-radius: 6px;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 14px;
    background-color: var(--bjmm-bg-warm, #FDF6EC);
    color: var(--bjmm-text-dark, #1a0a00);
    outline: none;
    height: 42px;
}

/* Members Grid */
.bjmm-wing-members-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 640px) {
    .bjmm-wing-members-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .bjmm-wing-members-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Member Card */
.bjmm-wing-member-card {
    background-color: var(--bjmm-bg-warm, #FDF6EC);
    border: 1.5px solid var(--bjmm-gold-accent, #F5A800);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.bjmm-wing-member-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.bjmm-wing-member-photo-wrapper {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid var(--bjmm-gold-accent, #F5A800);
    overflow: hidden;
    margin: 0 auto 12px;
}
.bjmm-wing-member-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bjmm-wing-member-name {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    color: var(--bjmm-text-dark, #1a0a00);
    font-size: 15px;
}
.bjmm-wing-member-designation {
    color: var(--bjmm-red-primary, #C8102E) !important;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 12px !important;
    margin-bottom: 4px;
}
.bjmm-wing-member-city {
    color: #7a5c3a;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 12px;
    margin-bottom: 12px;
}
.bjmm-wing-member-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}
.bjmm-wing-action-btn {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.bjmm-wing-action-btn:hover {
    opacity: 0.8;
}
.bjmm-wing-action-phone {
    background-color: var(--bjmm-gold-accent, #F5A800) !important;
    color: #ffffff !important;
}
.bjmm-wing-action-phone img,
.bjmm-wing-action-email img {
    max-width: 15px;
    min-width: 15px;
}
.bjmm-wing-action-email {
    background-color: var(--bjmm-red-primary, #C8102E);
    color: #ffffff;
}

/* Pagination */
.bjmm-wing-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
}
.bjmm-wing-pagination .bjmm-wing-pagination-btn img {
    width: 5px;
}
.bjmm-wing-pagination-btn {
    border: 1px solid rgba(245, 168, 0, 0.5);
    border-radius: 4px;
    padding: 7px 14px;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    color: #5a3e28;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}
.bjmm-wing-pagination-btn:hover {
    background-color: #fff8ee;
    color: #5A3E28;
}
.bjmm-wing-pagination-num {
    background-color: transparent;
    color: #5a3e28;
    border: 1px solid rgba(245, 168, 0, 0.5);
    border-radius: 4px;
    width: 36px;
    height: 36px;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.bjmm-wing-pagination-num:hover {
    opacity: 0.8;
}
.bjmm-wing-pagination-num-active {
    background-color: var(--bjmm-red-primary, #C8102E) !important;
    color: #ffffff;
    border-color: var(--bjmm-red-primary, #C8102E) !important;
}

/* Become a Member CTA */
.bjmm-wing-cta-section {
    background-color: var(--bjmm-red-primary, #C8102E);
    padding: clamp(24px, 5vw, 60px) 16px;
    text-align: center;
}
.bjmm-wing-cta-hindi {
    font-family: var(--bjmm-font-devanagari, 'Noto Sans Devanagari', sans-serif);
    color: var(--bjmm-gold-accent, #F5A800);
    font-size: 14px;
    margin-bottom: 12px;
}
.bjmm-wing-cta-heading {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    font-size: clamp(20px, 3vw, 28px);
    margin-bottom: 12px;
}
.bjmm-wing-cta-text {
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 15px;
    max-width: 500px;
    margin: 0 auto 28px;
}
.bjmm-wing-cta-button {
    background-color: var(--bjmm-gold-accent, #F5A800);
    color: #1a0a00;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    font-size: 15px;
    padding: 13px 36px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.2s ease;
}
.bjmm-wing-cta-button:hover {
    opacity: 0.9;
}

/* ==========================================
   END: Wing Page Styles
   ========================================== */

/* Login Page CSS Start */
.bjmm-login-wrapper {
    background-color: var(--bjmm-bg-warm, #FDF6EC);
   min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
/*height:100vh;*/
}

/*.keyboard-open{
    overflow:hidden !important;
}*/


.bjmm-login-container {
    width: 100%;
    max-width: 420px;
}
.bjmm-login-logo-header {
    text-align: center;
    margin-bottom: 24px;
}
.bjmm-login-logo-img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 50%;
    border: 3px solid var(--bjmm-gold-accent, #F5A800);
    margin: 0 auto 12px;
    display: block;
}
.bjmm-login-title-en {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    color: var(--bjmm-red-primary, #C8102E);
    font-size: 16px;
}
.bjmm-login-title-hi {
    font-family: var(--bjmm-font-devanagari, 'Noto Sans Devanagari', sans-serif);
    color: var(--bjmm-red-dark, #8B0000);
    font-size: 12px;
}
.bjmm-login-card {
    background-color: #ffffff;
    border-top: 4px solid var(--bjmm-red-primary, #C8102E);
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
    padding: 32px 28px;
}
.bjmm-login-hidden {
    display: none !important;
}
.bjmm-login-card-title {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    color: var(--bjmm-text-dark, #1a0a00);
    font-size: 20px;
    margin-bottom: 6px;
    text-align: center;
}
.bjmm-login-card-subtitle {
    font-family: var(--bjmm-font-devanagari, 'Noto Sans Devanagari', sans-serif);
    color: var(--bjmm-red-dark, #8B0000);
    font-size: 12px;
    text-align: center;
    margin-bottom: 24px;
}
.bjmm-login-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.bjmm-login-field {
    display: flex;
    flex-direction: column;
    position: relative;
    align-item: center;
}
.bjmm-login-label {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    color: #3a2010;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}
.bjmm-login-input {
    width: 100%;
    max-width: unset;
    height: 42px;
    padding: 10px 14px;
    border: 1px solid rgba(245, 168, 0, 0.4);
    border-radius: 6px;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 14px;
    background-color: var(--bjmm-bg-warm, #FDF6EC);
    color: var(--bjmm-text-dark, #1a0a00);
    outline: none;
    transition: border-color 0.2s ease;
}
.bjmm-login-pass-toggle {
    padding: 10px 0px 0px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 15px;
    bottom: 0;
    right: 10px;
}
.bjmm-login-pass-toggle:hover {
    color: #170f49 !important;
}
.bjmm-login-forgot-btn:hover {
    color: #C8102E;
}
.bjmm-login-input:focus {
    border-color: var(--bjmm-red-primary, #C8102E);
}
.bjmm-login-signup-btn:hover {
    color: #C8102E;
}
.bjmm-login-forgot-wrapper {
    text-align: right;
}
.bjmm-login-forgot-btn {
    background: none;
    border: none;
    color: var(--bjmm-red-primary, #C8102E);
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
}
.bjmm-login-forgot-btn:hover {
    text-decoration: underline;
}
.bjmm-login-submit-btn {
    background-color: var(--bjmm-red-primary, #C8102E);
    color: #ffffff;
    width: 100%;
    padding: 13px;
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    font-size: 15px;
    border-radius: 4px;
    border: none;
    margin-top: 4px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.bjmm-login-submit-btn:hover {
    opacity: 0.9;
}
.bjmm-login-divider-box {
    border-top: 1px solid rgba(245, 168, 0, 0.3);
    margin-top: 24px;
    padding-top: 20px;
    text-align: center;
}
.bjmm-login-signup-text {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    color: #7a5c3a;
    margin-bottom: 12px;
}
.bjmm-login-signup-btn {
    display: block;
    border: 1.5px solid var(--bjmm-red-primary, #C8102E);
    color: var(--bjmm-red-primary, #C8102E);
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-weight: 700;
    font-size: 14px;
    padding: 10px 28px;
    border-radius: 4px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    transition: background-color 0.2s ease;
    box-sizing: border-box;
}
.bjmm-login-signup-btn:hover {
    background-color: #fef2f2;
}
.bjmm-login-reset-desc {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    color: #7a5c3a;
    text-align: center;
    margin-bottom: 24px;
    line-height: 1.7;
}
.bjmm-login-back-btn {
    background: none;
    border: none;
    color: var(--bjmm-red-primary, #C8102E);
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 13px;
    width: 100%;
    text-align: center;
    margin-top: 4px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    font-weight: 500;
}
.bjmm-login-back-btn:hover {
    text-decoration: underline;
    color: #C8102E !important;
}
.bjmm-login-success-box {
    text-align: center;
}
.bjmm-login-email-icon {
    font-size: 40px;
    margin-bottom: 12px;
}
.bjmm-login-success-text {
    font-family: var(--bjmm-font-poppins, 'Poppins', sans-serif);
    font-size: 14px;
    color: #3a2010;
    line-height: 1.8;
    margin-bottom: 20px;
}
.bjmm-login-success-back {
    font-weight: 600;
}
.bjmm-login-footer-text {
    text-align: center;
    font-family: var(--bjmm-font-devanagari, 'Noto Sans Devanagari', sans-serif);
    font-size: 12px;
    color: var(--bjmm-red-dark, #8B0000);
    margin-top: 20px;
}

/* Login Page CSS End */

/* ==========================================
   START: Membership Page Styles
   ========================================== */

/* Banner */
.bjmm-membership-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-membership-banner-container {
    /* max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-membership-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-membership-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}

/* Shared section heading bits */
.bjmm-membership-section-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
    margin-bottom: 8px;
    text-align: center;
}
.bjmm-membership-heading-line {
    width: 48px;
    height: 3px;
    background-color: var(--bjmm-gold-accent);
    margin: 0 auto 40px;
}
.bjmm-membership-heading-line-center {
    margin: 0 auto 40px;
}

/* Benefits */
.bjmm-membership-benefits-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-membership-benefits-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-membership-benefits-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 640px) {
    .bjmm-membership-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .bjmm-membership-benefits-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.bjmm-membership-benefit-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    padding: 24px;
    transition: box-shadow 0.2s ease;
}
.bjmm-membership-benefit-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.bjmm-membership-benefit-icon-box {
    background-color: var(--bjmm-bg-warm);
    border-radius: 50%;
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bjmm-gold-accent);
}
.bjmm-membership-benefit-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: var(--bjmm-text-dark);
    font-size: 15px;
    margin-bottom: 8px;
}
.bjmm-membership-benefit-desc {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #5a3e28;
    line-height: 1.8;
}

/* Tiers */
.bjmm-membership-tiers-section {
    background-color: #ffffff;
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-membership-tiers-container {
    /*max-width: 64rem;*/
    
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-membership-tiers-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 640px) {
    .bjmm-membership-tiers-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .bjmm-membership-tiers-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
.bjmm-membership-tier-card {
    background-color: var(--bjmm-bg-warm);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: box-shadow 0.2s ease;
}
.bjmm-membership-tier-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.bjmm-membership-tier-gold {
    border: 2px solid var(--bjmm-gold-accent);
}
.bjmm-membership-tier-red {
    border: 2px solid var(--bjmm-red-primary);
}
.bjmm-membership-tier-darkred {
    border: 2px solid var(--bjmm-red-dark);
}
.bjmm-membership-tier-brown {
    border: 2px solid #5a3e28;
}
.bjmm-membership-tier-label {
    font-family: var(--bjmm-font-devanagari);
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px;
}
.bjmm-membership-tier-gold .bjmm-membership-tier-label {
    color: var(--bjmm-gold-accent);
}
.bjmm-membership-tier-red .bjmm-membership-tier-label {
    color: var(--bjmm-red-primary);
}
.bjmm-membership-tier-darkred .bjmm-membership-tier-label {
    color: var(--bjmm-red-dark);
}
.bjmm-membership-tier-brown .bjmm-membership-tier-label {
    color: #5a3e28;
}
.bjmm-membership-tier-sublabel {
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    color: #7a5c3a;
    margin-bottom: 16px;
}
.bjmm-membership-tier-amount {
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    color: var(--bjmm-text-dark);
    font-size: 22px;
}

/* CTA */
.bjmm-membership-cta-section {
    background-color: var(--bjmm-red-primary);
    padding: clamp(40px, 6vw, 80px) 16px;
    text-align: center;
}
.bjmm-membership-cta-hindi {
    font-family: var(--bjmm-font-devanagari);
    color: var(--bjmm-gold-accent);
    font-size: 14px;
    margin-bottom: 12px;
}
.bjmm-membership-cta-heading {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(22px, 3vw, 32px);
    margin-bottom: 12px;
}
.bjmm-membership-cta-text {
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--bjmm-font-poppins);
    font-size: 15px;
    margin-bottom: 32px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
}
.bjmm-membership-cta-button {
    background-color: var(--bjmm-gold-accent);
    color: #1a0a00;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.bjmm-membership-cta-button:hover {
    opacity: 0.9;
}

/* ==========================================
   END: Membership Page Styles
   ========================================== */

/* ==========================================
   START: Events Page Styles
   ========================================== */

/* Banner */
.bjmm-events-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-events-banner-container {
    /*max-width: 72rem;*/
    
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-events-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-events-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}

/* Shared section heading bits */
.bjmm-events-section-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
    margin-bottom: 8px;
}
.bjmm-events-heading-line {
    width: 48px;
    height: 3px;
    background-color: var(--bjmm-gold-accent);
    margin-bottom: 36px;
}

/* Upcoming Events */
.bjmm-events-upcoming-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-events-upcoming-container {
    /* max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-events-upcoming-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 768px) {
    .bjmm-events-upcoming-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .bjmm-events-upcoming-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.bjmm-events-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}
.bjmm-events-card:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}
.bjmm-events-card-top {
    background-color: var(--bjmm-red-primary);
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.bjmm-events-date-badge {
    background-color: var(--bjmm-red-dark);
    border-radius: 6px;
    padding: 8px 12px;
    text-align: center;
    flex-shrink: 0;
}
.bjmm-events-date-day {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: 24px;
    line-height: 1;
}
.bjmm-events-date-month {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 11px;
    margin-top: 2px;
}
.bjmm-events-card-info {
    min-width: 0;
}
.bjmm-events-type-tag {
    color: #ffffff;
    font-size: 10px;
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 3px;
    opacity: 0.85;
    display: inline-block;
}
.bjmm-events-type-national {
    background-color: var(--bjmm-red-primary);
}
.bjmm-events-type-youth {
    background-color: var(--bjmm-gold-accent);
    color: #1a0a00;
}
.bjmm-events-type-femina {
    background-color: var(--bjmm-red-dark);
}
.bjmm-events-type-cultural {
    background-color: #5a3e28;
}
.bjmm-events-card-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 14px;
    margin-top: 6px;
    line-height: 1.4;
    min-height: 40px;
}
.bjmm-events-card-body {
    padding: 16px;
}
.bjmm-events-location {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--bjmm-gold-accent);
}
.bjmm-events-location span {
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    color: #5a3e28;
}
.bjmm-events-card-desc {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #3a2010;
    line-height: 1.7;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 46px;
}
.bjmm-events-rsvp-button {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 12px;
    padding: 8px 20px;
    border-radius: 4px;
    width: 100%;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.bjmm-events-rsvp-button:hover {
    opacity: 0.9;
}

/* Past Events */
.bjmm-events-past-section {
    background-color: #ffffff;
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-events-past-container {
    /*max-width: 56rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-events-year-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.bjmm-events-year-item {
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
}
.bjmm-events-year-item .bjmm-events-year-toggle {
    color: #1A0A00;
}
.bjmm-events-year-toggle {
    width: 100%;
    background-color: var(--bjmm-bg-warm);
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.bjmm-events-year-toggle-active {
    background-color: var(--bjmm-red-primary);
}
.bjmm-events-year-label {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    font-size: 16px;
    color: var(--bjmm-text-dark);
}
.bjmm-events-year-toggle-active .bjmm-events-year-label {
    color: #ffffff;
}
.bjmm-events-year-chevron {
    color: var(--bjmm-red-primary);
    display: flex;
    align-items: center;
}
.bjmm-events-year-toggle-active .bjmm-events-year-chevron {
    color: var(--bjmm-gold-accent);
}
.bjmm-events-year-panel {
    background-color: #ffffff;
    padding: 8px 0;
}
.bjmm-events-year-entry {
    padding: 14px 20px;
    border-bottom: 1px solid rgba(245, 168, 0, 0.15);
}
.bjmm-events-year-entry-last {
    border-bottom: none;
}
.bjmm-events-year-entry-head {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}
@media (min-width: 640px) {
    .bjmm-events-year-entry-head {
        flex-direction: row;
        align-items: center;
    }
}
.bjmm-events-year-entry-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: var(--bjmm-text-dark);
    font-size: 14px;
}
.bjmm-events-year-entry-city {
    background-color: var(--bjmm-bg-warm);
    border: 1px solid rgba(245, 168, 0, 0.3);
    color: #7a5c3a;
    font-size: 11px;
    font-family: var(--bjmm-font-poppins);
    padding: 2px 8px;
    border-radius: 3px;
    flex-shrink: 0;
    display: inline-block;
    width: fit-content;
}
.bjmm-events-year-entry-note {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #5a3e28;
    line-height: 1.7;
}

/* Shared hidden-state utility for this page */
.bjmm-events-hidden {
    display: none !important;
}
.white-text {
    color: #ffffff;
}

/* ==========================================
   END: Events Page Styles
   ========================================== */
.bjmm-footer-container {
    padding: 48px 0px;
}
@media (max-width: 767px) {
    .bjmm-footer-container {
        padding: 48px 16px;
    }
}

/* ==========================================
   START: Photo Gallery Page Styles
   ========================================== */

/* Banner */
.bjmm-photogallery-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-photogallery-banner-container {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-photogallery-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-photogallery-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}
.bjmm-photogallery-banner-count {
    color: rgba(255, 255, 255, 0.75);
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    margin-top: 6px;
}

/* Grid section */
.bjmm-photogallery-grid-section {
    /* background-color: #1a0a00;*/
    
    padding: 16px;
}
.photogallery-wrapper {
    background-color: #1a0a00;
}
.photogallery-wrapper .bjmm-photogallery-grid-container {
    background-color: unset;
}
.photogallery-wrapper-home {
    max-width: 1152px;
    margin: auto;
}
.photogallery-wrapper .bjmm-photogallery-grid-container {
    max-width: unset;
}
.bjmm-photogallery-grid-container {
    /*max-width: 100rem;*/
    
    background-color: #1a0a00;
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}
.bjmm-photogallery-grid {
    display: grid;
    gap: 10px;
}
.bjmm-photogallery-row1 {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 10px;
    height: clamp(240px, 38vw, 520px);
}
.bjmm-photogallery-row1-col {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
}
.bjmm-photogallery-row2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    height: clamp(140px, 20vw, 280px);
}
.bjmm-photogallery-cell {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    cursor: pointer;
    background-color: #2a1a0a;
    height: 100%;
}
.bjmm-photogallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.bjmm-photogallery-cell:hover .bjmm-photogallery-img {
    transform: scale(1.05);
}
.bjmm-photogallery-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(139, 0, 0, 0.75) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: flex-end;
    padding: 12px;
}
.bjmm-photogallery-cell:hover .bjmm-photogallery-overlay {
    opacity: 1;
}
.bjmm-photogallery-overlay-text {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    font-weight: 600;
}

/* Lightbox */
.bjmm-photogallery-lightbox {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bjmm-photogallery-hidden {
    display: none !important;
}
.bjmm-photogallery-lightbox-close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bjmm-photogallery-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.2);
}
.bjmm-photogallery-lightbox-nav {
    position: absolute;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bjmm-photogallery-lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.2);
}
.bjmm-photogallery-lightbox-prev {
    left: 16px;
}
.bjmm-photogallery-lightbox-next {
    right: 16px;
}
.bjmm-photogallery-lightbox-img {
    max-width: 90vw;
    max-height: 88vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 8px 48px rgba(0, 0, 0, 0.6) !important;
}
.bjmm-photogallery-lightbox-counter {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
}
.bjmm-photogallery-lightbox-dots {
    position: absolute;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
}
.bjmm-photogallery-lightbox-dot {
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.35);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.25s ease;
}
.bjmm-photogallery-lightbox-dot-active {
    width: 20px;
    background-color: var(--bjmm-gold-accent);
}

/* ==========================================
   END: Photo Gallery Page Styles
   ========================================== */

/* ==========================================
   START: Video Gallery Page Styles
   ========================================== */

/* Banner */
.bjmm-videogallery-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-videogallery-banner-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-videogallery-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-videogallery-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}

/* Grid */
.bjmm-videogallery-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-videogallery-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-videogallery-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 640px) {
    .bjmm-videogallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .bjmm-videogallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.bjmm-videogallery-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}
.bjmm-videogallery-card:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}
.bjmm-videogallery-thumb-wrap {
    position: relative;
    cursor: pointer;
}
.bjmm-videogallery-thumb {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}
.bjmm-videogallery-thumb-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}
.bjmm-videogallery-thumb-wrap:hover .bjmm-videogallery-thumb-overlay {
    background-color: rgba(0, 0, 0, 0.45);
}
.bjmm-videogallery-play-btn {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: var(--bjmm-red-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
.bjmm-videogallery-duration {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 11px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 3px;
}
.bjmm-videogallery-info {
    padding: 14px 16px;
}
.bjmm-videogallery-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.bjmm-videogallery-tag {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
}
.bjmm-videogallery-tag-national {
    background-color: var(--bjmm-red-primary);
}
.bjmm-videogallery-tag-youth {
    background-color: var(--bjmm-gold-accent);
    color: #1a0a00;
}
.bjmm-videogallery-tag-femina {
    background-color: var(--bjmm-red-dark);
}
.bjmm-videogallery-tag-heritage {
    background-color: #5a3e28;
}
.bjmm-videogallery-tag-welfare {
    background-color: #3a6e3a;
}
.bjmm-videogallery-tag-cultural {
    background-color: #7a4a8a;
}
.bjmm-videogallery-date {
    color: #9a7a5a;
    font-family: var(--bjmm-font-poppins);
    font-size: 11px;
}
.bjmm-videogallery-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: var(--bjmm-text-dark);
    font-size: 13px;
    line-height: 1.5;
}

/* ==========================================
   END: Video Gallery Page Styles
   ========================================== */

/* ==========================================
   START: Press Releases Page Styles
   ========================================== */

/* Banner */
.bjmm-pressreleases-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-pressreleases-banner-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-pressreleases-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-pressreleases-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}

/* List */
.bjmm-pressreleases-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-pressreleases-container {
    /*max-width: 56rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-pressreleases-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.bjmm-pressreleases-item {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    padding: 18px 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    transition: box-shadow 0.2s ease;
}
.bjmm-pressreleases-item:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.bjmm-pressreleases-icon-box {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--bjmm-bg-warm);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    color: var(--bjmm-gold-accent);
}
.bjmm-pressreleases-content {
    flex: 1;
    min-width: 0;
}
.bjmm-pressreleases-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.bjmm-pressreleases-date {
    color: var(--bjmm-red-primary);
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 12px;
    flex-shrink: 0;
}
.bjmm-pressreleases-tag {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
    flex-shrink: 0;
}
.bjmm-pressreleases-tag-events {
    background-color: var(--bjmm-red-primary);
}
.bjmm-pressreleases-tag-statement {
    background-color: var(--bjmm-red-dark);
}
.bjmm-pressreleases-tag-welfare {
    background-color: #3a6e3a;
}
.bjmm-pressreleases-tag-heritage {
    background-color: #5a3e28;
}
.bjmm-pressreleases-tag-youth {
    background-color: #d4860a;
}
.bjmm-pressreleases-tag-femina {
    background-color: #9b2a5e;
}
.bjmm-pressreleases-tag-cultural {
    background-color: #7a4a8a;
}
.bjmm-pressreleases-tag-annualreport {
    background-color: #1a5a8a;
}
.bjmm-pressreleases-title {
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
    color: var(--bjmm-text-dark);
    line-height: 1.6;
    margin: 0;
}
.bjmm-pressreleases-download {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--bjmm-red-primary);
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    padding: 6px 12px;
    border: 1px solid rgba(200, 16, 46, 0.3);
    border-radius: 4px;
    margin-top: 2px;
    white-space: nowrap;
    transition: background-color 0.2s ease;
}
.bjmm-pressreleases-download:hover {
    background-color: #fef2f2;
    color: #C8102E;
}

/* ==========================================
   END: Press Releases Page Styles
   ========================================== */

/* ==========================================
   START: Resources Page Styles
   ========================================== */

/* Banner */
.bjmm-resources-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-resources-banner-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-resources-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-resources-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}

/* Grid */
.bjmm-resources-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-resources-container {
    /* max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-resources-section-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
    margin-bottom: 8px;
}
.bjmm-resources-heading-line {
    width: 48px;
    height: 3px;
    background-color: var(--bjmm-gold-accent);
    margin-bottom: 36px;
}
.bjmm-resources-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 640px) {
    .bjmm-resources-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 768px) {
    .bjmm-resources-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.bjmm-resources-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease;
}
.bjmm-resources-card:hover {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}
.bjmm-resources-card-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}
.bjmm-resources-icon-box {
    background-color: var(--bjmm-bg-warm);
    border-radius: 8px;
    padding: 10px;
    flex-shrink: 0;
    color: var(--bjmm-gold-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bjmm-resources-tag {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 3px;
    align-self: flex-start;
}
.bjmm-resources-tag-ebooks {
    background-color: var(--bjmm-red-primary);
}
.bjmm-resources-tag-document {
    background-color: var(--bjmm-red-dark);
}
.bjmm-resources-tag-community {
    background-color: var(--bjmm-gold-accent);
    color: #1a0a00;
}
.bjmm-resources-tag-legal {
    background-color: #5a3e28;
}
.bjmm-resources-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: var(--bjmm-text-dark);
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.4;
}
.bjmm-resources-desc {
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    color: #5a3e28;
    line-height: 1.7;
    flex: 1;
    margin-bottom: 16px;
}
.bjmm-resources-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bjmm-resources-size {
    font-family: var(--bjmm-font-poppins);
    font-size: 11px;
    color: #9a7a5a;
}
.bjmm-resources-download-btn {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    font-size: 12px;
    padding: 7px 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.bjmm-resources-download-btn:hover {
    opacity: 0.9;
}
.bjmm-resources-download-btn img {
    width: 15.5px;
    height: 14.5px;
}

/* ==========================================
   END: Resources Page Styles
   ========================================== */

/* ==========================================
   START: Contact Page Styles
   ========================================== */

/* Banner */
.bjmm-contact-banner {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-contact-banner-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-contact-banner-hindi {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    margin-bottom: 6px;
}
.bjmm-contact-banner-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 40px);
}

/* Layout */
.bjmm-contact-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-contact-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}
@media (min-width: 1024px) {
    .bjmm-contact-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
.bjmm-contact-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 20px;
    margin-bottom: 8px;
}
.bjmm-contact-heading-line {
    width: 40px;
    height: 3px;
    background-color: var(--bjmm-gold-accent);
    margin-bottom: 28px;
}
.bjmm-contact-intro {
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
    color: #5a3e28;
    line-height: 1.9;
    margin-bottom: 28px;
}

/* Office details */
.bjmm-contact-details-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.bjmm-contact-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.bjmm-contact-detail-icon {
    background-color: var(--bjmm-red-primary);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.bjmm-contact-detail-label {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: var(--bjmm-text-dark);
    font-size: 13px;
    margin-bottom: 2px;
}
.bjmm-contact-detail-value {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #5a3e28;
    line-height: 1.7;
}

/* Map placeholder */
.bjmm-contact-map-box {
    margin-top: 32px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid rgba(245, 168, 0, 0.3);
    height: 220px;
    background-color: #e8ddd0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: radial-gradient(circle at 40% 50%, rgba(200, 16, 46, 0.08) 0%, transparent 60%);
}
.bjmm-contact-map-pin {
    color: var(--bjmm-red-primary);
    margin-bottom: 10px;
}
.bjmm-contact-map-city {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: #3a2010;
    font-size: 14px;
}
.bjmm-contact-map-address {
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    color: #7a5c3a;
    margin-top: 4px;
}

/* Form */
.bjmm-contact-form-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.bjmm-contact-field {
    display: flex;
    flex-direction: column;
}
.bjmm-contact-label {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #3a2010;
    font-weight: 600;
    margin-bottom: 6px;
}
.bjmm-contact-input,
.bjmm-contact-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid rgba(245, 168, 0, 0.4);
    border-radius: 6px;
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
    background-color: var(--bjmm-bg-warm);
    color: var(--bjmm-text-dark);
    outline: none;
    transition: border-color 0.2s ease;
}
.bjmm-contact-input:focus,
.bjmm-contact-textarea:focus {
    border-color: var(--bjmm-red-primary);
}
.bjmm-contact-textarea {
    resize: vertical;
}
.bjmm-contact-send-btn {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    width: 100%;
    padding: 13px;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 15px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    margin-top: 4px;
    transition: opacity 0.2s ease;
}
.bjmm-contact-send-btn:hover {
    opacity: 0.9;
}

/* Bottom bar */
.bjmm-contact-bottom-bar {
    background-color: var(--bjmm-red-primary);
    padding: 28px 16px;
    text-align: center;
}
.bjmm-contact-bottom-container {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
@media (min-width: 640px) {
    .bjmm-contact-bottom-container {
        flex-direction: row;
    }
}
.bjmm-contact-bottom-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
}
.bjmm-contact-bottom-item svg {
    color: var(--bjmm-gold-accent);
    flex-shrink: 0;
}
.bjmm-contact-bottom-divider {
    width: 1px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.3);
    display: none;
}
@media (min-width: 640px) {
    .bjmm-contact-bottom-divider {
        display: block;
    }
}
.bjmm-contact-bottom-hindi {
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    color: var(--bjmm-gold-accent);
}
.bjmm-contact-field input,
.bjmm-contact-field select {
    height: 42px !important;
    max-width: 100% !important;
}
.bjmm-contact-form-card .shortParaBox {
    display: flex;
    flex-direction: column;
}
.bjmm-contact-form-card .question_text_div {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #3a2010;
    font-weight: 600;
    margin-bottom: 6px;
}
.bjmm-contact-form-card .formGroup {
    font-size: 14px !important;
    background-color: var(--bjmm-bg-warm) !important;
    border: 1px solid rgba(245, 168, 0, 0.4) !important;
    border-radius: 6px !important;
}
.bjmm-contact-form-card .formGroup input {
    width: 100%;
    max-width: 100%;
    padding: 10px 14px !important;
    border: unset !important;
    border-radius: 6px !important;
    font-family: var(--bjmm-font-poppins) !important;
    font-size: 14px !important;
    background-color: var(--bjmm-bg-warm) !important;
    color: var(--bjmm-text-dark) !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
}
.fbPreviewContent .sbox {
    box-shadow: unset !important;
    border-radius: 0px !important;
    margin-bottom: 20px !important;
    padding: 0px !important;
    background-color: unset !important;
}
.shortParaBox .form_builder p > span:first-child,
.dropDownBox .form_builder p > span:first-child {
    display: none;
}
.bjmm-contact-form-card .formGroup textarea {
    height: 145px;
    width: 100%;
    padding: 10px 14px;
    border: 1px solid rgba(245, 168, 0, 0.4);
    border-radius: 6px;
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
    background-color: var(--bjmm-bg-warm);
    color: var(--bjmm-text-dark);
    outline: none;
    transition: border-color 0.2s ease;
    height: 145px;
}
.bjmm-contact-form-card .formGroup textarea:focus {
    border-color: var(--bjmm-red-primary) !important;
    border: 0.5px solid var(--bjmm-red-primary) !important;
}
.bjmm-contact-form-card .formBottm {
    display: block !important;
}
.bjmm-contact-form-card .fbTextPrimary {
    display: none;
}
.bjmm-contact-form-card .submitBtn {
    text-align: center;
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    width: 100%;
    padding: 13px;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 15px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    margin-top: 18px;
    transition: opacity 0.2s ease;
}
.bjmm-contact-form-card .formOption {
    max-width: 100% !important;
    border-bottom: 0px !important;
}
.bjmm-contact-form-card .fbBtn:hover {
    background-color: var(--bjmm-red-primary);
}

/* ==========================================
   END: Contact Page Styles
   ========================================== */
.bjmm-resources-download-btn:hover {
    color: #ffffff;
}
.bjmm-leadermsg-container {
    /* max-width: 72rem;*/
    
    max-width: 1152px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    /*padding: 0 16px;*/
    
    padding: 0px;
}
@media (min-width: 768px) {
    .bjmm-leadermsg-container {
        grid-template-columns: 1fr 1fr;
    }
}
.bjmm-leadermsg-heading-wrap {
    border-bottom: 2px solid var(--bjmm-gold-accent);
    margin-bottom: 32px;
    padding-bottom: 8px;
}
.bjmm-leadermsg-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 20px;
}
.bjmm-secretary-avatar-placeholder {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 4px solid var(--bjmm-gold-accent);
    background-color: var(--bjmm-red-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.bjmm-latestnews-section {
    background-color: #ffffff;
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-latestnews-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin: 0 auto;
}
.bjmm-latestnews-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
@media (min-width: 768px) {
    .bjmm-latestnews-grid {
        grid-template-columns: 1fr 1fr;
    }
}
.bjmm-latestnews-featured-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    margin-bottom: 16px;
    display: block;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.bjmm-latestnews-featured-content {
    padding: 16px 18px;
}
.bjmm-latestnews-featured-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: #3a2010;
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 14px;
}
.home-latest-news .bjmm-latestnews-grid > div:first-child {
    border-radius: 6px;
    border: 1px solid rgba(245, 168, 0, 0.3);
}
.bjmm-latestnews-featured-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.bjmm-latestnews-date {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7a5c3a;
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
}
.bjmm-latestnews-date svg {
    color: var(--bjmm-gold-accent);
    flex-shrink: 0;
}
.bjmm-latestnews-readmore-btn,
.donation-listing-wrapper .donation-btn .btn {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    font-size: 13px;
    padding: 8px 18px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.bjmm-latestnews-readmore-btn:hover,
.donation-listing-wrapper .donation-btn .btn:hover {
    opacity: 0.9;
}
.donation-listing-wrapper .donation-btn .btn {
    color: #ffffff !important;
    border: 0px !Important;
    padding: 8px 18px !important;
}
.donation-listing-wrapper .donation-btn .btn:hover {
    border: 0px !Important;
    padding: 8px 18px !important;
}
.bjmm-latestnews-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.bjmm-latestnews-list-item {
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 6px;
    padding: 16px 18px;
    transition: box-shadow 0.2s ease;
}
.bjmm-latestnews-list-item:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
.bjmm-latestnews-list-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: var(--bjmm-text-dark);
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.bjmm-latestnews-list-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.bjmm-latestnews-readmore-link {
    color: var(--bjmm-red-primary);
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
}
.bjmm-latestnews-readmore-link:hover {
    text-decoration: underline;
    color: #C8102E;
}
.bjmm-latestnews-more-wrap {
    text-align: center;
    margin-top: 32px;
}
.bjmm-latestnews-more-btn {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 14px;
    padding: 12px 28px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.bjmm-latestnews-more-btn:hover {
    opacity: 0.9;
}
.bjmm-homegallery-section {
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-homegallery-heading-wrap {
    max-width: 100rem;
    margin: 0 auto 24px;
    padding: 0 16px;
}
.bjmm-homegallery-viewall-wrap {
    text-align: center;
    padding: 24px 16px 0;
}
.bjmm-homegallery-viewall-link {
    color: var(--bjmm-red-primary);
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}
.bjmm-homegallery-viewall-link:hover {
    text-decoration: underline;
}
@import url("style.css");
.bjmm-hero-section {
    position: relative;
    overflow: hidden;
    height: clamp(380px, 60vh, 600px);
    width: 100%;
}
.bjmm-hero-slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 1000ms ease-in-out;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}
.bjmm-hero-slide.bjmm-hero-slide-active {
    opacity: 1;
    pointer-events: auto;
}
.bjmm-hero-slide-1 {
    background: linear-gradient(135deg, #8b0000 0%, #c8102e 40%, #f5a800 100%);
}
.bjmm-hero-slide-2 {
    background: linear-gradient(135deg, #c8102e 0%, #8b0000 60%, #3a0000 100%);
}
.bjmm-hero-slide-3 {
    background: linear-gradient(135deg, #f5a800 0%, #c8102e 50%, #8b0000 100%);
}
.bjmm-hero-container {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: center;
}
.bjmm-hero-greeting {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-devanagari);
    font-size: 14px;
    margin-bottom: 12px;
    letter-spacing: 3px;
    font-weight: 600;
}
.bjmm-hero-headline {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(28px, 5vw, 56px);
    line-height: 1.2;
    white-space: pre-line;
    margin-bottom: 20px;
}
.bjmm-hero-subtext {
    color: rgba(255, 255, 255, 0.88);
    font-family: var(--bjmm-font-poppins);
    font-size: clamp(14px, 2vw, 18px);
    margin: 0 auto 32px;
    max-width: 600px;
}
.bjmm-hero-button {
    background-color: var(--bjmm-gold-accent);
    color: #1a0a00;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 15px;
    padding: 12px 32px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.bjmm-hero-button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}
.bjmm-hero-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    z-index: 10;
}
.bjmm-hero-nav-btn:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
.bjmm-hero-nav-prev {
    left: 16px;
}
.bjmm-hero-nav-next {
    right: 16px;
}
.bjmm-hero-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}
.bjmm-hero-dot {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.bjmm-hero-dot.bjmm-hero-dot-active {
    width: 24px;
    background-color: var(--bjmm-gold-accent);
}
.bjmm-news-ticker-section {
    background-color: var(--bjmm-red-primary);
    overflow: hidden;
    padding: 10px 0;
}
.bjmm-news-ticker-flex {
    display: flex;
    align-items: center;
}
.bjmm-news-ticker-badge {
    background-color: var(--bjmm-red-dark);
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 12px;
    padding: 4px 16px;
    white-space: nowrap;
    flex-shrink: 0;
}
.bjmm-news-ticker-wrapper {
    overflow: hidden;
    flex: 1;
}
.bjmm-news-ticker-text {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    white-space: nowrap;
    display: inline-block;
    animation: bjmm-ticker-animation 40s linear infinite;
}
@keyframes bjmm-ticker-animation {
    0% {
        transform: translateX(100vw);
    }
    
    100% {
        transform: translateX(-200%);
    }
}
.bjmm-president-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-president-flex {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 40px;
}
@media (min-width: 768px) {
    .bjmm-president-flex {
        flex-direction: row;
    }
}
.bjmm-president-avatar-box {
    flex-shrink: 0;
}
.bjmm-president-img-frame {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 4px solid var(--bjmm-gold-accent);
    overflow: hidden;
    background-color: #f5ede0;
    flex-shrink: 0;
}
.bjmm-president-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.bjmm-president-body {
    flex: 1;
}
.bjmm-president-quote-mark {
    color: var(--bjmm-red-primary);
    font-size: 40px;
    line-height: 1;
    font-family: serif;
}
.bjmm-president-quote-text {
    font-family: var(--bjmm-font-poppins);
    font-size: 15px;
    color: #3a2010;
    line-height: 1.9;
    font-style: italic;
    max-width: 600px;
}
.bjmm-president-author {
    margin-top: 20px;
}
.bjmm-president-author-name {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: #1a0a00;
    font-size: 15px;
}
.bjmm-president-author-title {
    font-family: var(--bjmm-font-poppins);
    color: var(--bjmm-red-primary);
    font-size: 13px;
}
.bjmm-president-author-hindi {
    font-family: var(--bjmm-font-devanagari);
    color: var(--bjmm-red-dark);
    font-size: 12px;
    margin-top: 4px;
}
.bjmm-quicklinks-section {
    background-color: #ffffff;
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-quicklinks-container {
    /*max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-quicklinks-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
    margin-bottom: 32px;
    text-align: center;
}
.bjmm-quicklinks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
@media (min-width: 640px) {
    .bjmm-quicklinks-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.bjmm-quicklink-card {
    background-color: var(--bjmm-bg-warm);
    border: 1px solid rgba(245, 168, 0, 0.4);
    border-radius: 8px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.bjmm-quicklink-card:hover {
    border-color: var(--bjmm-gold-accent);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.bjmm-quicklink-icon-box {
    background-color: var(--bjmm-red-primary);
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.bjmm-quicklink-text-box {
    text-align: center;
}
.bjmm-quicklink-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    color: #1a0a00;
    font-size: 14px;
}
.bjmm-quicklink-subtitle {
    font-family: var(--bjmm-font-devanagari);
    color: var(--bjmm-red-dark);
    font-size: 12px;
    font-weight: 600;
}
.bjmm-events-section {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 80px) 16px;
}
.bjmm-events-container {
    /* max-width: 72rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}
.bjmm-events-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}
.bjmm-events-title {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 22px;
}
.bjmm-events-view-all {
    color: var(--bjmm-red-primary);
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
}
.bjmm-events-view-all:hover {
    text-decoration: underline;
}
.bjmm-events-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 768px) {
    .bjmm-events-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.bjmm-event-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}
.bjmm-event-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.bjmm-event-card-top {
    background-color: var(--bjmm-red-primary);
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.bjmm-event-date-badge {
    background-color: var(--bjmm-red-dark);
    border-radius: 6px;
    padding: 8px 14px;
    text-align: center;
    flex-shrink: 0;
}
.bjmm-event-date-day {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: 22px;
    line-height: 1;
}
.bjmm-event-date-month {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 11px;
    text-transform: uppercase;
}
.bjmm-event-date-year {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--bjmm-font-poppins);
    font-size: 10px;
}
.bjmm-event-card-info {
    flex: 1;
}
.bjmm-event-type-tag {
    background-color: var(--bjmm-gold-accent);
    color: #1a0a00;
    font-size: 10px;
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 3px;
    display: inline-block;
}
.bjmm-event-card-title {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    font-size: 14px;
    margin-top: 6px;
    line-height: 1.4;
}
.bjmm-event-card-bottom {
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bjmm-event-location {
    display: flex;
    align-items: center;
    gap: 8px;
}
.bjmm-event-location-icon {
    color: var(--bjmm-gold-accent);
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}
.bjmm-event-location-text {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #5a3e28;
}
.bjmm-event-rsvp-button {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.bjmm-event-rsvp-button:hover {
    opacity: 0.85;
}
.bjmm-stats-section {
    background-color: var(--bjmm-red-primary);
    padding: 40px 16px;
}
.bjmm-stats-container {
    /* max-width: 64rem;*/
    
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    text-align: center;
}
@media (min-width: 768px) {
    .bjmm-stats-container {
        grid-template-columns: repeat(4, 1fr);
    }
}
.bjmm-stat-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bjmm-stat-number {
    color: var(--bjmm-gold-accent);
    font-family: var(--bjmm-font-poppins);
    font-weight: 800;
    font-size: clamp(24px, 4vw, 36px);
}
.bjmm-stat-label {
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    margin-top: 4px;
}
.bjmm-stat-hindi {
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--bjmm-font-devanagari);
    font-size: 11px;
    margin-top: 2px;
}

/*footer css starts*/
.bjmm-footer {
    background-color: var(--bjmm-bg-warm);
}
.bjmm-footer-top-strip {
    background-color: var(--bjmm-red-primary);
    height: 6px;
}
.bjmm-footer-container {
    undefined: undefined;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 48px 0px;
}
.bjmm-footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}
.bjmm-footer-heading {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 16px;
    margin-bottom: 12px;
}
.bjmm-footer-about-text {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #5a3e28;
    line-height: 1.8;
}
.bjmm-footer-about-tagline {
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    color: var(--bjmm-red-dark);
    margin-top: 12px;
    undefined: undefined;
}
.bjmm-footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.bjmm-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.bjmm-footer-contact-icon {
    background-color: transparent;
    color: var(--bjmm-gold-accent);
    flex-shrink: 0;
    margin-top: 2px;
}
.bjmm-footer-contact-text {
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    color: #5a3e28;
}
.bjmm-footer-social-row {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}
.bjmm-footer-social-btn {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.bjmm-footer-social-btn:hover {
    opacity: 0.8;
}
.bjmm-footer-bottom-bar {
    border-top: 1px solid rgba(245, 168, 0, 0.3);
    margin-top: 32px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px;
    text-align: center;
}
.bjmm-footer-copyright {
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    color: #7a5c3a;
}
.bjmm-footer-bottom-hindi {
    font-family: var(--bjmm-font-devanagari);
    font-size: 12px;
    color: var(--bjmm-red-dark);
}
@media (min-width: 768px) {
    .bjmm-footer-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .bjmm-footer-bottom-bar {
        flex-direction: row;
        padding: 20px 0px 0px;
    }
}
.footer-quick-links .headerMenu .navBar {
    flex-direction: column;
    text-align: justify;
    align-items: flex-start;
}
.footer-quick-links .headerMenu ul li a {
    padding: 0px 18px 0px 10px;
    border-bottom: 0px !important;
}
.footer-quick-links .headerMenu ul li a:hover {
    color: #C8102E !important;
}
.footer-quick-links .navBar {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-quick-links .navBar .navItem {
    position: relative;
    padding-left: 5px;
    /* Space for the icon */
}
.footer-quick-links .navBar .navItem::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    /* Adjust as needed */
    
    height: 7px;
    background: url("https://bjmmqa.unifyams.ai/public/storage/2026/07/27/cms/yellow-arrow.png") no-repeat center;
    background-size: contain;
}
.footer-quick-links .headerMenu ul li a {
    padding: 0px 18px 0px 10px;
}
.bjmm-footer-grid {
    padding: 0px 10px;
}
.footer-quick-links .navBar .navItem {
    padding-bottom: 3px;
    padding-top: 3px;
}
.footer-quick-links .headerMenu ul li:hover,
.footer-quick-links .headerMenu .navBar .navItem .navLink:hover {
    background-color: unset !important;
    color: #1e1e1e !important;
}
.footer-quick-links nav {
    position: unset;
    display: block;
    background-color: transparent;
}
.footer-quick-links .menuToggle {
    display: none;
}
.bjmm-photogallery-lightbox a:hover {
    color: #ffffff;
}
a:hover {
    color: #ffffff;
}

/*footer css end*/

/*member register css starts*/

/*.bjmm-signup-wrap {
    background-color: var(--bjmm-bg-warm) !important;
    max-width: unset !Important;
    padding: clamp(24px, 5vw, 60px) 16px !important;
}*/
.bjmm-signup-wrapper {
    background-color: var(--bjmm-bg-warm);
    padding: clamp(24px, 5vw, 60px) 16px;
}

/*.bjmm-signup-wrap {
    background-color: var(--bjmm-bg-warm) !important;
max-width:unset !Important;
padding: clamp(24px, 5vw, 60px) 16px !important;
}*/
.bjmm-signup-container {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
}
.bjmm-signup-card {
    background-color: #ffffff;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
.bjmm-signup-category-box {
    background-color: var(--bjmm-bg-warm) !important;
    border: 1px solid rgba(245, 168, 0, 0.4) !important;
    border-radius: 6px !important;
    padding: 20px !important;
    margin-bottom: 28px !important;
}
.bjmm-signup-section-label {
    font-family: var(--bjmm-font-poppins) !important;
    font-size: 13px !important;
    color: #3a2010 !important;
    font-weight: 700 !important;
    display: block !important;
}
.bjmm-signup-category-option {
    background-color: #ffffff !important;
    border: 1.5px solid rgba(245, 168, 0, 0.3) !important;
    border-radius: 6px !important;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease !important;
}
.bjmm-signup-radio {
    accent-color: var(--bjmm-red-primary) !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}
.bjmm-signup-category-hindi {
    font-family: var(--bjmm-font-devanagari) !important;
    font-size: 13px !important;
    color: var(--bjmm-text-dark) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}
.bjmm-signup-category-amount {
    font-family: var(--bjmm-font-poppins) !important;
    font-weight: 700 !important;
    color: var(--bjmm-red-primary) !important;
    font-size: 13px !important;
}
.bjmm-signup-category-option.bjmm-signup-category-active,
.bjmm-signup-category-option:has(input:checked) {
    background-color: #fff8f0 !important;
    border-color: var(--bjmm-red-primary) !important;
}
.bjmm-signup-category-option:has(input:checked) {
    box-shadow: none !important;
}
.bjmm-signup-letterhead {
    background-color: var(--bjmm-red-primary) !important;
}
.bjmm-signup-letterhead-inner {
    background-color: var(--bjmm-red-dark) !important;
    padding: 16px 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}
.bjmm-signup-letterhead-logo {
    width: 56px !important;
    height: 56px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    border: 2px solid var(--bjmm-gold-accent) !important;
    flex-shrink: 0 !important;
}
.bjmm-signup-letterhead-org {
    font-family: var(--bjmm-font-devanagari) !important;
    font-weight: 700 !important;
    color: var(--bjmm-gold-accent) !important;
    font-size: clamp(18px, 4vw, 26px) !important;
    line-height: 1.2 !important;
}
.bjmm-signup-letterhead-address {
    font-family: var(--bjmm-font-poppins) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 11px !important;
    margin-top: 4px !important;
}
.bjmm-signup-letterhead-contact {
    font-family: var(--bjmm-font-poppins) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 10px !important;
}
.bjmm-signup-letterhead-formtitle {
    text-align: center !important;
    padding: 14px !important;
    background-color: var(--bjmm-red-primary) !important;
}
.bjmm-signup-letterhead-formtitle span {
    font-family: var(--bjmm-font-devanagari) !important;
    font-weight: 700 !important;
    color: var(--bjmm-gold-accent) !important;
    font-size: 20px !important;
    letter-spacing: 1px !important;
}
.bjmm-signup-form-body {
    border: none !Important;
    box-shadow: unset !important;
}
.bjmm-signup-section-num {
    background-color: var(--bjmm-red-primary) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    font-family: var(--bjmm-font-poppins) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.bjmm-signup-section-hi {
    font-family: var(--bjmm-font-devanagari);
    font-weight: 700;
    color: var(--bjmm-red-primary);
    font-size: 15px;
}
.bjmm-signup-section-en {
    font-family: var(--bjmm-font-poppins) !important;
    font-size: 12px !important;
    color: #7a5c3a !important;
    margin-left: 8px !important;
}
.bjmm-signup-col-2 {
    grid-column: span 2;
}
.bjmm-signup-field-label {
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    color: #3a2010;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.bjmm-signup-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 16px;
}
.bjmm-signup-input,
.bjmm-signup-textarea {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid rgba(245, 168, 0, 0.4);
    border-radius: 6px;
    font-family: var(--bjmm-font-poppins);
    font-size: 14px;
    background-color: #ffffff;
    color: var(--bjmm-text-dark);
    outline: none;
    transition: border-color 0.2s ease;
    max-width: unset;
    height: 42px;
}
.bjmm-signup-err {
    color: #dc2626;
    font-size: 12px;
    margin-top: 4px;
    display: block;
    min-height: 0;
}
.bjmm-signup-divider {
    height: 0.5px;
    background-color: var(--bjmm-gold-accent);
    opacity: 0.3;
    margin: 20px 0 24px;
}
.bjmm-signup-table-wrap {
    overflow-x: auto;
    margin-bottom: 12px;
}
.bjmm-signup-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 620px;
}
.bjmm-signup-table thead tr {
    background-color: var(--bjmm-red-primary);
}
.bjmm-signup-table th {
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    color: #ffffff;
    font-size: 12px;
    padding: 10px 12px;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.2);
    letter-spacing: .1em;
    text-transform: uppercase;
    letter-spacing: .1em;
    text-transform: uppercase;
    letter-spacing: unset !important;
    text-transform: uppercase !important;
}
.bjmm-signup-th-action {
    width: 36px;
}
.bjmm-signup-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}
.bjmm-signup-table td {
    padding: 6px 8px;
    border: 1px solid rgba(245, 168, 0, 0.2);
}
.bjmm-signup-td-action {
    text-align: center;
}
.bjmm-signup-table tbody tr:nth-child(even) {
    background-color: var(--bjmm-bg-warm);
}
.bjmm-signup-table td {
    padding: 6px 8px;
    border: 1px solid rgba(245, 168, 0, 0.2);
}
.bjmm-signup-table-input {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 4px;
    font-family: var(--bjmm-font-poppins);
    font-size: 13px;
    background-color: transparent;
    color: var(--bjmm-text-dark);
    outline: none;
}
.bjmm-signup-photo-row {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.bjmm-signup-photo-box {
    text-align: center;
}
.bjmm-signup-photo-dropzone {
    border: 2px dashed rgba(245, 168, 0, 0.5);
    border-radius: 8px;
    padding: 28px 40px;
    background-color: var(--bjmm-bg-warm);
    display: inline-block;
}
.bjmm-signup-photo-icon {
    font-size: 36px;
    margin-bottom: 8px;
}
.bjmm-signup-photo-hint {
    font-family: var(--bjmm-font-poppins);
    font-size: 12px;
    color: #7a5c3a;
    margin-bottom: 12px;
}
.bjmm-signup-upload-btn {
    background-color: var(--bjmm-red-primary) !important;
    color: #ffffff !important;
    font-family: var(--bjmm-font-poppins) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: inline-block !important;
}
.bjmm-signup-declaration-box {
    background-color: var(--bjmm-bg-warm);
    border: 1px solid rgba(245, 168, 0, 0.3);
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 28px;
}
.bjmm-signup-declaration-text {
    font-family: var(--bjmm-font-devanagari);
    font-size: 13px;
    color: #3a2010;
    line-height: 2;
}
.bjmm-signup-back-btn {
    border: 1.5px solid rgba(245, 168, 0, 0.5);
    color: #5a3e28 !important;
    font-family: var(--bjmm-font-poppins);
    font-weight: 600;
    font-size: 14px;
    padding: 12px 28px;
    border-radius: 4px;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.2s ease;
}
.bjmm-signup-back-btn:hover {
    color: #5a3e28 !important;
}
.bjmm-signup-submit-btn {
    background-color: var(--bjmm-red-primary);
    color: #ffffff;
    font-family: var(--bjmm-font-poppins);
    font-weight: 700;
    font-size: 15px;
    padding: 13px 40px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
@media (min-width: 768px) {
    .bjmm-signup-row-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .bjmm-signup-col-2 {
        grid-column: span 2;
    }
    
    .bjmm-signup-row-2 {
        grid-template-columns: 1fr 1fr;
    }
}
.bjmm-signup-submit-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 640px) {
    .bjmm-signup-submit-row {
        flex-direction: row;
    }
}
.bjmm-signup-category-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
}

/*member register css end*/

/*news css starts*/
.bjmm-newsdetail-container {
    max-width: 1280px !important;
}

/*news css end*/

/*admin css starts*/


.select2-selection.select2-selection--multiple{
  padding: 0px !important;
    text-align: left;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-spacing: normal;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
    /* display: block; */
    height: 0% !important;
}

/*admin css end*/


.dtr-title svg {
    display: none !important;
}

a#printPageButton {

    background-color: var(--colorSapphireBlue);
}

.bjmm-receipt-table td, .bjmm-receipt-table .bjmm-receipt-num{
text-align:center;
}


.fullname-input-group .input-group:focus, .fullname-input-group .input-group:focus-within{
overflow: hidden;
}


/*event landing page css starts */


     

       
          

      
          
       

        .vj-event-page {
            --black: #070604;
            --black-soft: #0c0906;
            --black-light: #15100b;
            --gold: #d89b36;
            --gold-light: #f0c56e;
            --cream: #f4e0be;
            --text: #d7cec1;
            --border: rgba(216, 155, 54, 0.25);

            background: var(--black);
            color: #fff;
            overflow: hidden;
        }

.pt10{
    padding: 5px 0 !important;
}
        .vj-container {
            width: min(1180px, calc(100% - 40px));
            margin: 0 auto;
        }

        .vj-kicker {
            display: inline-block;
            color: var(--gold);
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 14px;
        }

        .vj-section {
            padding: 50px 0;
        }

        .vj-title {
            font-family: Georgia, "Times New Roman", serif;
            font-weight: 400;
            margin: 0;
            color: var(--cream);
        }

        /* =====================================
   INITIATIVE SECTION
===================================== */

.vj-initiative {
    padding: 40px 0;
    text-align: center;

    background: #050403;

    border-top: 1px solid rgba(216, 155, 54, 0.25);
    border-bottom: 1px solid rgba(216, 155, 54, 0.25);
}

.vj-initiative-inner {
    position: relative;
}

.vj-initiative-small {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 6px;

    color: #d89b36;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.vj-initiative-small::before,
.vj-initiative-small::after {
    content: "❧";

    color: #d89b36;

    font-size: 15px;

    opacity: 0.85;
}

.vj-initiative h2 {
    margin: 0;

    color: #e3a43e;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(28px, 4vw, 44px);

    font-weight: 600;

    line-height: 1.2;

    text-transform: uppercase;
}


/* Mobile */
@media (max-width: 767px) {

    .vj-initiative {
        padding: 32px 0;
    }

    .vj-initiative-small {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .vj-initiative h2 {
        font-size: 27px;
    }

 .sponsor-logo-wrapper{
              display: grid !important;
        }

}

        /* =====================================
           HERO
        ====================================== */

        .vj-hero {
            position: relative;
            min-height: 720px;
            display: flex;
            align-items: center;
            isolation: isolate;
            overflow: hidden;

            background:
                radial-gradient(
                    circle at 75% 30%,
                    rgba(216, 155, 54, 0.18),
                    transparent 32%
                ),
                linear-gradient(
                    110deg,
                    #050403 0%,
                    #090704 55%,
                    #140d07 100%
                );
        }

        .vj-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;

            background:
                linear-gradient(
                    90deg,
                    rgba(7, 6, 4, 0.98) 0%,
                    rgba(7, 6, 4, 0.92) 36%,
                    rgba(7, 6, 4, 0.38) 67%,
                    rgba(7, 6, 4, 0.68) 100%
                ),
                linear-gradient(
                    0deg,
                    #070604 0%,
                    transparent 22%
                );
        }

        .vj-hero-temple {
            position: absolute;
            right: 0;
            top: 0;
            width: 47%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            opacity: 0.65;
            z-index: -3;
        }

        .vj-hero-statue {
            position: absolute;
            right: 28%;
            bottom: 0;
            width: min(37vw, 490px);
            height: 82%;
            object-fit: cover;
            object-position: 20% center;
            opacity: 0.88;
            z-index: -2;
        }

        .vj-hero-content {
            /* max-width: 750px; */
            position: relative;
            z-index: 2;
        }

        .vj-hero h1 {
            margin: 26px 0 26px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(46px, 6vw, 62px);
            font-weight: 400;
            line-height: 1.03;
            letter-spacing: -2px;
        }

        .vj-hero h1 span {
            display: block;
            margin-top: 18px;
            color: var(--gold-light);
            font-size: 0.5em;
            line-height: 1.3;
            letter-spacing: 0;
        }

        .vj-hero p {
            max-width: 640px;
            margin: 0 0 35px;
            color: var(--text);
            font-size: 18px;
            line-height: 34px;
font-family: Arial, Helvetica, sans-serif;
        }
        .vj-logo-wrap {
    margin-bottom: 28px;
}
/* =====================================
   FEATURED ARTISTS BANNER
===================================== */

.vj-artist-banner {
    padding: 60px 0 20px;
    background: #070604;
}

.vj-artist-banner-wrap {
    position: relative;
    overflow: hidden;
    background: #000;
     box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.35);
}

.vj-artist-banner-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(216, 155, 54, 0.08),
            transparent 20%,
            transparent 80%,
            rgba(216, 155, 54, 0.08)
        );
}

.vj-artist-banner-img {
    display: block;
    width: 100%;
    height: auto;

    object-fit: cover;
    object-position: center;

    transition: transform 0.5s ease;
}

.vj-artist-banner-wrap:hover .vj-artist-banner-img {
    transform: scale(1.015);
}


/* Tablet */
@media (max-width: 991px) {

    .vj-artist-banner {
        padding: 45px 0 10px;
    }

}


/* Mobile */
@media (max-width: 767px) {

    .vj-artist-banner {
        padding: 35px 0 0;
    }

    .vj-artist-banner-wrap {
        border-radius: 0;
    }

    .vj-artist-banner-img {
       /* min-height: 240px;*/
        object-fit: cover;
        object-position: center;
    }

}
.vj-logo {
    display: block;
    width: 100%;
    max-width: 600px;
    height: auto;
    object-fit: contain;
}

/* Tablet */
@media (max-width: 991px) {
    /* .vj-logo {
        max-width: 360px;
    } */
}

/* Mobile */
@media (max-width: 767px) {
    .vj-logo-wrap {
        margin-bottom: 20px;
    }

 .vj-logo-wrap .bjmm-logo{
          max-width: 100%;
        }

    .vj-logo {
        max-width: 300px;
        width:100%;
    }

.vj-book-btn{
font-size:18px !important;
margin-top: 20px;
}
}

        .vj-book-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 18px;

            padding: 20px 25px;

            color: #080604;
            background: linear-gradient(
                135deg,
                #e5ab48,
                #c98521
            );

margin-top: 20px;

            border: 1px solid #edbf67;
            text-decoration: none;

            font-size: 40px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;

            transition: all 0.3s ease;
        }

.vj-book-btn:hover{
color: #080604;}

        /* =====================================
           EVENT DETAILS BAR
        ====================================== */

        .vj-event-info {
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
            background: #0b0805;
        }

        .vj-event-info-grid {
            display: grid;
            grid-template-columns: 1fr 0.75fr 1.6fr;
        }

        .vj-event-info-item {
            min-height: 115px;
            padding: 28px 30px;

            display: flex;
            flex-direction: column;
            justify-content: center;

            border-right: 1px solid var(--border);
        }

        .vj-event-info-item:first-child {
            border-left: 1px solid var(--border);
        }

        .vj-event-info-item span {
            margin-bottom: 8px;
            color: var(--gold);
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .vj-event-info-item strong, .vj-event-info-item h3 {
            color: var(--cream);
            font-size: 23px;
            line-height: 1.55;
    font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
        }

        /* =====================================
           ABOUT
        ====================================== */

        .vj-about {
            background:
                radial-gradient(
                    circle at 10% 45%,
                    rgba(216, 155, 54, 0.1),
                    transparent 32%
                ),
                #090705;
        }

        .vj-two-column {
            display: grid;
            grid-template-columns: 0.85fr 1.15fr;
            gap: 90px;
            align-items: start;
        }

        .vj-section-heading h2 {
            font-size: clamp(38px, 4vw, 45px);
            line-height: 1.1;
        }

        .vj-about-content p {
            margin: 0 0 20px;
            color: var(--text);
            font-size: 17px;
            line-height: 1.85;
        }

        .vj-about-content .vj-lead {
            color: var(--cream);
            font-family: Georgia, "Times New Roman", serif;
            font-size: 26px;
            line-height: 1.55;
        }
        .vj-ticket-notes {
    margin-top: 28px;
    padding: 18px 22px;

    border-top: 1px solid rgba(216, 155, 54, 0.35);
  /*  border-bottom: 1px solid rgba(216, 155, 54, 0.35);*/

    background: rgba(255, 255, 255, 0.015);
}

.vj-ticket-notes ul {
    margin: 0;
    padding-left: 20px;
}

.vj-ticket-notes li {
    margin: 6px 0;

    color: #f3eadf;

    font-size: 25px;
    line-height: 1.6;
    list-style: disc;
}

.vj-ticket-notes li p{
font-size:25px;
margin-bottom:0px;
    font-size: 25px;
    margin-bottom: 2px;
    color: #f3eadf;
    line-height: 1.6;
font-family: Arial, Helvetica, sans-serif;
}

.vj-ticket-notes li::marker {
    color: #d89b36;
}

.vj-ticket-notes strong, .vj-ticket-notes h3 {
    color: #f0c56e;
font-weight:600;
font-size:25px;
    font-family: Arial, Helvetica, sans-serif;
}


/* Mobile */
@media (max-width: 767px) {

    .vj-ticket-notes {
        margin-top: 22px;
        padding: 15px 16px;
    }

    .vj-ticket-notes li {
        font-size:28px;
    }
}

        /* =====================================
           VISION
        ====================================== */

        .vj-vision {
            background:
                linear-gradient(
                    180deg,
                    #0d0a07,
                    #090705
                );
        }

        .vj-centered-heading {
            max-width: 780px;
            margin: 0 auto 50px;
            text-align: center;
        }

.vj-centered-mainhead{
max-width: 680px;
    margin: 18px auto 0;
    color: #6b5136;
    font-size: 19px;
    line-height: 28px;
}

        .vj-centered-heading h2 {
            font-size: clamp(38px, 4.5vw, 38px);
            line-height: 1.1;
        }

        .vj-centered-heading p {
            max-width: 680px;
            margin: 18px auto 0;
            color: var(--text);
            font-size: 19px;
            line-height:28px;
        }

        .vj-values {
            display: grid;
            grid-template-columns: repeat(4, 1fr);

            border-top: 1px solid var(--border);
            border-left: 1px solid var(--border);
        }

        .vj-value-card {
            min-height: 290px;
            padding: 34px 28px;

            border-right: 1px solid var(--border);
            border-bottom: 1px solid var(--border);

            background:
                linear-gradient(
                    145deg,
                    rgba(216, 155, 54, 0.06),
                    rgba(255, 255, 255, 0.01)
                );

            transition: 0.3s ease;
        }

        .vj-value-card:hover {
            background: rgba(216, 155, 54, 0.1);
            transform: translateY(-5px);
        }

        .vj-value-icon {
            width: 60px;
            height: 60px;

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

            margin-bottom: 42px;

            border: 1px solid var(--border);
            border-radius: 50%;

            color: var(--gold-light);
            font-size: 27px;
        }

        .vj-value-card h3 {
            margin: 0 0 14px;

            color: var(--cream);
            font-family: Georgia, "Times New Roman", serif;
            font-size: 21px;
            font-weight: 400;
            line-height: 1.4;
        }

        .vj-value-card p {
            margin: 0;
            color: #a99f92;
            font-size: 13px;
            line-height: 1.7;
        }

        /* =====================================
           SHOWCASE
        ====================================== */

        .vj-showcase {
            background: #070604;
        }

        .vj-showcase-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
        }

        .vj-showcase-card {
            min-height: 210px;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            text-align: center;

            border: 1px solid var(--border);

            background:
                radial-gradient(
                    circle at 50% 25%,
                    rgba(216, 155, 54, 0.13),
                    transparent 45%
                ),
                #0b0805;

            transition: 0.3s ease;
        }

        .vj-showcase-card:hover {
            transform: translateY(-6px);
            border-color: rgba(216, 155, 54, 0.65);
        }

        .vj-showcase-card .icon {
            margin-bottom: 18px;
            font-size: 38px;
        }

        .vj-showcase-card strong {
            color: var(--gold-light);
            font-family: Georgia, "Times New Roman", serif;
            font-size: 26px;
            font-weight: 400;
        }

        /* =====================================
           MOTTO
        ====================================== */

        .vj-motto {
            padding: 50px 0;
            text-align: center;

            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);

            background:
                radial-gradient(
                    circle at center,
                    rgba(216, 155, 54, 0.16),
                    transparent 50%
                ),
                #080604;
        }

        .vj-motto blockquote {
            margin: 22px auto 0;

            color: var(--cream);
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(38px, 5.5vw,48px);
            font-style: italic;
            line-height: 1.2;
        }

        /* =====================================
           RSJ
        ====================================== */

        .vj-rsj {
            position: relative;
            display: flex;
            align-items: center;
            isolation: isolate;
            background: #0b0805;
        }

        .vj-rsj-bg {
            position: absolute;
            inset: 0 50% 0 0;
            z-index: -1;

           
        }

        .vj-rsj-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 0px;
            align-items: center;
        }

        .vj-rsj-content {
            padding: 50px 0;
        }

        .vj-rsj-content h2 {
            margin: 10px 0 30px;
            color: var(--gold-light);
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(58px, 6vw, 90px);
            font-weight: 400;
            line-height: 0.9;
        }

        .vj-rsj-content h2 span {
            display: block;
            margin-top: 16px;
            color: var(--cream);
            font-size: 0.45em;
        }

        .vj-rsj-content p {
            margin: 0 0 20px;
            color: var(--text);
            font-size: 16px;
            line-height: 1.85;
        }

        .vj-rsj-content .vj-lead {
            color: var(--cream);
            font-family: Georgia, "Times New Roman", serif;
            font-size: 24px;
            line-height: 1.55;
        }

        /* =====================================
           SPONSORS
        ====================================== */

        .vj-sponsors {
            color: #27170c;

            background:
                linear-gradient(
                    180deg,
                    #f4dfbb,
                    #e8c78f
                );
        }

        .vj-sponsors .vj-centered-heading h2 {
            color: #2c1a0c;
        }

        .vj-sponsors .vj-centered-heading p {
            color: #6b5136;
        }

        .vj-sponsors .vj-kicker {
            color: #995a15;
        }



        .vj-sponsor-main {
            display: grid;
            grid-template-columns: repeat(2, 1fr);

            margin-bottom: 30px;

            border-top: 1px solid rgba(87, 54, 20, 0.25);
            border-left: 1px solid rgba(87, 54, 20, 0.25);
margin: 0 auto;
        }

        .vj-sponsor-card {
            min-height: 135px;
            padding: 28px;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            text-align: center;

            border-right: 1px solid rgba(87, 54, 20, 0.25);
            border-bottom: 1px solid rgba(87, 54, 20, 0.25);

            background: rgba(255, 255, 255, 0.14);
        }

        .vj-sponsor-card span {
            margin-bottom: 12px;

            color: #925b20;

            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .vj-sponsor-card strong {
            color: #2b190c;

            font-family: Georgia, "Times New Roman", serif;
            font-size: 23px;
            line-height: 1.3;
        }

        .vj-sponsor-card small {
            margin-top: 8px;
            color: #795b3b;
        }

        .vj-sponsor-image {
            padding: 15px;

               
            
        }

        .vj-sponsor-image img {
            display: block;
            width: 100%;
            height: auto;
        }

        /* =====================================
           FOOT CTA
        ====================================== */

        .vj-final-cta {
            padding: 85px 0;
            text-align: center;

            background:
                radial-gradient(
                    circle at center,
                    rgba(216, 155, 54, 0.12),
                    transparent 45%
                ),
                #070604;
        }

        .vj-final-cta h2 {
            margin: 0 0 18px;
            color: var(--cream);

            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(36px, 4vw, 52px);
            font-weight: 400;
        }

        .vj-final-cta p {
            max-width: 600px;
            margin: 0 auto 30px;

            color: var(--text);

            font-size: 16px;
            line-height: 1.75;
        }

        /* =====================================
           TABLET
        ====================================== */

        @media (max-width: 1024px) {

            .vj-hero {
                min-height: 650px;
            }

            .vj-hero-temple {
                width: 52%;
                opacity: 0.5;
            }

            .vj-hero-statue {
                right: 15%;
                width: 44vw;
                opacity: 0.58;
            }

            .vj-two-column {
                grid-template-columns: 1fr;
                gap: 35px;
            }

            .vj-values {
                grid-template-columns: repeat(2, 1fr);
            }

            .vj-showcase-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .vj-rsj-bg {
                right: 43%;
            }

         
        }

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

        @media (max-width: 767px) {

            .vj-container {
                width: min(100% - 30px, 1180px);
            }

            .vj-section {
                padding: 70px 0;
            }

            .vj-hero {
                min-height: 690px;
                align-items: flex-end;
                padding: 100px 0 30px;
            }
.bjmm-logo{margin-top:-70px;}

            .vj-hero::before {
                background:
                    linear-gradient(
                        0deg,
                        #070604 0%,
                        rgba(7, 6, 4, 0.85) 47%,
                        rgba(7, 6, 4, 0.28) 100%
                    );
            }

            .vj-hero-temple {
                width: 78%;
                height: 66%;
                opacity: 0.38;
            }

            .vj-hero-statue {
                right: -5%;
                width: 70%;
                height: 68%;
                opacity: 0.35;
            }

            .vj-hero h1 {
                font-size: clamp(42px, 12vw, 52px);
                letter-spacing: -1px;
            }

            .vj-hero p {
                font-size: 24px;
            }

            .vj-event-info-grid {
                grid-template-columns: 1fr;
            }

            .vj-event-info-item,
            .vj-event-info-item:first-child {
                min-height: auto;
                padding: 18px 0;

                border-left: none;
                border-right: none;
                border-bottom: 1px solid var(--border);
            }

            .vj-values,
            .vj-showcase-grid,
            .vj-sponsor-main {
                grid-template-columns: 1fr;
            }

            .vj-value-card {
                min-height: auto;
            }

            .vj-value-icon {
                margin-bottom: 24px;
            }

            .vj-motto {
                padding: 72px 0;
            }

            .vj-rsj {
                min-height: auto;
               
            }

            .vj-rsj-bg {
                inset: 0 0 auto 0;
                height: 360px;

                background:
                    linear-gradient(
                        0deg,
                        #0b0805 0%,
                        rgba(11, 8, 5, 0.05) 58%
                    ),
                    url("assets/rsj-artists.jpg") center / cover no-repeat;
            }

            .vj-rsj-grid {
                grid-template-columns: 1fr;
            }

            .vj-rsj-empty {
                display: none;
            }

            .vj-rsj-content {
                padding: 0px 0 70px;
            }

            .vj-rsj-content h2 {
                font-size: 58px;
            }
        }

.drug-query{
color: #f0c56e;
    font-weight: 600;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
}

.initiative-cls{
    color: #f3eadf;
    font-size: 25px;
    line-height: 1.6;
}

.mb20{
    margin: 0px auto 18px;
}


 






.vj-sponsors .centeralignBlock{
width:100%;
margin: 0 auto !important;
}

.sponsor-logo-wrapper{
        display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0px;
}

.sponsor-logo-wrapper img{
        width: 100%;
    max-width: 250px !important;
}



/*event landing page css end*/


#bjmm_guest_country_code_0 {
    height: 42px !important;
    border-radius: 6px !important;
    border: 1px solid #e6ddd1 !important;
    max-width: 42px;
    padding: 5px !important;
}



@media (max-width: 768px) {
    .login-page, .otp-page {
        position: unset !Important; 
        margin: unset !important;}
}