@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --Nhexa: 4;
    --gap: 1vw;
    --size: calc(calc(100vw / var(--Nhexa)) - var(--gap));
    --font-family-roboto: 'Roboto' !important;
    --event-font-size12: 12px !important;
    --event-font-size14: 14px !important;
    --event-font-size16: 16px !important;
    --event-font-size18: 18px !important;
    --event-font-size20: 20px !important;
    --event-font-size22: 22px !important;
    --event-font-size24: 24px !important;
    --event-border-orange: 1px solid #F6872B !important;
    --event-border-white: 1px solid #FFFF !important;
    --event-border-grey: 1px solid grey !important;
    --event-border-black: 1px solid #0000 !important;
    --event-color-black: #000 !important;
    --event-color-white: #FFFF !important;
    --event-color-grey: #8F8F8F !important;
    --event-color-black19: #191919 !important;
    --event-color-orange: #F7872B !important;
    --event-color-blackgrey: #242424 !important;
    --event-color-blue: #3ACAE1 !important;
    --font-weight-bold-400: 400 !important;
    --font-weight-bold-500: 500 !important;
    --font-weight-bold-600: 600 !important;
    --font-weight-bold-700: 700 !important;
    --font-weight-bold: bold !important;
    --box-shadow-standard: 0px 3px 6px #00000029 !important;
    --box-shadow-standard1: 0px 3px 6px #0000003E !important;
    --box-shadow-standard2: 0px 0px 3px rgba(0, 0, 0, 0.3) !important;
    --box-shadow-standardorange: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36 !important;
    --padding-left-0: 0px !important;
    --padding-left-5: 5px !important;
    --padding-left-10: 10px !important;
    --padding-left-15: 15px !important;
    --padding-left-20: 20px !important;
    --padding-right-0: 0px !important;
    --padding-right-5: 5px !important;
    --padding-right-10: 10px !important;
    --padding-right-15: 15px !important;
    --padding-right-20: 20px !important;
    --padding-top-0: 0px !important;
    --padding-top-5: 5px !important;
    --padding-top-10: 10px !important;
    --padding-top-15: 15px !important;
    --padding-top-20: 20px !important;
    --padding-bottom-0: 0px !important;
    --padding-bottom-5: 5px !important;
    --padding-bottom-10: 10px !important;
    --padding-bottom-15: 15px !important;
    --padding-bottom-20: 20px !important;
    --padding-bottom-25: 25px !important;
    --padding-top-25: 25px !important;
    --padding: 20px !important;
    --margin-left-0: 0px !important;
    --margin-left-5: 5px !important;
    --margin-left-10: 10px !important;
    --margin-left-15: 15px !important;
    --margin-left-20: 20px !important;
    --margin-left-25: 25px !important;
    --margin-right-25: 25px !important;
    --margin-right-0: 0px !important;
    --margin-right-5: 5px !important;
    --margin-right-10: 10px !important;
    --margin-right-15: 15px !important;
    --margin-right-20: 20px !important;
    --margin-top-0: 0px !important;
    --margin-top-5: 5px !important;
    --margin-top-10: 10px !important;
    --margin-top-15: 15px !important;
    --margin-top-20: 20px !important;
    --margin-bottom-0: 0px !important;
    --margin-bottom-5: 5px !important;
    --margin-bottom-10: 10px !important;
    --margin-bottom-15: 15px !important;
    --margin-bottom-20: 20px !important;
    --border-radius-4: 4px !important;
    --border-radius-standard: 9px !important;
    --border-radius-standarad-new: 18px !important;
    --border-radius-60: 60px !important;
    --border-radius-50: 50px !important;
    --background-color-white: #FFFFFF !important;
    --background-color-orange: #F7872B !important;
    --backgroud-color-navbar: #F6F6F6 !important;
    --background-color-transparent: transparent !important;
    --text-transform-capitalize: capitalize !important;
    --text-transform-upper: uppercase !important;
    --text-transform-lower: lowercase !important;
    --text-decoration-none: none !important;
    --text-decoration-underlined: underline !important;
    --letter-spacing-0: 0px;
    --border--none: none !important;
    --display-flex: flex !important;
    --display-none: none !important;
    --display-block: block !important;
    --height-48: 48px !important;
}
  .custom-tooltip {
    --bs-tooltip-bg: #f3d787 !important;
    --bs-tooltip-color: var(--event-color-black) !important;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    opacity: 1 !important;
    .tooltip-inner {
        opacity: 1 !important;
        padding-top: var(--padding-top-15);
        padding-bottom: var(--padding-bottom-15);
        padding-left: var(--padding-left-15);
        padding-right: var(--padding-right-15);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Customize this as needed */
      }
  
  }
  
@media (min-width: 1550px) {
    :root {
        --size: calc(calc(80vw / var(--Nhexa)) - var(--gap));
    }
}

* {
    font-family: var(--font-family-roboto) !important;
}

@media only screen and (max-width: 750px) {
    :root {
        --gap: 2vw;
        --Nhexa: 4;
        --size: calc(calc(110vw / var(--Nhexa)) - var(--gap));
    }

    .Feacture_img {
        height: 30px !important;
        width: 30px !important;
    }

    .feature_management {
        margin-top: 1px !important;
    }

    .Feacture_Title {
        font-size: 10px !important;
    }

    .HexagonFeatureSection {
        padding-left: 5.5rem !important;
        padding-right: 7rem !important;
    }
}

@media only screen and (min-width: 850px) and (max-width : 1250px) and (orientation: landscape) {
    :root {
        --size: calc(calc(100vw / var(--Nhexa)) - var(--gap));
    }

    .HexagonFeatureSection {
        padding-left: 4.5rem !important;
        padding-right: 7rem !important;

    }

    .Feacture_img {
        height: 55px !important;
        width: 55px !important;
    }

    .Feacture_Title {
        font-size: 12px !important;
    }

}

@media only screen and (min-width: 1100px) {
    :root {
        --Nhexa: 8;
    }
}

.navbar_background {
    background: var(--backgroud-color-navbar);
}

.navbar_background .nav-link.active {
    color: #F58529 !important;
    background: var(--background-color-transparent) !important;
}

.navbar_background .nav-item .nav-link {
    font-size: var(--event-font-size18);
    font-family: var(--font-family-roboto);
    margin-left: var(--margin-left-15);
    margin-right: var(--margin-bottom-15);
}

.nav_imageNewHome {
    width: 200px;
    mix-blend-mode: normal;
    padding-top: var(--padding-top-10);
}

.HomeCarouselImage {
    width: 100%;
    height: 440px;
    object-fit: cover;
    opacity: 0.7;

}

.BannerStart {
    margin-top: 125px;
}

.overlayHomeCarouselImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(83, 53, 20, 0.7);
    z-index: 1;
}

#carousel-1 .carousel-control-prev,
#carousel-1 .carousel-control-next {
    display: var(--display-none);
}

.active_navBar {
    color: #F58529 !important;
    cursor: pointer;
}

.HomeCarouseLabel_caption {
    position: absolute;
    padding-top: 3.25rem;
    bottom: 1.25rem;
    left: 9%;
    right: 44%;
    color: #fff;
    z-index: 2;
    text-align: left;
    top: 43px;
    overflow: hidden;

}
.Warning_message{
    font-size:var(--event-font-size16);
    font-weight: var(--font-weight-bold-600);
}
.HomeCarouselImage img {
    height: 100% !important;
    object-fit: cover;
}

.animated-text {
    position: relative;
    height: 250px;
    overflow: hidden;
}

.animated {
    position: absolute;
    opacity: 0;
    animation: fadeInOut 50s infinite;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    5% {
        opacity: 1;
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(0);
    }

    25% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 0;
    }
}

.topLoginheader {
    background: white;
}

.HomeCarouseLabel {
    font-size: 40px;
    color: var(--event-color-white);
    font-family: var(--font-family-roboto);
}

.HomeCarouseLabelsub {
    font-size: var(--event-font-size20);
    font-family: var(--font-family-roboto);
    color: var(--event-border-white);
    font-weight: 300;
}

.mainDiv .nav_imageHome {
    width: 200px;
    mix-blend-mode: normal;
}

.home_page_search {
    padding-left: var(--padding-bottom-5);
    padding-right: var(--padding-right-5);
    background: var(--background-color-transparent);
    border: var(--border--none);
    outline: none;
}

.home_page_searchBtn,
.home_page_search:focus {
    background: var(--background-color-transparent);
    border: var(--border--none);
    height: 35px;
}


.home_page_searchBtnMobile {
    background: #E5E5E5;
    border-radius: 9px;
    border: none;
    height: 35px;
    padding-left: var(--padding-left-15);
    padding-right: var(--padding-right-15);
}

.home_page_LoginBtn {
    height: 35px;
    border-radius: var(--border-radius-standard);
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    background: var(--background-color-orange);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    color: var(--event-color-white);
    border: var(--border--none);
    text-decoration: var(--text-decoration-none);
}

.home_page_search::placeholder {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    color: var(--event-color-grey);
    padding-left: var(--padding-left-15);
}

.Management_tab_Home .nav-item .nav-link {
    color: var(--event-border-black) !important;
    font-family: var(--font-family-roboto) !important;
    font-size: var(--event-font-size18) !important;
    margin-left: var(--margin-left-15) !important;
    margin-right: var(--margin-right-15) !important;
}

.Management_tab_Home .nav-item .nav-link.active {
    border-bottom: 2px solid #FFD111 !important;
    border: var(--border--none);
    background: var(--background-color-transparent) !important;
}

.Management_tab_Home .nav-tabs {
    justify-content: center;
    border: none;
}

.login_searchDiv {
    background: #E5E5E5;
    border-radius: 9px;
    border: none;
    height: 35px;
}

.searchImage {
    height: 17px;
    width: 17px;
    position: relative;
    top: -3px;
}

.mainDiv {
    margin-top: var(--margin-top-20);
}

.top_div {
    gap: 20px;
}

.HightlightText {
    background: #000;
    height: 60px;
}

.marquee {
    color: var(--event-color-white);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    height: 35px;
    overflow: hidden;
    background: #000;
    position: relative;
}

.marquee div {
    display: var(--display-block);
    width: 200%;
    position: absolute;
    overflow: hidden;
    animation: marquee 30s linear infinite;
    margin-top: var(--margin-top-15);
}

.marquee span {
    width: 50%;
    margin-top: 18px;
}

.marquee i.bi-dot {
    margin-left: 30px;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.AboutSectionImg {
    height: 306px;
    width: 100%;
    object-fit: contain;
}

.AboutSectiondescHead {
    font-size: 35px;
    font-family: var(--font-family-roboto);
    color: var(--event-color-black);
    font-weight: var(--font-weight-bold-500);
}

.AboutSectiondesc {
    font-size: var(--event-font-size16);
    font-family: var(--font-family-roboto);
    color: #1D1D1D;
    line-height: 32px;
}

.navbar_toggler {
    font-size: var(--event-font-size14);
    padding: 5px !important;
    border: var(--border--none);

}

.CountDiv {
    gap: 60px;
}

.AboutSectionacountalabel {
    font-size: var(--event-font-size20);
    font-family: var(--font-family-roboto);
    color: #FFCE00;
}

.ApplicationSection {
    background: #EEEEEE;
}

.applicationCard {
    background: white;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    margin-left: var(--margin-left-10);
    margin-right: var(--margin-right-10);
    padding-bottom: var(--padding-bottom-10);
}

.applicationCardTop {
    background: #FFF8D8;
    border-bottom-left-radius: 130px;
    border-bottom-right-radius: 130px;
    height: 230px;
}

.applicationCardTop2 {
    background: #FFEFD8;
    border-bottom-left-radius: 130px;
    border-bottom-right-radius: 130px;
    height: 230px;
}

.app_logo {
    margin: auto;
    display: var(--display-block);
    padding-top: 30px;
    width: 116px !important;
    height: 99px !important;
    object-fit: contain !important;
}

.ApplicationName {
    font-size: var(--event-font-size20);
    font-family: var(--font-family-roboto);
    font-weight: var(--font-weight-bold-400);
    color: var(--event-color-black);
    display: var(--display-block);
    text-align: center;
    margin-top: 20px;
    width: 155px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.appdescription {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    color: var(--event-color-black);
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    padding-top: var(--padding-top-15);
    text-align: center;
    height: 150px !important;
}

.appbtn {
    height: 33px;
    width: auto;
    background: #FFCE00;
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    color: #0D2A64;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    border-radius: 30px;
    border: var(--border--none);
    justify-content: center;
    display: var(--display-block);
    margin: auto;
}


.ApplicationLabel {
    font-size: 28px;
    font-family: var(--font-family-roboto);
    color: var(--event-color-black);
    text-align: center;
    margin-bottom: var(--margin-bottom-15);
}

.NewsSection {
    background: #E5E5E5;
}

.newCardImgDiv {
    width: 100% !important;
    height: 100% !important;
}

.newCardImg {
    width: 100% !important;
    height: 310px !important;
    border-radius: 0px !important;
    border: 1px solid white !important;
}

.newCardImg1 {
    width: 100% !important;
    height: 143px;
    border-radius: 0px !important;
    border: 1px solid white !important;
}

.newCardTextDiv {
    display: var(--display-block);
    margin: auto;
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
}

.newCardTextHead {
    color: #0D2A64;
    font-size: var(--event-font-size16);
    font-family: var(--font-family-roboto);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 240px;
}

.newCardTextsub {
    color: var(--event-color-black);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.newCardTextDate {
    color: #C2C2C2;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
}

.JaindirectSection {
    background: #FAFAFA !important;
}

.jaindirectcard {
    background: var(--background-color-white);
    box-shadow: 0px 0px 10px #0000000D;
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
}

.jaindirectcardImg {
    width: 58px;
    height: 73px;
    display: var(--display-block);
    margin: auto;
}

.jaindirectcardLabel {
    font-size: var(--event-font-size22);
    color: var(--event-border-white);
    font-weight: var(--font-weight-bold-500);
    font-family: var(--font-family-roboto);
    text-align: center;
    display: var(--display-block);
}

.jaindirectcarddesc {
    font-size: 15px;
    color: var(--event-border-white);
    font-family: var(--font-family-roboto);
    text-align: center;
    display: var(--display-block);
}

.jaindirectcardBtn,
.jaindirectcardBtn:hover {
    color: #FFCE00;
    font-family: var(--font-family-roboto);
    display: var(--display-block);
    justify-content: center;
    font-size: 13px;
    background: var(--background-color-transparent);
    border: var(--border--none);
    margin: auto;
    text-decoration: var(--text-decoration-none);
}

.aboutlabel {
    color: var(--event-border-black);
    font-family: var(--font-family-roboto);
    text-align: center;
    font-size: var(--event-font-size20);
}

.next_div_news {
    position: absolute;
    top: 50%;
    right: 3% !important;
    z-index: 1;
    border: 1px solid black;
    height: 46px;
    width: 46px;
    border-radius: 50px;
}

.next_div_news:focus,
.prev_div_news:focus {
    background: #C5C5C5;
    border: var(--border--none);
}

.next_div_news:focus img,
.prev_div_news:focus img {
    filter: brightness(0) invert(1);
}

.prev_div_news {
    position: absolute;
    top: 50%;
    left: 3% !important;
    z-index: 1;
    border: 1px solid black;
    height: 46px;
    width: 46px;
    border-radius: 50px;
    background: var(--background-color-transparent);
}

.next_div_news img {
    width: 20px;
    height: 20px;
    filter: brightness(0) saturate(100%);
}

.prev_div_news img {
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
    filter: brightness(0) saturate(100%);
}

.next_div_app img {
    width: 20px;
    height: 20px;
    filter: brightness(0) saturate(100%);
}

.prev_div_app img {
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
    filter: brightness(0) saturate(100%);
}

.next_div_app {
    position: absolute;
    top: 50%;
    right: 3% !important;
    z-index: 1;
    border: 1px solid black;
    height: 46px;
    width: 46px;
    border-radius: 50px;
}

.next_div_app:focus,
.prev_div_app:focus {
    background: #C5C5C5;
    border: var(--border--none);
}

.prev_div_app:focus img,
.next_div_app:focus img {
    filter: brightness(0) invert(1);
}

.prev_div_app {
    position: absolute;
    top: 50%;
    left: 3% !important;
    z-index: 1;
    border: 1px solid black;
    height: 46px;
    width: 46px;
    border-radius: 50px;
    background: var(--background-color-transparent);
}

.advisroy_card {
    height: 165px !important;
    background: #F6F7FB 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 3px #00000024;
    border: 1px solid #D7DBE9;
    border-radius: 10px;
    padding: 20px;
    justify-content: center;
    margin-left: var(--margin-left-20);
    margin-right: var(--margin-right-20);
}

.adv_btn {
    background-color: var(--background-color-transparent);
    border: var(--border--none);
}

.knowMoreApp {
    text-decoration: none !important;
}

.sanstha_deatils_tab_icons1,
.sanstha_deatils_tab_icons1:hover {
    height: 37px;
    width: 37px;
    z-index: 2;
}

.ReadMore_Detail,
.ReadMore_Detail:hover {
    color: var(--event-color-orange);
    font-size: var(--event-font-size14);
    background-color: var(--background-color-transparent);
    border: none;
    margin-top: -20px;
    display: var(--display-flex);
    margin-left: auto;
}

.advisroy_cardImg {
    width: 78px;
    height: 78px;
    border: 1px solid #F7872B;
    border-radius: 60px;
    display: var(--display-block);
    margin: auto;
    object-fit: cover;
}

.advisroy_cardLabel {
    color: var(--event-border-black);
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size16);
    font-weight: var(--font-weight-bold-600);
    text-align: center;
    display: var(--display-block);
}

.landingheader {
    position: fixed;
    width: 100%;
    z-index: 1;
}

.BlogCard {
    border: 1px solid #E3E3E3;
}

.bolgTextHaed {
    color: var(--event-border-black);
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size20);
    font-weight: var(--font-weight-bold-600);
}

.bolgtextdesc {
    color: #747474;
    font-family: var(--font-family-roboto);
    font-size: 15px;
}

.Aboutusbackground {
    background-image: url(../images/Pattern.png);
    background-color: white;
}

.AboutUsHead {
    color: #747474;
    font-family: var(--font-family-roboto);
    font-size: 15px;
    font-weight: var(--font-weight-bold-600);
}

.AboutUsDesc {
    color: #656565;
    font-family: var(--font-family-roboto);
    font-size: 15px;
    line-height: 30px;
    font-weight: normal;
    margin-right: 25px;
}

.AboutUsBtn1 {
    height: 53px;
    background: #686868;
    border-radius: 5px;
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    font-family: var(--font-family-roboto);
    font-size: 15px;
    color: var(--event-color-white);
    border: var(--border--none);
}

.AboutUsBtn {
    display: var(--display-block);
    float: inline-start;
}

.contact_icon {
    width: 18px;
    margin-right: 10px;
}

.instagram_Feed {
    height: 300px !important;
    width: 180px;
    margin-top: 27px;
}

.socialmediaicon {
    width: 33px;
    height: 33px;
}

.FollowUsLogin {
    background: #EEEEEE 0% 0% no-repeat padding-box;
    border: 1px solid #96A1A8 !important;
    border-radius: 5px;
    height: 55px !important;
    width: auto;
    letter-spacing: 0.52px;
    color: #96A1A8;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    text-decoration: var(--text-decoration-none);
    font-size: var(--event-font-size14)
}

.FollowUsLogin:hover,
.FollowUsLogin:focus {
    color: #96A1A8;
}

.ContactUs {
    padding-left: 15px;
    display: var(--display-block);
    margin: auto;
}

.footersection {
    background: #000;
    height: auto;
}

.footer_login {
    float: inline-end;
    width: 100%;
}

.image_container {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.no-personal-style{
    all: unset; 
    display: inline-block; 
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    color: black;
    font-weight: 500;
}
.blog_image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0px !important;
}

.wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
}

.bolgButton {
    border: var(--border--none);
    background: var(--background-color-transparent)
}

.bolgbtnIcon {
    width: 37px !important;
    height: 26px !important;
}

.instagram_container {
    width: 100%;
    overflow: hidden;
    height: 245px;
    margin-top: 25px;
}

.cancel_createmmbr_btn_modal {
    width: 43px;
    height: 43px;
    position: absolute;
    top: -22px;
    right: -15px;
    z-index: 1;
}

.contact_sub {
    text-align: left;
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size16);
    letter-spacing: var(--letter-spacing-0);
    color: #333333;
    opacity: 0.8;
}

.fname {
    text-align: left;
    font-size: var(--event-font-size14);
    letter-spacing: var(--letter-spacing-0);
    color: var(--event-color-black19);
}

.ifname:focus {
    border-color: #FE9A36;
    box-shadow: var(--box-shadow-standardorange);
    outline: none;
}


.num {
    font-size: var(--event-font-size14);
    letter-spacing: var(--letter-spacing-0);
    opacity: 1;
}

.inum:focus {
    border-color: #FE9A36;
    box-shadow: var(--box-shadow-standardorange);
    outline: none;
}

.msg {
    font-size: var(--event-font-size14);
    letter-spacing: var(--letter-spacing-0);
    color: var(--event-color-black19);
}

.imsg:focus {
    border-color: #FE9A36;
    box-shadow: var(--box-shadow-standardorange);
    outline: none;
}

.submit {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size14);
    letter-spacing: var(--letter-spacing-0);
    color: #464646;
    width: 92px;
    height: 38px;
    background: #E8E8E8 0% 0% no-repeat padding-box;
    opacity: 1;
}

.footer_login_after {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size12);
    color: #DFDFDF;
}

.footer_login_after a:hover {
    color: #FE9A36 !important;
    text-decoration: var(--text-decoration-none);
}

.footer_login_after a:focus {
    color: var(--event-color-white);
    text-decoration: var(--text-decoration-none);
}

.tops {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size12);
    letter-spacing: var(--letter-spacing-0);
    color: var(--event-color-white);
    text-decoration: var(--text-decoration-none);
    cursor: pointer;

}

.tops:hover {
    color: #FE9A36 !important;
    opacity: 0.7;
}

.tops:focus {
    color: var(--event-color-white) !important;
}

.jaindirectcardBtnAbout,
.jaindirectcardBtnAbout:hover {
    color: #FFCE00;
    font-family: var(--font-family-roboto);
    font-size: 13px;
    background: var(--background-color-transparent);
    border: var(--border--none);
    margin: auto;
    text-decoration: var(--text-decoration-none);
}

.aboutPageBackground {
    background-color: #D2C7BB;
}

.aboutCardsLandingPage {
    background: var(--background-color-white);
    border-radius: var(--border-radius-standard);
}

.AboutLandingImage {
    width: 280px;
    display: var(--display-flex);
    margin: auto;
}

.bacgroundvisionmission {
    background-color: #eeeeee;
}

.AboutLandingImageManagement {
    width: 300px;
    display: var(--display-flex);
    margin: auto;
    padding-left: var(--padding-left-5);
    padding-right: var(--padding-right-5);
}

.black_border {
    border: 1px solid #eeeeee;
    opacity: 1.2;
}

.NewsUpdateRow {
    display: flex;
    align-items: center;
}

.sanasthlistserach {
    height: var(--height-48);
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    padding-top: var(--padding-top-10);
    padding-bottom: var(--padding-bottom-10);
    border: 1px solid #6E88BB;
    background: var(--background-color-white);
    border-radius: var(--border-radius-standard) !important;
}

.sanstha_NearMeBtn,
.sanstha_NearMeBtn:hover,
.sanstha_NearMeBtn:focus {
    height: var(--height-48);
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    padding-top: var(--padding-top-10);
    padding-bottom: var(--padding-bottom-10);
    border: 1px solid #6E88BB;
    color: #0D2A64;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    width: 100%;
    background: var(--background-color-white);
    border-radius: var(--border-radius-standard) !important;
}

.sanstha_NearMeBtn.active {
    height: var(--height-48);
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    padding-top: var(--padding-top-10);
    padding-bottom: var(--padding-bottom-10);
    border: var(--event-border-orange) !important;
    color: var(--event-color-orange);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    width: 100%;
    background: var(--background-color-white);
    border-radius: var(--border-radius-standard) !important;
}

.sansthlist_search,
.sansthlist_search::placeholder,
.sansthlist_search:focus {
    border: var(--border--none);
    color: #757575;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    outline: none;
    box-shadow: none;
    background: var(--background-color-transparent);
    width: 91%;
}

.sansthlist_searchBtn {
    background: var(--background-color-transparent);
    border: var(--border--none);
    float: inline-end;
}

.sansthlist_searchBtnImage {
    width: 25px;
    height: 25px;
}
.sansthlist_searchBtnImage_cross{
    width: 20px;
    height: 20px;
}

.Active_Div {
    color: var(--event-color-orange) !important;
    font-weight: var(--font-weight-bold-500);
}


.SearchSansthaFilter {
    background: #f3f8ff;
    border-radius: var(--border-radius-standarad-new);
    box-shadow: var(--box-shadow-standard);
}

.FilterSansthaTitle {
    padding-left: var(--padding-left-20);
    margin-left: var(--margin-left-10);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    position: relative;
    top: 40px;

}

.FilterSansthaTitle1 {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
}



.sansthalist_ShowAll1 {
    font-size: var(--event-font-size12);
}

.sansthalist_ShowAll {
    font-size: var(--event-font-size14);
}


.custom_rangesansthlist::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    border: 2px solid #72b2c9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.custom_rangesansthlist {
    appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(90deg, #72b2c9 50%, #72b2c9 50%);
    outline: none;
    margin: 0;
    padding: 0;
}

/* For Firefox */
.custom_rangesansthlist::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    border: 2px solid #72b2c9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.custom_rangesansthlist::-moz-range-track {
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(90deg, #72b2c9 50%, #72b2c9 50%);
}

.new_NearMe_BTN {
    width: 100%;
    height: 35px;
    margin-top: -8px;
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border: 1px solid #FFA222;
    border-radius: 10px;
    color: var(--event-color-black19);
    text-transform: var(--text-transform-upper);
    font-size: var(--event-font-size16);
    font-family: var(--font-family-roboto);
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
}

.sansthaList_Tabcontent {
    border-radius: var(--border-radius-standarad-new);
    box-shadow: var(--box-shadow-standard);
    background: var(--background-color-white);
    margin-bottom: var(--margin-bottom-20) !important;
    margin-top: -548px !important;
}

.sansthaList_Tabcontent1 {
    border-radius: var(--border-radius-standarad-new);
    box-shadow: var(--box-shadow-standard);
    background: var(--background-color-white);
    margin-bottom: var(--margin-bottom-20) !important;
}

.sansthlist_Background {
    background-color: #f3f3f3;

}

.SearchSansthaFilterLabel {
    font-size: var(--event-font-size12);
    font-family: var(--font-family-roboto);
    color: #1C1C1C;
}

.Search_Button {
    background-color: var(--background-color-white);
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    border: var(--event-border-orange);
    font-size: var(--event-font-size16);
    height: 40px;
}

.customselect_wrapperSanstha {
    position: relative;
    display: inline-block;
    width: 100%;
}

.TotalCountCount {
    color: #1C1D1F;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);

}

.SansthaList_StateDropdown,
.SansthaList_StateDropdown:focus {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: var(--event-font-size14);
    color: #242424;
    font-family: var(--font-family-roboto);
    width: 100%;
    outline: none;
    box-shadow: none;
    background: var(--background-color-white);
    border: var(--event-border-grey) !important;
    height: var(--height-48);
    padding-left: var(--padding-left-20) !important;
    padding-right: var(--padding-right-20) !important;
    border-radius: var(--border-radius-standard);
}

.SansthaList_SanstaDetail,
.SansthaList_SanstaDetail:focus {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: var(--event-font-size14);
    color: #242424;
    font-family: var(--font-family-roboto);
    width: 100%;
    outline: none;
    box-shadow: none;
    background: #F6F7FB !important;
    border: 1px solid #D7DBE9 !important;
    height: var(--height-48);
    padding-left: var(--padding-left-20) !important;
    padding-right: var(--padding-right-20) !important;
    border-radius: var(--border-radius-standard);
}

.custom_iconState {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.Sansthalist_Card {
    box-shadow: var(--box-shadow-standard);
}

.Sansthalist_Card .card-text .SansthlistDescr {
    font-size: var(--event-font-size14);
    text-align: center;
    color: var(--event-color-black);
    font-family: var(--font-family-roboto);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 40px;
}

.Sansthalist_Card .card-text {
    margin-right: -15px;
    margin-left: -15px;
}

.Sansthalist_Card .card-img {
    height: 140px;
    object-fit: cover;
    object-position: center;
}

.SnsthaCrd_loc {
    font-size: var(--event-font-size14);
    text-align: center;
    color: var(--event-color-grey);
    font-family: var(--font-family-roboto);
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.SnsthaCrd_lockm {
    font-size: var(--event-font-size14);
    text-align: center;
    color: var(--event-color-grey);
    font-family: var(--font-family-roboto);
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -11px !important;
}

.SnsthaCrd_lockm .bi-sign-turn-right-fill {
    color: #e88b3e !important;
    font-size: 25px !important;
}

.sansthlist_Footer {
    margin-bottom: -10px;
}

.width-25 {
    width: 26.5% !important;
}

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

.sanasthlistserach select {
    background-color: var(--background-color-transparent);
    border: var(--border--none);
    color: var(--event-border-black);
    font-size: var(--event-font-size18);
    font-family: var(--font-family-roboto);

}

.home_pageMobile_LoginBtn {
    border: var(--border--none);
    background: var(--background-color-transparent);
    position: relative;
    top: 6px;
}

.AppDownload {
    background: var(--backgroud-color-navbar);
}

.PlaystoreLabel {
    color: var(--event-color-black);
    font-size: var(--event-font-size24);
    font-weight: var(--font-weight-bold-400);
    font-family: var(--font-family-roboto);
}

.PlaystoreLabelSub {
    color: var(--event-color-orange);
}

.PlaystoreLabelDes {
    font-size: var(--event-font-size16);
    color: #1D1D1D;
    font-family: var(--font-family-roboto);
}



.MissionCard .card-img-overlay {
    background: rgba(48, 74, 111, 0.9);
}

.VisionCard .card-img-overlay {
    background-color: rgba(48, 137, 155, 0.9);
}

.IconMission {
    height: 43px;
    width: 43px;
}

.MissionCard .card-img,
.VisionCard .card-img {
    height: 430px;

}

.custom_toggler_cancel .navbar-toggler-icon {
    display: none;
}

.custom_toggler_cancel,
.custom_toggler_cancel i,
.custom_toggler_cancel:focus,
.NavbarCancel {
    float: inline-end;
    border: var(--border--none);
    font-size: var(--event-font-size22);
    color: var(--event-color-black);
    outline: none;
    box-shadow: none;
}

.AppDowloadImage img {
    width: 175px;
    height: 70px;
}

.AppDowloadImage {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.Text_truncateAbout {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.Text_truncateAboutDetail {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.HexagonFeatureSection {
    margin: calc(var(--size) * 0.5) auto 0;
    width: calc(var(--size) * calc(var(--Nhexa) - 1));
    display: grid;
    grid-template-columns: repeat(var(--Nhexa), 1fr);
    grid-gap: var(--gap);
    justify-content: center;
}


article {
    width: var(--size);
    height: calc(var(--size) / 1.1111111);
    clip-path: url(#hexagono);
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    margin-right: calc(var(--size) / 2);
    overflow: hidden;

}


article:nth-child(2n) {
    margin: calc(var(--size) * -0.5) calc(var(--size) * -0.5) 0 calc(var(--size) * -0.73);
}

article::before {
    position: relative;
    width: var(--size);
    height: calc(var(--size) / 1.1111111);
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    margin-right: calc(var(--size) / 2);
    overflow: hidden;

}

.article_background_dark {
    background-color: #e4dde8;
}

.article_background_pinlk {
    background-color: #f5e9ef;

}

.article_background_Green {
    background-color: #f2f9fd;
}

.article_background_purple {
    background-color: #f6f2fb;
}

.article_background_blue {
    background-color: #dae2eb;
}

.article_background_Lightblue {
    background-color: #ebeff6;
}

.feacture_Div {
    padding-top: var(--padding-top-10);
    padding-bottom: var(--padding-bottom-10);
}

.Feacture_img {
    width: 70px;
    height: 70px;
    margin: auto;
    display: block;
    mix-blend-mode: multiply;
}

.Feacture_Title {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    font-weight: var(--font-weight-bold-500);
    color: var(--event-color-black);
    display: var(--display-block);
    text-align: center;
    padding-left: var(--padding-left-10) !important;
    padding-right: var(--padding-right-10) !important;
}

.SansthadetailPageImage {
    width: 86px;
    height: 86px;
    border-radius: 100px;
    object-fit: cover;
}

.SansthaType {
    font-size: var(--event-font-size12);
    color: #3B3B3B;

}

.SansthaTypeLabel,
.SansthaTypeLabel:hover {
    font-size: var(--event-font-size14);
    color: #373535;
    text-decoration: var(--text-decoration-none);
}

.SansthaType1 {
    font-size: var(--event-font-size12);
    color: #373535;
}

.SansthaDetialIcon {
    width: 25px;
    height: 18px;
    margin-right: var(--margin-right-10);
}
.SansthaDetialIcon2 {
    width: 15px;
    height: 15px;
    margin-right: var(--margin-right-10);
    margin-left: 7px !important;

}
.SansthaDetialIcon1 {
    width: 18px;
    height: 18px;
    font-size: 18px; 
    line-height: 1;
    margin-right: var(--margin-right-10);
    display: inline-block; 
    color: #4AA9BC;
    margin-left: 6px;
}

.Toggler_sansthDetail {
    cursor: pointer;
}

.Right_SansthdetailPage {
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border-radius: var(--border-radius-standarad-new);
}

.black_border_sanstha {
    border: 1px dashed #eeeeee;
    margin-left: -24px !important;
    margin-right: -24px !important;
}

.black_border_sansthaDeteil {
    border: 1px dashed #eeeeee;
}

.Sansthaheader {
    color: #373535;
    font-size: var(--event-font-size16);
}

.SuggestEditCard {
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border-radius: var(--border-radius-standard) !important;

}

.SuggestEdit_Label {
    color: #242424;
    font-size: var(--event-font-size22);
    font-weight: var(--font-weight-bold-500);
}

.SuggestEdit_SubLabel {
    color: #464646;
    font-size: var(--event-font-size14);
}

.SansthSuggestion_EditCheckDiv .checkbox-inline-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: var(--event-font-size18);
    color: #373535;
}

.SansthSuggestion_EditCheckDiv .checkbox-inline-group input {
    margin-right: var(--margin-right-10);
}

.mediaLibrary_Background {
    border: 2px dashed #D7DBE9 !important;
    border-radius: var(--border-radius-standard);
    background: #f6f7fb;
    height: auto;
    width: 100%;
    color: #A1A1A1;
    font-size: var(--event-font-size12);
}

.mediaLibrary_BackgroundHeight {
    height: 75px;
}

.placeholder_MediaLibrary {
    margin-left: var(--margin-left-20);
    margin-right: var(--margin-right-20);
}

.mediaLibrary_Background .media-library-multiple .media-library-items {
    margin-top: -15px !important;
    margin-left: 0px !important;
    overflow-y: scroll !important;
    width: 100% !important;
}

.mediaLibrary_Background .media-library-uploader {
    margin-left: 12px !important;
}
.ModalDialoguw_button , .ModalDialoguw_button:hover{
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.mediaLibrary_input {
    border: 2px dashed #D7DBE9 !important;
    border-radius: var(--border-radius-standard);
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    padding-top: var(--padding-top-20);
    padding-bottom: var(--padding-bottom-20);
    background: var(--background-color-white);
    color: #A1A1A1;
    font-size: var(--event-font-size12);
}

.mediaLibrary_Background:focus {
    border: var(--border--none);
    outline: none;
}

.SansthaTiming div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: var(--event-font-size14);
    color: #2B84C2;
}

.SansthaTiming div input {
    margin-right: var(--margin-right-5);
}
.placeholderMediaLibrary{
    margin-left: var(--margin-left-15);
    margin-bottom: var(--margin-bottom-15);
}
.sansthTimeInput , .sansthTimeInput:focus ,.sansthTimeInput:hover {
    background: #F6F7FB ;
    border-radius: var(--border-radius-standard);
    height: var(--height-48);
    width: 100%;
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    border: 1px solid #D7DBE9 !important;
    color: var(--event-color-black19);
}
.sansthTimeInput::placeholder{
    color: var(--event-color-black19);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    text-transform: var(--text-transform-capitalize);
}
.create_comitte_member_input1 {
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important;
    min-height: 48px !important;
    width: -webkit-fill-available;
    color: var(--event-color-black19);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
}
.Suggest_Btns  , .Suggest_Btns:hover{
    font-size: var(--event-font-size14);
    color: var(--event-color-black);
    background: var(--background-color-white);
    height: var(--height-48);
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    width: 100%;
    border: var(--event-border-orange);
    border-radius: var(--border-radius-standard);
}
.sanshaDeatial_Tabcontent {
    border-radius: var(--border-radius-standarad-new);
    box-shadow: var(--box-shadow-standard);
    background: var(--background-color-white);
    margin-bottom: var(--margin-bottom-20) !important;
}

.SansthAbout_Map {
    height: 430px;
    width: 100%;
    border: 1px solid #707070 !important;
}

.sansthaGallery_Img {
    height: 180px !important;
    width: 100%;
    border-radius: 4px !important;
    border: 2px solid #6D6C6B !important;
}

.Sanstha_Gallery_Tab .nav {
    background: var(--background-color-transparent);
    box-shadow: none !important;
    border-radius: 0% !important;
}

.Sanstha_Gallery_Tab .nav .nav-item {
    margin: 0px !important;
}

.Sanstha_Gallery_Tab .nav .nav-item .nav-link {
    color: #333333 !important;
    padding-left: var(--padding-left-0) !important;
    padding-right: var(--padding-right-0) !important;
    margin-left: var(--margin-left-0) !important;
    margin-right: 30px !important;
    font-size: var(--event-font-size14) !important;
}

.Sanstha_Gallery_Tab .nav .nav-item .nav-link.active {
    border-bottom: 2px solid #F58529  !important;
    color: #333333 !important;
}

.Sanstha_Gallery_image {
    position: relative;
}

.Sanstha_gallery_AbumTab_Contents {
    height: 200%;
}

.sanstha_Gallery_ImgStack_bottom,
.sanstha_Gallery_ImgStack_mid,
.sanstha_Gallery_ImgStack_top {
    height: 130px;
    width: 200px;
    border-radius: var(--border-radius-standard);
}

.sanstha_Gallery_ImgStack_mid {
    position: absolute;
    top: 35px;
    left: 25px;
}

.sanstha_Gallery_ImgStack_top {
    position: absolute;
    top: 70px;
    left: 50px;
}

.PhotoCoun_sansthaGallery {
    position: absolute;
    bottom: -53px;
    font-size: var(--event-font-size22);
    color: var(--event-color-white);
    font-weight: var(--font-weight-bold-500);
    right: 20px;
}
.PhotoCounDash_sansthaGallery{
    position: absolute;
    bottom: -35px;
    font-size: var(--event-font-size22);
    color: var(--event-color-white);
    font-weight: var(--font-weight-bold-500);
    right: -10px;
}

.Sanstha_Folder_name {
    font-size: var(--event-font-size14);
    color: var(--event-color-black19);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
}

.Sanstha_GalleryStack_Single_Card .card-body {
    padding: 0px !important
}

.sanstha_Gallery_ImgStack_Single {
    width: 100%;
    height: 222px;
}

.sanstha_Gallery_ImgStack_All {
    height: 170px;
    width: 100%;
    object-fit: cover;
}

.BackButton,
.BackButton:hover {
    background-color: var(--background-color-transparent);
    font-size: var(--event-font-size14);
    color: var(--event-color-black19);
    text-align: justify;
    border: none;
    cursor: pointer;

}

.PostHeader {
    background: #f3f8ff;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -16px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.PostHeaderDetail {
    background: #f3f8ff;
    border-radius: 0px !important;
    height: 60px;
    margin-top: var(--margin-top-10);
}

.customselect_wrapperSanstha_post {
    position: relative;
    display: var(--display-block);
    height: 30px;
    float: inline-end;
}

.Filter_PostDropdown,
.Filter_PostDropdown:focus {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: var(--event-font-size12);
    color: #242424;
    font-family: var(--font-family-roboto);
    width: 105%;
    outline: none;
    box-shadow: none;
    background: var(--background-color-white);
    border: 1px solid #6E88BB;
    height: 30px;
    padding-left: var(--padding-left-20) !important;
    padding-right: var(--padding-right-20) !important;
    border-radius: var(--border-radius-standard);
}

.custom_iconFilter {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #6E88BB;
}

.Post_Logo {
    width: 40px;
    height: 42px;
    border: 1px solid #FFB134;
    opacity: 1;
    border-radius: var(--border-radius-50);
}
.post_title_card {
    font-size: var(--event-font-size14);
    color: var(--event-color-black19);
    padding-top: var(--padding-top-10);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.post_title_card_more{
    font-size: var(--event-font-size14);
    color: var(--event-color-black19);
    padding-top: var(--padding-top-10);
}

.Post_img_card {
    border-radius: var(--border-radius-standard);
    height: 200px;
    width: 100%;
    margin-top: var(--margin-top-5);
    margin-bottom: var(--margin-bottom-5);
    object-fit: cover;
}

.postCard_haeder {
    font-size: var(--event-font-size16);
    color: #0D2A64;
    font-weight: var(--font-weight-bold-600);
}

.postCard_Subhaeder {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    color: #1D1D1D;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: var(--margin-bottom-5);
}
.postCard_Subhaeder_more{
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    color: #1D1D1D;
    height: 250px;
    overflow-y: auto;
    line-height: 25px;
}
.Readmore_Post,
.Readmore_Post:hover {
    font-size: var(--event-font-size14);
    color: var(--event-color-orange);
    text-decoration: var(--text-decoration-underlined) !important;
    cursor: pointer;
}

.icon_font_post {
    margin-top: var(--margin-top-0);
    font-size: var(--event-font-size12);
    font-family: var(--font-family-roboto);
    white-space: nowrap;
    text-align: center !important;
    color: #504E4E;
}

.footer_post_sanstha {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

.card_following_btn {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size12);
    color: #0D2A64;
    float: right !important;
    position: relative;
    border: none;
    top: 10px;
    right: 15px;
    font-weight: var(--font-weight-bold-600);
    background-color: var(--background-color-transparent);
    white-space: nowrap;

}

.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.card-badge-event {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size12);
    color: var(--event-color-white);
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    left: -1px;
    top: 15px;
    width: 120px;
    background-color: #E65999;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: var(--box-shadow-standard2);
}

.card-badge-news {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size12);
    color: var(--event-color-white);
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    left: -1px;
    top: 15px;
    width: 120px;
    background-color: #1FAED8;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: var(--box-shadow-standard2);
}

.card-badge-appeal {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size12);
    color: var(--event-color-white);
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    left: -1px;
    top: 15px;
    width: 120px;
    background-color: #6C5284;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: var(--box-shadow-standard2);
}

.card-badge-video {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size12);
    color: var(--event-color-white);
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    left: -1px;
    top: 15px;
    width: 120px;
    background-color: #2CBC83;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: var(--box-shadow-standard2);
}

.card-badge-active {
    font-family: var(--font-family-roboto);
    text-transform: var(--text-transform-upper);
    font-size: var(--event-font-size12);
    color: var(--event-color-white);
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #4AB44E;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: var(--box-shadow-standard2);
}

.sansthaActivity_Tabcontent {
    border-radius: var(--border-radius-standarad-new);
    box-shadow: var(--box-shadow-standard);
    background: var(--background-color-white);
    margin-bottom: var(--margin-bottom-20) !important;
}

.ActivityHeader {
    background: #f3f8ff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    height: 72px;
    box-shadow: var(--box-shadow-standard);
}

.Whitebg_Card {
    border-radius: var(--border-radius-standarad-new);
    box-shadow: var(--box-shadow-standard);
    background: var(--background-color-white);
}

.JainsuthraCard {
    border: 1px solid #6D9DC6;
}

.JainKnowCard {
    border: 1px solid #DEAE4E;
}

.SusththraTitle {
    color: #155EA8;
    font-size: var(--event-font-size22);
    text-transform: var(--text-transform-upper);
    display: var(--display-block);
    text-align: center;

}

.SusththraTitleDesc {
    font-size: var(--event-font-size20);
    color: #4B4B4B;
    line-height: 35px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 1;
    text-align: center;
    -webkit-box-orient: vertical;

}

.JainsuthraCardFooter {
    background: var(--background-color-transparent);
    font-size: var(--event-font-size14);
    border: var(--border--none);
    color: #464646;
}

.SansthaGallerySection {
    background: #585755;
    padding-top: var(--padding-top-25);
    padding-bottom: var(--padding-bottom-25);
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.SingleImageDiv {
    width: 300px;
}


.sansthaDetailSubMenuDiv .sansthaDetailSubMenuDivTabs .nav-tabs {
    background-color: white;
    border-radius: 0px !important;
    box-shadow: var(--box-shadow-standard);
    z-index: 2;
}

.sansthaDetailSubMenuDiv .sansthaDetailSubMenuDivTabs .nav-item {
    margin: auto;
}

.sansthaDetailSubMenuDiv .sansthaDetailSubMenuDivTabs .nav-item .nav-link {
    color: #2C2C2C;
    font-size: var(--event-font-size14);
    text-align: center;
    margin-left: var(--margin-left-15) !important;
    margin-right: var(--margin-right-15) !important;
}

.sansthaDetailSubMenuDiv .sansthaDetailSubMenuDivTabs .nav-item>.active {
    color: #2C2C2C !important;
    border-bottom: 2px solid #F58529 ;
}

.sanstha_deatils_tab_icons {
    width: 20px;
    height: 20px;
}

#SansthaDeatil-MoreDropdwon .dropdown-menu,
#SansthaDeatil-MoreDropdwon .dropdown-menu:hover {
    background: #3D9BB4 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 0px 8px 8px;
    transform: translate3d(-75px, 41px, 0px) !important;
    z-index: 2;
}

#SansthaDeatil-MoreDropdwon .dropdown-item,
#SansthaDeatil-MoreDropdwon .dropdown-item:hover {
    font-size: var(--event-font-size14);
    color: var(--event-color-white);
    padding-top: var(--padding-top-10);
    padding-bottom: var(--padding-bottom-10);
    z-index: 2;
}



.Footer_postIcon {
    height: 22px;
}

.TopDivSubMenuHead {
    justify-content: space-around;
}

.card_following_btnSanstha {
    border: none;
    background-color: var(--background-color-transparent);
}

.SansthaDetialIconFollow {
    margin-right: var(--margin-right-10);
    height: 14px;
    width: 14px;

}
.sansthdetail_contact thead th{
    font-weight: normal;
}
.sansthdetail_contact tr {
    height: var(--height-48);
    font-size: var(--event-font-size16);
}

.sansthdetail_contact td {
    font-size: var(--event-font-size14)
}
.sansthdetail_contact .table_data{
    padding-top:var(--padding-top-20);
    cursor: pointer;
}
.sansthdetail_contact .table_data_dropdown{
    padding-top: 38px;
}

.Sanstha_Gallery_Tabflow3 .nav .nav-item .nav-link {
    color: #333333 !important;
    padding-left: var(--padding-left-0) !important;
    padding-right: var(--padding-right-20) !important;
    margin-left: var(--margin-left-0) !important;
    margin-right: 30px !important;
    font-size: var(--event-font-size16) !important;
    font-weight: var(--font-weight-bold-400) !important;
    border-bottom: none !important;
}

.Sanstha_Gallery_Tabflow3 .nav .nav-item .nav-link.active {
    border-bottom: none !important;
    border: var(--border--none);
    color: var(--event-color-orange) !important;
    background: var(--background-color-transparent) !important;
}

.next_div_Gallery,
.prev_div_Gallery {
    position: absolute;
    top: 37%;
    z-index: 1;
    border: 1px solid black;
    height: 46px;
    width: 46px;
    border-radius: 50px;
}

.next_div_Gallery {
    right: 3% !important;
}

.prev_div_Gallery {
    left: 3% !important;
}

.prev_div_Gallery img {
    transform: rotate(180deg);
}

#Scrolling-Tab {
    position: sticky !important;
    top: 0px !important;
    height: 100vh;
    overflow-y: auto;
    z-index: 10;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

#scrolling-leftdetailpage::-webkit-scrollbar , #scrolling-rightdetailpage::-webkit-scrollbar {
    display: none;
}
#scrolling-leftdetailpage, #scrolling-rightdetailpage {
    position: -webkit-sticky; 
    position: sticky;
    top: 170px;
    height: calc(100vh - 170px); 
    overflow-y: auto;
}


.Card_Standard {
    border-radius: var(--border-radius-standarad-new);
}

.Name_sansthdetailPage {
    font-size: var(--event-font-size16);
    text-transform: var(--text-transform-capitalize);
}

.CommitteImg_sansthdetail {
    height: 100px;
    width: 100px;
    border-radius: 60px;
    object-fit: cover;
}

.Committe_div_sansthadetail {
    display: var(--display-flex);
    align-items: center;
    justify-content: space-around;
}

.Committe_contactDiv {
    display: var(--display-flex);
    gap: 10px;
}

.Email_img_sansthdetail {
    height: var(--height-48);
    width: 80px;
}

.Button_Email,
.Button_Email:hover,
.Button_Whatsapp,
.Button_Whatsapp:hover {
    height: 33px;
    background: #EEF5F1;
    box-shadow: var(--box-shadow-standard);
    width: auto;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    font-size: var(--event-font-size12);
    border-radius: var(--border-radius-standard);
    padding-top: 7px;
    cursor: pointer;
}

.Button_EmailImage {
    width: 15px;
    height: 15px;
    margin-left: var(--margin-left-5);
    margin-right: var(--margin-right-5);
}

.Button_WtsappImage {
    height: 20px;
    width: 30px;
}

.Button_Email,
.Button_Email:hover,
.Button_Email:focus {
    color: #3276B2;
}

.Button_Whatsapp,
.Button_Whatsapp:hover,
.Button_Whatsapp:focus {
    color: #6FC678;
}

.Membership_div_sansthadetail {
    display: var(--display-flex);
    align-items: center;
    justify-content: left;
    gap: 20px;

}
.viharDirection i{
    color: orange;
    font-size: 18px;
}

.Snasth_detail_tabDiv {
    cursor: pointer;
    color: var(--event-border-black);
    font-size: var(--event-font-size18);
    font-family: var(--font-family-roboto);
    margin-top: var(--margin-top-10);
    margin-bottom: var(--margin-bottom-10);
    background-color: var(--background-color-transparent);
    border: var(--border--none);
}
.Snasth_detail_tabDiv_dash {
    cursor: pointer;
    color: #0D2A64;
    font-size: var(--event-font-size18);
    font-family: var(--font-family-roboto);
    margin-top: var(--margin-top-10);
    margin-bottom: var(--margin-bottom-10);
    background-color: var(--background-color-transparent);
    border: var(--border--none);
}

.sansthalistNavTab .nav .nav-item>.active {
    color: var(--event-color-orange) !important;
    border: var(--border--none);
    font-weight: var(--font-weight-bold-500);
    border-radius: 0px;
}

.sansthalistNavTab .nav {
    background: #f3f8ff;
    border-radius: var(--border-radius-standarad-new) !important;
    box-shadow: var(--box-shadow-standard);
}

.sansthalistNavTab .nav .nav-item {
    margin-top: var(--margin-top-10);
    margin-bottom: var(--margin-bottom-10);
}

.sansthalistNavTab .nav .nav-item .nav-link {
    color: var(--event-border-black);
    font-size: var(--event-font-size18);
    font-family: var(--font-family-roboto);
    margin-left: var(--margin-left-15) !important;
    margin-right: var(--margin-right-15) !important;
    padding-left: var(--padding-left-15) !important;
    padding-right: var(--padding-right-15) !important;
}

.SuggestEditHaed {
    font-size: var(--event-font-size18);
    color: #262524;
}

.SuggestEditSub {
    color: #2B84C2;
    font-size: var(--event-font-size16);
}
.SuggestEdit_Height{
    height: 650px;
}
.SuggestEditRdioButtons {
    font-size: var(--event-font-size16);
    font-weight: var(--font-weight-bold-500);
    color: #0D2A64;
}
.SuggestEditRdioButtons input[type=radio]:checked~label {
    color: orange;
}
.SuggestEditCheckButtons {
    font-size: var(--event-font-size16);
    color: #242424;
}
.SuggestEditRdioButtons .custom-control-label , .SuggestEditCheckButtons .custom-control-label {
    margin-left: var(--margin-left-10)
}
.SuggestEditSublabel{
    font-size: var(--event-font-size12);
    color: #3B3B3B;
    margin-left: 23px;
}
.SuggestEditAbout , .SuggestEditAbout:focus{
    background-color: #f6f7fb;
    height: 100px;  
}
.SuggestEditAbout::placeholder{
    color: #6d6e6f;
    font-size: var(--event-font-size14);
}
.UploadImage_Backgrond {
    width: 132px;
    height: 132px;
    background: #FFD7AA 0% 0% no-repeat padding-box;
    border-radius: 75px;
}

.background_profile_pic_sanstha {
    width: 120px;
    height: 120px;
    background: #D1D1D1 0% 0% no-repeat padding-box;
    border-radius: 75px;
    position: relative;
    top: 7px;
    right: -6px;
    cursor: pointer;
}
.create_member_camera_SuggestEdit {
    width: 125px;
    height: 125px;
    border-radius: 75px;
    position: absolute;
    top: -4px;
    left: -2px;

}
.SuggestEdit_UserName{
    color: #242134;
    font-size: var(--event-font-size18);
}
.SuggestEdit_Token{
    color: #242134;
    font-size: 15px;
    font-weight: var(--font-weight-bold-400);
}

.Submit_btns  , .Submit_btns:hover{
    font-size: var(--event-font-size14);
    color: var(--event-color-black);
    background: var(--background-color-white);
    height: var(--height-48);
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    width: 162px;
    border: var(--event-border-orange);
    border-radius: var(--border-radius-standard);
}

.ModalImage_SuggestEdit{
    width: 62px;
    height: 48px;
}
.ModalHead_SuggestEdit{
    font-size: 30px;
    color: #369F6E;
    font-weight: var(--font-weight-bold-400);
}
.ModalSub_SuggestEdit{
    font-size: var(--event-font-size20);
    color: #369F6E;
}
.ModalDesc_SuggestEdit{
    font-size: var(--event-font-size16);
    color: #2A2A2A;
    text-align: center;
}
.modal-content{
    border-radius: 20px !important;
}
.SansthRoster i {
    width: 30px;
    font-size: 15px;
    margin-right: var(--margin-right-5);
}
.SansthRoster{
    font-size: var(--event-font-size12);
    color: #1C1C1C;
}
.SansthRoster .bi-sign-turn-right-fill {
    color: #F58529;
}
.SansthRoster .bi-whatsapp {
    color: green;
}
.sansthdetail_roster_edit {
    height: 35px;
    background: var(--background-color-transparent);
    border: none;
}

.sansthdetail_roster_edit .bi-trash3-fill {
    color: red;
}
.Roster_Div{
    width: 125px;
    text-align: center;
}
.PageImg_sansthdetail{
    width: 100%;
    height: 150px;
    border-radius: 0px !important;
    object-fit: cover;
}
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.Modal_close_Img{
    width: 43px;
    height: 43px;
    position: absolute;
    top: -22px;
    right: -15px;
    z-index: 1;
}
.Modal_ProfileImage{
    height: 125px;
    width: 125px;
    border-radius: 100px;
    border:var(--event-border-orange);
    display: var(--display-flex);
    margin: auto;
}
.ModalDescSub {
    font-size: var(--event-font-size16);
    color: #0D2A64;
    font-weight: var(--font-weight-bold-500);
    text-transform: var(--text-transform-capitalize);
}
.ModalDescSubBlack{
    font-size: var(--event-font-size16);
    color: #2A2A2A;
    font-weight: var(--font-weight-bold-500);
    text-transform: var(--text-transform-capitalize);
}
.ModalDes {
    font-size: var(--event-font-size16);
    color: var(--event-color-black19);
}
.search_Member_Detail_post {
    background: #F8F9FF !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 5px !important;
    padding: 10px;
    box-shadow: var(--box-shadow-standard);
}
.map_redirection_roster {
    background: var(--background-color-transparent);
    margin-top: var(--margin-top-10);
    display: var(--display-flex);
    justify-content: center;
    margin-left: auto;
    border: var(--border--none);
    border-radius: 10px;
    box-shadow:var(--box-shadow-standard1);
    width: 100%;
}
.map_redirection_roster .bi-sign-turn-right-fill {
    color: var(--event-color-orange);
    font-size: 28px;
}

.map_redirection_rosterspan {
    font-size: var(--event-font-size14);
    color: var(--event-color-black);
    margin-top: 11px;
}
.discard1 {
    color: #030303;
    font-size: var(--event-font-size16);
    font-family: var(--font-family-roboto);
    text-align: center;
    justify-content: center;
    display: var(--display-flex);
    white-space: normal
}
.guruvihar_adding_Contact_post {
    padding-top: var(--padding-top-10);
    padding-bottom: var(--padding-bottom-10);
    padding-left: var(--padding-left-15);
    padding-right: var(--padding-right-15);
    box-shadow: var(--box-shadow-standard1);
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
}
.card_Viharfollowing_btnSanstha{
    border: 1px solid #0D2A64;
    background-color: var(--background-color-transparent);
   padding-left: var(--padding-left-10);
   padding-right: var(--padding-right-10);
   padding-top: var(--padding-top-5);
   padding-bottom: var(--padding-bottom-5);
    border-radius: var(--border-radius-standard);
}
.SansthaTypeViharLabel{
    font-size: var(--event-font-size12);
    color: #0D2A64

}
.guruvihar_preview_btn {
    background: var(--background-color-transparent);
    border: none;
    color: #3D9BB4;
    font-size: 15px;
    margin-left: auto;
}
.guruvihar_preview_label_address {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
}

.guruvihar_preview_label_address .bi-geo-alt-fill {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    color: #3D9BB4 !important;
}

.guruvihar_preview_label_address .bi-arrow-down {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    color: #3D9BB4 !important;
}


.guruvihar_preview_label_address .bi-three-dots-vertical {
    color: #FFB134;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
}
.image_slider_down {
    width: 138px !important;
    height: 102px !important;
    border-radius: var(--border-radius-standard);
}
.image_slider {
    object-fit: contain;
    border-radius: var(--border-radius-standard);
    width: -webkit-fill-available !important;
    height: 330px !important;
}
.next_Icon_readmore i , .prev__Icon_readmore i{
    font-size: var(--event-font-size22);
}
.thumbnailOverview{
    position: relative;
}
.next_Icon_readmore{
    position: absolute;
    top: 35px;
    z-index: 1;
    right: 10px;
}
.prev__Icon_readmore{
    position: absolute;
    top: 35px;
    z-index: 1;
    left: 10px;
}
.modal_rightSide{
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border: 1px solid #D8D8D8;
    border-radius: 20px;
    margin-top: -16px; 
    margin-right: -16px; 
    padding-bottom: 85px;
    margin-bottom: 16px;
}
#modal-readmoreImg .modal-body ,  #readmorepost-modal .modal-body , #ActivityImgMore  .modal-body{
    margin-bottom: -16px !important;
}
#modal-readmoreVideo  .modal-body , #ActivityVideoMore  .modal-body{
    margin-bottom: -32px !important;
}

.Snasthdetail_custompage_tab .nav-item>.active{
    border-bottom: none !important;
}
.customCarousel img{
width: 100%;
height: 350px;
border-radius: var(--border-radius-standard);
object-fit: contain;
}
.label_manage_sanstha , .label_manage_sanstha:hover {
    color: #030303;
    font-size: var(--event-font-size18);
    font-family: var(--font-family-roboto);
}
.custom-indicators {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
  }
  
  .Customindicator {
    background: none;
    border: none;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  
  .Customindicator .dot {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ccc;
    border-radius: 50%;
    transition: background-color 0.3s;
  }
  
  .Customindicator.active .dot {
    background-color: #F7872B !important;
  }
  .login_background{
    background-color: #ededed;
  }
  .article_background_dark:hover ,.article_background_Green:hover , .article_background_blue:hover ,  .article_background_pinlk:hover ,  .article_background_purple:hover , .article_background_Lightblue:hover , .article_background_dark:focus ,.article_background_Green:focus , .article_background_blue:focus ,  .article_background_pinlk:focus ,  .article_background_purple:focus , .article_background_Lightblue:focus  {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); 
    transform: scale(1.05);
    transition: background-color 0.8s ease, box-shadow 0.8s ease; 
    background: #f3d787  !important;
  }
  .user_header_bg{
        background: #3D9BB4;
   }
   .userHaeder_Navbar .navbar-nav .nav-item .nav-link , .active_navbar {
    font-size: var(--event-font-size14);
    color: var(--event-color-white);
    padding-left: var(--padding-left-0) !important;
    padding-right: var(--padding-right-0) !important;
    text-decoration: none;
    cursor: pointer;
   }
   .userHaeder_Navbar .navbar-nav .nav-item.active
   {
    border-bottom: 2px solid  #F58529 !important;
    }
   .Add_post_btn , .Add_post_btn:hover{
    height: 35px;
    background: #01607A;
    box-shadow: var(--box-shadow-standard);
    border-radius: 6px;
    font-size: var(--event-font-size14);
    color: var(--event-color-white);
    padding-left: var(--padding-left-15);
    padding-right: var(--padding-right-15);

   }
   .profilephoto_header{
    width: 37px;
    height: 37px;
    border-radius:  var(--border-radius-50);
   }
   .profile_dropdown .dropdown-menu ,  .profile_dropdown .dropdown-menu:focus{
    background: #F2FCFF;
    box-shadow:var(--box-shadow-standard);
    border-radius: 8px;
    border: var(--border--none);
    outline: none;
    margin-top: var(--margin-top-10) !important;
   }
   .profile_dropdown .dropdown-item ,  .profile_dropdown .dropdown-item:focus{
    color: #0D2A64;
    font-size: var(--event-font-size16);
  
   }
   .profile_dropdown .dropdown-toggle:focus,
    .profile_dropdown .dropdown-item:focus,
    .profile_dropdown .dropdown-item:active {
    outline: none;
    border-color: transparent;
    box-shadow: none;
    
}
.profile_dropdown .dropdown-toggle::after {
    display: none;
}
.container_bg{
    background-color:#F3F3F3 ;
}
.ModalDialoguw_button_side{
    text-decoration: none;
}
.profile_photo_login {
    position: relative;
    display: inline-block;
}
.pic {
    object-fit: cover;
    border-radius: 50%;
    position: relative;
    padding: 5px;
    width: 132px;
    height: 132px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background: #FFD7AA 0% 0% no-repeat padding-box;
}
.FollowerCount{
    text-align: center;
    letter-spacing: -0.28px;
    color: var(--event-color-orange);
    font-size: 28px;
    font-weight: var(--font-weight-bold);
}
.profileDiv{
    display: var(--display-flex);
    justify-content: space-evenly;
    align-items: center
}
.profile_bg{
    background-color: #E1ECEA;
}
.Snasthdetail_Profile_tab{
    font-size: var(--event-font-size16);
    font-weight: var(--font-weight-bold-500);
    color: var(--event-color-orange);

}
.gender_radio_btns {
    display: flex !important;
    gap: 10px;
}
.gender_radio {
    width: 21px;
    height: 10px;
}
.profile_edit_radio {
    color: var(--event-color-blackgrey);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    margin-left: -3px;
}
.manger_header_bg{
    background: #F2FCFF;
    box-shadow: var(--box-shadow-standard);
}
.Add_sansth_btn{
    color: #0D2A64;
    font-size: var(--event-font-size14);
    border: var(--border--none);
    background: var(--background-color-transparent);
    font-weight: 500;
    margin-top: var(--margin-top-5);
}
.bg_white_serac{
    background: var(--background-color-white) !important ;
    border: 1px solid #B0DEE9 !important; 
}
.sanasth_manager_selct .custom-select::after {
    display: none !important;
}
.PhotoEditLable{
    color: #1273A5;
    font-size: 11px;
}
.editPhotosanstha{
    width: 33px;
height: 30px;
}
.sansthprofile{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: var(--padding-left-10);
}
.dashboardHeader{
    height: 137px;
    background: #E1F7FF 0% 0% no-repeat padding-box;
    border-radius: 18px 18px 0px 0px;
}
.Dasboard_sansthphoto{
    width: 90px;
    height: 90px;
    border-radius: 45px;
    object-fit: cover;
    object-position: center;
}
.Dasboard_sansthaname{
    color: #262524;
    font-size: 24px;
    font-weight: var(--font-weight-bold-500);
}
.SansthaTypeLabelDash,
.SansthaTypeLabelDash:hover {
    font-size: var(--event-font-size16);
    color: #0D2A64;
    text-decoration: var(--text-decoration-none);
}
.Notification_Div{
    width: 50px;
    height: 50px;
    background:var(--background-color-white);
    border: 1px solid #9DBBCE;
    border-radius: 45px;
    justify-self: end;
    text-align: center;
    position: relative;
    top: -131px;
    right: 10px;
}
.notification_Image{
    width: 14px;
height: 17px;
}

.Notifaication_Count{
    color: #3D9BB4;
    font-size: var(--event-font-size12);
}
.Sansthdashborad_tabs .nav-tabs{
    box-shadow: var(--box-shadow-standard);
    justify-content: center;
    
}
.Sansthdashborad_tabs .nav-tabs .nav-link{
    color: #0D2A64;
    font-size: var(--event-font-size14);
    font-weight: var(--font-weight-bold-500);
}
.Sansthdashborad_tabs .nav-tabs .nav-item{
    margin-left: var(--margin-left-20);
    margin-right: var(--margin-right-20);
}
.DashboardHead{
    color: #030303;
    font-size: var(--event-font-size16);
    text-decoration: var(--text-transform-capitalize);
}
.dashboardDesc{
    color: #000000;
    font-size: var(--event-font-size14);
    line-height: 35px ;
}
.Dashboard_tab_content{
    margin-top: var(--margin-top-20);
    margin-left: var(--margin-left-10);
    margin-right: var(--margin-right-10);
}
.sansthListImage{
    width: 38px;
    height: 38px;
    border: 1px solid #FF873C;
    border-radius: 45px;
}

.sansthListName{
    color: #0D2A64;
    font-size: var(--event-font-size14);
    width: 198px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sansthListItem {
    display: flex;         
    align-items: center;   
  }
  
  
.selected_sansthName{
    color: #2A2928;
    font-size: var(--event-font-size16);
}
.upload_camera_photo {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -15px;
    left: 50px;
    background: #417BBE 0% 0% no-repeat padding-box;
    opacity: 0.8;
    border-radius: var(--border-radius-50);
}
.camera {
    width: 18px;
    height: 14px;
    margin-top: 36%;
    margin-left: 27%;
}
.Sansthdashborader_btns , .Sansthdashborader_btns:hover  {
    height: 33px;
    background: #3D9BB4 0% 0% no-repeat padding-box;
    width: auto;
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    border-radius: 14px;
    color: var(--event-color-white);
    font-size: var(--event-font-size14);

}
.sanasth_manager_selct .dropdown-menu {
    transform: translate3d(0px, 30px, 0px) !important;
    width: 278px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    border: none;
    outline: none;
}
.sanstha_dashboard_Gallery .dropdown-toggle::after {
    content: url("../images/more_hamber.svg");
    display: contents;
}

.sanstha_dashboard_Gallery .dropdown-menu {
    width: 100px;
    min-width: 105px;
    transform: translate3d(-65px, 25px, 0px) !important;
}

.card_option_edit {
    width: 16px;
    height: 16px;
    margin-right: var(--margin-right-5);
    margin-top: -2px;
    padding: 2px;
}

.sanstha_dashboard_Gallery .dropdown-item{
font-size: var(--event-font-size12);
}

.more_gallery{
    border: 2px solid #F58529;
    border-radius: 44px;
    height: 33px;
    width: auto;
    padding-left: var(--padding-left-5);
    padding-right: var(--padding-right-5);
}
.sanstha_Gallery_ImgStack_bottom1,
.sanstha_Gallery_ImgStack_mid1{
  
    width: 170px !important;
}
.PostRightSide{
    box-shadow: var(--box-shadow-standard);
    margin-top: -16px;
    margin-bottom: -16px;
    border-radius: 20px;
    position: relative;
    left: 4px;
    border: 1px solid #d6c8c8;
}
.required {
    width: 6px;
    height: 18px;
    font-size: var(--event-font-size14);
    letter-spacing: var(--letter-spacing-0);
    color: #FF5F5F;
}
.mediaVisibility_input {
    height: 20px;
    position: relative;
    top: 6px;
}

input[type=radio].mediaVisibility_input {
    accent-color: black;
}

.mediaTrue_label {
    font-size: var(--event-font-size12)

}
.Post_Buttons{
    display: var(--display-flex);
}
.Folder_gallery_dashboard{
    position: relative;
}
.Folder_gallery_dashboard_Img{
    width: 100%;
    height: 200px;
    border-radius: var(--border-radius-standard);
    border: 1px solid #FFBA4B;
}
.file_upload_icon_dashboard {
    width: 10px;
    height: 15px;
    margin-right: var(--margin-right-5);

}
.coverphoto_wrapper {
    position: relative;
    width: 100%;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
  }
  
.SansthadetailPageImagedashboard{
    width: 82px;
    height: 82px;
    border-radius: 100px;
    object-fit: cover;
    position: absolute;
    z-index: 2;
    border: 2px solid  #F58529 !important;
    top: 134px;
}
  
  .CoverphotoDaasboard {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
  }
  
  .overlayCoverphotoDaasboard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 61, 80, 0.3) !important;
    pointer-events: none; 
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
  }
  .create_post_popup .popup_radio_btns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-right: var(--margin-right-10);
    justify-items: center;
}

.hidebox {
    display: var(--display-none);
}

.createpost_radio_btn_label {
    width: 138px;
    height: 138px;
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border: 1px solid #D5D5D5;
    border-radius: 50%;
}

.hidebox:checked+.createpost_radio_btn_label {
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border: 2px solid #FF9A34;
}

.alert_message {
    font-size: var(--event-font-size12);
    font-family: var(--font-family-roboto);

}

.radio_btn_popup_img {
    width: 29px;
    height: 33px;
    position: relative;
    top: 40px;
    left: 55px;

}
.radio_btn_popup_name {
    text-align: center;
    font-size: var(--event-font-size24);
    font-family: var(--font-family-roboto);
    letter-spacing: var(--letter-spacing-0);
    color: #2C2C2C;
    position: relative;
    top: 43px;
    display: var(--display-block);
    justify-content: center;

}

.popup_btn_group {
    display: var(--display-flex);
    justify-content: center;
    margin-top: var(--margin-top-10);
}
.popup_btn_createpost {
    width: 110px;
    height: 43px;
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border: 1px solid #FFA222;
    border-radius: 10px;
    color: var(--event-color-black19);
    text-transform: var(--text-transform-upper);
    font-size: var(--event-font-size16);
    font-family: var(--font-family-roboto);
}
.create_postsansth_name {
    font-size: var(--event-font-size14);
    color: var(--event-color-black19);
    padding-top: var(--padding-top-10);
}
.ModalDescSubBPost{
    font-size: var(--event-font-size14);
    color: #2A2A2A;
    text-transform: var(--text-transform-capitalize);
    font-weight: var(--font-weight-bold-400);
}
.image_upload_card_media {
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #DADFE9;
    padding-left: var(--padding-left-20);
    width: auto !important;
}
.image_folder_div {
    position: relative;
}
.sanstha__gallery_cancel {
    width: 50px !important;
    height: 50px !important;
    top: -8px !important;
    right: -10px !important;
    position: absolute;
}
.next_div i , .prev_div  {
    font-size: var(--event-font-size22);
}

.next_div {
    position: absolute;
    top: 35px;
    right: -5px;
    z-index: 1;
    cursor: pointer;
}
.prev_div {
    position: absolute;
    top: 35px;
    left: -5px;
    z-index: 1;
    cursor: pointer;
}
.personal_information_card_subheader_post {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size16);
    color: var(--event-color-black);
    text-transform: var(--text-transform-capitalize);
    white-space: nowrap;
    font-weight: var(--font-weight-bold-500);
}
.UserSuggestionLabel {
    font-family: var(--font-family-roboto);
    color: var(--event-color-black);
    font-size: var(--event-font-size16);
    padding-top: var(--padding-top-10);
    padding-bottom: var(--padding-bottom-10);
    margin-top: auto;
    margin-bottom: auto;
}
.add_sanstha_file_banner {
    width: 100%;
    height: 190px;
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important;
    margin: auto;
    display: flex;
}

.file_upload_banner_sanstha {
    margin: auto;
    cursor: pointer;
    width: 100%;
}
.margin_top_dropdown{
    margin-top: -5px;
}
.Uploadedimage_previewroster {
    width: 100%;
    height: 190px;
    border-radius: 10px !important;
    object-fit: cover;
    object-position: top;
}

.image-preview-roster {
    margin: auto;
    display: block;
}
.roster_span_uploaded {
    font-size: var(--event-font-size12);
    font-family: var(--font-family-roboto);
    text-align: center;
    display: flex;
    text-transform: var(--text-transform-capitalize);
    font-weight: var(--font-weight-bold-500);
    justify-content: center;
    position: relative;
    top: -100px;
}
.roster_span {
    font-size: var(--event-font-size12);
    font-family: var(--font-family-roboto);
    text-align: center;
    display: flex;
    text-transform: var(--text-transform-capitalize);
    font-weight: var(--font-weight-bold-500);
    justify-content: center;
}
.add_sanstha_file_logo {
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #FFA222 !important;
    border-radius: 100px !important;
    width: 150px;
    height: 150px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: -61px;
}
.file-upload-label {
    margin: auto;
    cursor: pointer;
}
.Uploadedimage_previewrosterLogo {
    border-radius: 100px !important;
    width: 150px;
    height: 150px;
    border: 1px solid #FFA222 !important;
}
.table_membership_img{
    width: 42px;
    height: 42px;
    border: 1px solid #F7872B;
    border-radius: 55px;
}
.table_dropdown_table .sanstha_dashboard_more_tab_cards li {
    margin-top: var(--margin-top-5);
    margin-bottom: var(--margin-bottom-5);
}
.table_dropdown_table {
    margin-top: -19px;
    display: flex;
    margin-left: var(--margin-left-10);
}
.table_icon {
    width: 14px;
    height: 14px;
    margin-right: 7px;
    padding: 1px;
    margin-top: -3px;
}
.sanstha_dashboard_more_tab_cards .dropdown-toggle::after {
    content: url("../images/more_hamber.svg");
    display: contents;
}

.sanstha_dashboard_more_tab_cards {
    font-size: var(--event-font-size12);
}

.sanstha_dashboard_more_tab_cards .dropdown-menu {
    width: 125px;
    min-width: 105px;
    transform: translate3d(-65px, 25px, 0px) !important;
}
.lable_disapprove {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size16);
    color: var(--event-color-black);
    text-transform: var(--text-transform-capitalize);
}
.diss_input {
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important;
    height: 80px !important;

}
.userHaeder_Navbar i{
    color: var(--event-color-white);
    font-size: var(--event-font-size14);
}
.userHaeder_Navbar .navbar-toggler{
    border: var(--border--none);
    box-shadow: none;
    outline: none;
}
.SansthdashMembership_btns , .SansthdashMembership_btns:hover  {
    height: 33px;
    background:var(--background-color-white);
    width: auto;
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    border-radius: 14px;
    color: #3D9BB4;
    font-size: var(--event-font-size14);
    box-shadow: var(--box-shadow-standard);
    font-weight: var(--font-weight-bold-500);

}
.status_btn_dissapproved {
    height: 10px;
    width: 10px;
    background-color: red;
    display: inline-block;
    border-radius: 10px;
    margin-right: 2px;
}
.status_btn_new {
    height: 10px;
    width: 10px;
    background-color: orange;
    display: inline-block;
    border-radius: 10px;
    margin-right: 2px;
}

.status_btn_member {
    height: 10px;
    width: 10px;
    background-color: green;
    display: inline-block;
    border-radius: 10px;
    margin-right: 2px;
}
.join_membership_btn_submit1 ,.join_membership_btn_submit1:hover {
    width: 100%;
    height: 48px;
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border: 1px solid #FFA222;
    border-radius: 10px;
    text-align: center;
    color: var(--event-color-black19);
    text-transform: var(--text-transform-upper);
    font-size: var(--event-font-size16);
    font-family: var(--font-family-roboto);
}
.search_Member_Detail {
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important;
    box-shadow: var(--box-shadow-standard);
}
.membershipDetail{
    display: var(--display-flex);
    align-items: center;
    padding: 15px;
}
.personal_information_card_subheader_nopost {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size20);
    color: #FFA222;
    font-weight: var(--font-weight-bold-500);
    text-transform: var(--text-transform-capitalize);
    text-align: center;
}
.join_membership_btn_submit , .join_membership_btn_submit:hover {
    width: auto;
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
    height: 43px;
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border: 1px solid #FFA222;
    border-radius: 10px;
    text-align: center;
    color: var(--event-color-black19);
    text-transform: var(--text-transform-upper);
    font-size: var(--event-font-size16);
    font-family: var(--font-family-roboto);
}
.sansthdashbpard_photo{
    position: relative;
    top: 40px;
    text-align: center;
    font-size: var(--event-font-size12);
    justify-content: center;
    margin: auto;
    display: var(--display-block);
}
.add_committe_dashboard{
    display: var(--display-flex);
    flex-wrap: wrap;
}
.add_committe_dashboardbtn , .add_committe_dashboardbtn:hover{
    background: transparent;
    font-size: 16px;
    border: none;
    color: #FFA222;
}
.create_comitte_member_checkbox {
    position: relative;
    left: auto;
    top: auto
}
.create_comitte_member_label {
    color: var(--event-color-black);
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size14);
    text-transform: var(--text-transform-capitalize);

}
.create_comitte_member_checkbox_label {
    text-decoration: var(--text-decoration-underlined);
    color: #606060;
    font-size: var(--event-font-size12);
    font-family: var(--font-family-roboto);
    margin-top: 4px;
}
.search-box {
    width: 100%;
    position: relative;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 47px;
}
.search-input {
    width: 100%;
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size16);
    padding: 15px 45px 15px 15px;
    color: #6c6c6c;
    transition: all .4s;
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important
}

.search-input:focus {
    border: none;
    outline: none;
    box-shadow: 0 1px 12px #b8c6db;
    -moz-box-shadow: 0 1px 12px #b8c6db;
    -webkit-box-shadow: 0 1px 12px #b8c6db;
}

.search-btn {
    background-color: transparent;
    font-size: var(--event-font-size18);
    padding: 6px 9px;
    margin-left: -45px;
    border: none;
    color: #6c6c6c;
    transition: all .4s;
}

.search-btn:hover {
    transform: scale(1.2);
    cursor: pointer;
    color: var(--event-color-black);
}

.search-btn:focus {
    outline: none;
    color: var(--event-color-black);
}
.custom_img {
    width: 25px;
    height: 15px;
    margin-right: var(--margin-right-5);
    padding: 1px;
}
.custom_dropdown_label {
    color: var(--event-color-black);
    font-size: 13px;
    font-family: var(--font-family-roboto);

    text-transform: var(--text-transform-capitalize);
}
.custome_page_dropdown_btn{
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important;
    height: 40px !important;
    color: var(--event-color-black);
    width: 100%;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    padding-top: var(--padding-top-5);
    display: var(--display-block);
    text-align: start;
}
.custome_page_dropdown_btn .dropdown-menu.show{
    width: 100%;
    transform: translate3d(0px, 45px, 0px) !important;
}
.dashboard_page_image{
    width: 100%;
    height: 150px;
    border-radius: var(--border-radius-standarad-new);
    object-fit: cover;
    object-position: center;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    
}

.Page_card_dashboard .card-body{
    padding: 0 !important;
}
.more_pages_dashboard{
    position: relative;
    border: 2px solid #F58529;
    border-radius: 44px;
    height: 35px;
    width: 35px;
    padding-left: var(--padding-left-5);
    padding-right: var(--padding-right-5);
    margin-left: auto;
    top: -141px;
    margin-bottom: auto;
    margin-top: auto;
    left: -9px;
}
.Page_card_dashboard .postCard_haeder{
    margin-top: -20px;
    margin-bottom: var(--margin-bottom-10);
}
.select_management_btn , .select_management_btn:hover , .select_management_btn:active{
    background-color: #F58529;
    color: var(--event-color-white);
    font-size: var(--event-font-size14);
    width: auto;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
}
.border_active{
    border: 1px solid #F58529  !important;
}
.social_media_btn_management_main {
    margin-left: -25px !important;
}
.dashboard_management_image{
    width: 100%;
    height: 150px;
    border-radius: var(--border-radius-standarad-new);
    object-fit: cover;
    object-position: center;
    border: 1px solid #F58529;
}
.dashboard_management_image_preview{
    width: 120px;
    height: 120px;
    border-radius: 75px;
    position: relative;
    top: -40px;
    right: 0px;   
}
.sansthdashbpard_photoImage_Span_preview{
    position: relative;
    top: -112px;
}
.management_img_email {
    height: 45px;
    width: 75px;
}
.management_delete , .management_delete:hover{
    background-color: var(--background-color-transparent);
    border: var(--border--none);
}
.managemnent_delete {
    height: 18px;
    width: 16px;
}
.loation_icon {
    width: 11px;
    height: 16px;
    margin-right: var(--margin-right-5);
    margin-top: var(--margin-top-0);
}
.roster_designation_new {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    margin-left: var(--margin-left-10);
    margin-right: var(--margin-right-10);
    color: gray;
}
.roster_div i{
    font-size: var(--event-font-size16);
}
.roster_div .bi-sign-turn-right-fill{
    color: #F58529;
}
.roster_div .bi-whatsapp{
    color: green;
}
.previewroster{
    width: 100%;
}

.Guruvihar_tracking_div {
    background: rgb(255, 197, 39, 0.5);
    height: 58px;
    padding-top: var(--padding-top-10);
    padding-bottom: var(--padding-bottom-10);
    padding-left: var(--padding-left-20);
    padding-right: var(--padding-right-20);
}

.Guruvihar_tracking_label {
    font-size: var(--event-font-size18);
    font-family: var(--font-family-roboto);
    color: var(--event-color-black);
    padding-top: var(--padding-top-5);
    font-weight: var(--font-weight-bold-500);

}

input[type="checkbox"].Guruvihar_tracking_check {
    position: relative;
    width: 55px;
    height: 25px;
    appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);
    transition: 0.7s;
    top: 7px;

}

input:checked[type="checkbox"].Guruvihar_tracking_check {
    background: #F7872B;
}

input[type="checkbox"].Guruvihar_tracking_check:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    top: 0;
    left: 0;
    background: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: .5s;
}

input:checked[type="checkbox"].Guruvihar_tracking_check:before {
    left: 40px;
}
.status-text {
    font-family: var(--font-family-roboto);
    font-size: 10px;
    color: var(--event-color-black);
    font-weight: var(--font-weight-bold-600);
}

.status-text.enabled {
    display: inline-block;
}

.guruvihar_div {
    float: inline-end;
}
.guruvihar_card_img {
    width: 60px;
    height: 65px;
    border-radius: var(--border-radius-50);
    border: 1px solid #FFB134;
}

.guruvihar_card_deatils_name {
    font-family: var(--font-family-roboto);
    text-transform: var(--text-transform-capitalize);
    font-size: var(--event-font-size14);
    font-weight: var(--font-weight-bold-600);
}

.guruvihar_card_deatils_number {
    font-family: var(--font-family-roboto);
    font-size: var(--event-font-size14);
    font-weight: var(--font-weight-bold-400);
}

.guruvihar_card_deatils {
    margin-top: auto;
    margin-bottom: auto;
}

.guruvihar_card_deatils_btn , .guruvihar_card_deatils_btn:hover {
    height: 35px;
    border: 1px solid #3D9BB4;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    background: var(--background-color-transparent);
    border-radius: 10px;
    width: -webkit-fill-available;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    text-align: center;
    color: black;
    padding-top: var(--padding-top-5);
}
.guruvihar_card_deatils_btn i {
    color: #3D9BB4;
}
.guruvihar_card {
    display: flex;
    gap: 10px;
}
.dot {
    border-bottom: 1px dotted black;
}
.guruvihar_card_deatils_btn1 ,.guruvihar_card_deatils_btn1:hover {
    height: 35px;
    border: none;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    background: var(--background-color-transparent);
    border-radius: 10px;
    width: -webkit-fill-available;
    color: #3D9BB4;
    text-align: center;
    padding-top: var(--padding-bottom-5);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
}

.guruvihar_card_deatils_btn1 i {
    color: #3D9BB4;
}
.delete_roster {
    background-color: #d8d8d8;
}
.restore_roster_btn {
    background: #F6872B;
    color: var(--event-color-white);
    border: none;
    font-size: var(--event-font-size14);
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--margin-top-10);
    margin-bottom: var(--margin-bottom-10);
    border-radius: var(--border-radius-standard);
}
.near_by_div_flex {
    display: flex;
    gap: 10px;
}
.search-box-roster {
    width: 80%;
    position: relative;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    height: 47px;
}
.image-preview-edit-sanstha{
    width: 100%;
    height: 190px;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important;
    object-fit: cover;
    object-position: center;
}
.image-preview-sansthedit-profile{
    border: 1px solid #FFA222 !important;
    border-radius: 100px !important;
    width: 150px;
    height: 150px;
}
.sansthListItem .bi-three-dots{
    font-size: 20px;
}
.sansthListNameStd{
    font-size: var(--event-font-size14);
    color: #F6872B;
}
.morelink , .morelink:hover{
    text-decoration: none;
    color: black;

}
.sansthlist_div{
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border-radius: var(--border-radius-standarad-new);
    width: 100%;
}
.suggestionCard .card-body .CommitteImg_sansthdetail{
height: 80px;
width: 80px;
}
.suggestionCard .card-body .Roster_Div{
    width: auto;
}
.dash_grey{
    border: 1px dashed #707070;
}
.b-dropdown-item:focus,
.b-dropdown-item:focus-visible {
  outline: none;
  box-shadow: none;
}
.managemenr_Selct_btn , .managemenr_Selct_btn:hover {
    height: 35px;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    display: block;
    margin: auto;
    background: #FFA222;
    border: var(--event-border-white);
    border-radius: 10px;
    color: var(--event-color-white);
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    text-decoration: none;
}
.Membership_Preview_Accordian_header , .Membership_Preview_Accordian_header:hover{
    color: #0D2A64;
    font-size: var(--event-font-size16);
    font-weight: var(--font-weight-bold-500);
    width: 100%;
    padding-top: 8px;
}
.Membership_Preview_Accordian_header i{
    font-size: var(--event-font-size14);
}
.Membership_Preview_Accordian_header .bi-chevron-up
{
    color: #F6872B;
}
.Member_Preview_Accordion .card {
    border: var(--border--none);
}
.Member_Preview_Accordion .card-header {
    background: #e1f7ff;
    box-shadow: var(--box-shadow-standard);
    height: var(--height-48);
    border: var(--border--none);
}
.preview_member_profile_photo{
    height: 110px;
    width: 110px;
    border-radius: var(--border-radius-60);
    border: 1px solid #F6872B;
}
.Membership_NameSub{
    color: var(--event-color-black);
    font-size: var(--event-font-size14);  
}
.Membership_Name{
    color: var(--event-color-black);
    font-size: var(--event-font-size18);  
    font-weight: 500;
    text-transform: var(--text-transform-capitalize);
}
.Personal_Info_preview_Div{
    display: var(--display-flex);
    gap: 20px;
    padding: 20px;
}
.card_exploreorg {
    width: auto;
    height: auto;
    background: var(--background-color-white);
    box-shadow: var(--box-shadow-standard);
    border-radius: var(--border-radius-4);
    opacity: 1;
}
.exloreorglocimg {
    width: 100%;
    height: 134px;
    border: 1px solid #FFA700;
    border-radius: var(--border-radius-4);
    object-fit: cover;
    object-position: center;
}
.exploreorgname {
    height: 30px;
    text-align: center;
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    letter-spacing: var(--letter-spacing-0);
    color: #222222;
    opacity: 1;
}
.footer {
    color: #7E7E7E;
    font-family: var(--font-family-roboto);
}
.exploreorgloc {
    width: auto;
    height: 15px;
    font-size: var(--event-font-size12);
    letter-spacing: var(--letter-spacing-0);
    color: #7E7E7E;
    opacity: 1
}
.pagination_div{
    justify-items: end;
}
.manageCard .card-body{
    padding-left: var(--padding-left-0);
    padding-right: var(--padding-right-0);
    padding-top: var(--padding-top-0)
}
.Membership_filed_header{
    font-size: var(--event-font-size14);
    color: var(--event-color-grey);
}
.Membership_filed_Desc{
    font-size: var(--event-font-size16);
    color: var(--event-color-black19);
    padding-bottom: var(--padding-bottom-10);
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
}
.user_header_navicons{
    width: 20px;
    height: 20px;
}

.Submit_btns:active {
    transform: none !important;
    box-shadow: none !important;
}
.ql-editor p{
    color: var(--event-color-black19);
}
.img_preview_editCommitte{
    width: 120px;
    height: 120px;
    border-radius: 75px;
    position: relative;
    top: -41px;
    right: 0px;
    cursor: pointer
}
.sansthdashbpard_photoImage_Span{
    position: relative;
    top: -110px;
    padding: 5px;
}
.sansthdashbpard_photoImage_Span_roster{
    position: relative;
    padding: 5px;

}
.editcomitte_preview_Span{
    top: -106px;
    position: relative;
}
.sansthdashbpard_photoImage_Span3{
    top: 19px;
    position: relative;
    left: -7px;
}
.sansthdashbpard_photoImageCommi{
    position: relative;
left: -36px;
}
.nearby_btn {
    border: none;
    height: 47px;
    border-radius: 10px;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    background: #637177;
    font-weight: var(--font-weight-bold-500);
    width: 180px;
    text-transform: var(--text-transform-capitalize);
}
.add_roster_detail , .add_roster_detail:hover{
    height: 47px;
    border-radius: 10px;
    padding-left: var(--padding-left-10);
    padding-right: var(--padding-right-10);
    background: var(--background-color-white);
    font-weight: var(--font-weight-bold-500);
    border: 1px solid #FFA700;
    width: 180px;
    text-transform: var(--text-transform-capitalize);
}

@media screen and (min-width:200px) and (max-width:450px) {

    .gender_radio_btns {
        display: grid !important;
    }
    
}
@media screen and (min-width:150px) and (max-width:350px) {
    .userHaeder_Navbar i{
        margin-right: -15px ;
    }
    .profilephoto_header {
        width: 25px;
        height: 25px;
    }
}
@media screen and (min-width:270px) and (max-width:750px) {
    .nearby_btn {
        width: 100% !important;
    }
    .userHaeder_Navbar .navbar-nav .nav-item .nav-link , .active_navbar{
        width: 100px !important;
        font-size: 12px;
        cursor: pointer;
    }
    .guruvihar_div {
        margin-top: var(--margin-top-15);
    }
    .Guruvihar_tracking_label{
        font-size: var(--event-font-size16);
    }
    .sansthlist_search{
        width: 85% !important;
    }
    .near_by_div_flex {
        flex-wrap: wrap;
    }
    .search-box-roster{
        width: 100% !important;
    }
    .Guruvihar_tracking_div {
        height: 100px !important;
    }
    .management_img_email {
        height: 45px;
        width: 88px;
    }
    
    .membership_headers{
        display: grid !important;
        gap: 10px;
    }
    .dropdown_profile_img{
        position: relative;
        top: -3px;
        left: 6px;
    }
 
    .membershipDetail{
        display: var(--display-block) !important;
       
    }
    .join_membership_btn_submit {
        width: 100% !important;
        padding-left: var(--padding-left-15);
        padding-right: var(--padding-right-15);
        font-size: 15px !important;
    }
    .SansthdashMembership_btns, .SansthdashMembership_btns:hover{
        height: auto !important;
    }
    .table_dropdown_table .dropdown-menu {
        transform: translate3d(-76px, 34px, 0px) !important;
        width: 120px !important;
        min-width: 100px !important
    }
    .popup_radio_btns {
        gap: 20px;
    }
    .user_header_bg{
        padding-top: var(--padding-top-10);
        padding-bottom: var(--padding-bottom-10);
    }
    
    .create_post_popup .popup_radio_btns {
        grid-template-columns: auto auto;
        justify-content: center;
        column-gap: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .PostRightSide{
        margin-top: var(--margin-top-10);
        margin-bottom: -14px;
       border-radius: 20px !important;
        position: relative;
        left: 0px  !important;
    }
    .SingleImageDiv {
        width: 100% !important;
    }
   
    .Submit_btns  , .Submit_btns:hover{
        width: 100% !important;
    }
    .width-25 {
        width: 100% !important;
    }
    .Post_Buttons{
        display: block !important;
    }
    .TopDivSubMenuHead {
        display: grid !important;
        justify-content: left !important;
    }

    .post_title_card {
        max-width: 96px !important;
    }
    .sansthaGallery_Img{
        width: 200px !important;
    }
    .swiperSansthaGallery .sansthaGallery_Img {
        width: 200px !important;
    }
    .ModalDescSubBPost input{
        margin-right:0px !important ;
    }
    .sanshaDeatial_Tabcontent {
        margin-top: var(--margin-top-10) !important;
    }

    .sansthaList_Tabcontent {
        margin-top: var(--margin-top-10) !important;
    }
    .postCard_Subhaeder_more{
        height: auto;
    }
    .UploadImage_Backgrond{
        display: block;
        margin: auto;
    }
    .SuggestEditDiv{
        text-align: center;
    }
    .home_page_search_top,
    .login_searchDiv,
    .home_page_search {
        width: 100%;
    }
.Personal_Info_preview_Div{
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}
.Membership_NameSub{
    width: 100% !important;
}
.Dasboard_sansthaname {
    font-size: var(--event-font-size18);
}
    .Text_truncateAbout {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .CountDiv {
        justify-content: center;
    }

    .PlaystoreLabel {
        font-size: var(--event-font-size20);
    }

    .AboutSectiondescHead {
        font-size: var(--event-font-size24);
    }

    .AppDowloadImage {
        flex-direction: row;
        align-items: center;
    }

    .AppDowloadImage img {
        width: 145px;
        height: 70px;
        object-fit: contain;
    }

    .MissionCard .card-img {
        height: 535px !important;
    }

    .VisionCard .card-img {
        height: 445px !important;
    }

    .AboutSectiondesc {
        font-size: var(--event-font-size14);
        line-height: 26px;

    }

    .mainDiv div .bi-list,
    .mainDiv div .bi-arrow-left {
        font-size: var(--event-font-size22);
        position: relative;
        top: 2px;
        color: var(--event-color-black);
    }

    .HomeCarouseLabel_caption {
        left: 0px !important;
        right: 0px !important;
        padding: 10px;
        top: 75px;
    }


    .AboutUsDesc {
        margin-right: var(--margin-right-0) !important;
    }

    .HomeCarouseLabel {
        font-size: 25px !important;
    }

    .mainDiv {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-evenly;
    }

    .mainDiv .nav_imageHome {
        width: 105px;
        position: relative;
        left: -25px;
    }

    .home_page_LoginBtn {
        padding-left: var(--padding-left-10) !important;
        padding-right: var(--padding-right-10) !important;
    }

    .top_div {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: var(--margin-bottom-10);
    }

    .BannerStart {
        margin-top: 70px !important;
    }

    .AboutSectionImg {
        height: auto !important;
    }

    .newCardImgDiv {
        width: 100% !important;
    }

    .newCardImg {
        width: 100% !important;
        height: 350px !important;
        object-fit: cover;
        object-position: top;
    }

    .newCardImg1 {
        width: 100% !important;
        height: 105px !important;
        object-fit: cover;
        object-position: top;
    }

    .ContactUs {
        margin-top: 10px !important;
        margin-left: var(--margin-left-0) !important;
        margin-right: var(--margin-right-0) !important;
    }

    .footer_login {
        float: none !important;
    }

    .Sansthalist_Card .card-img {
        object-fit: cover !important;
        object-position: top !important;
    }

    .navbar_background .nav-item .nav-link {
        text-align: left;
    }

    .sansthaCativityNavTab .nav {
        display: none;
    }

    .SusththraTitle {
        font-size: var(--event-font-size18);
    }

    .SusththraTitleDesc {
        font-size: var(--event-font-size16);
        color: #4B4B4B;
        line-height: 35px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .SansthSuggestion_EditCheckDiv .checkbox-inline-group {
        display: var(--display-block);
    }

    #SansthaDeatil-MoreDropdwon .dropdown-menu {
        transform: translate3d(-50px, 41px, 0px) !important;
    }

    .table_container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sansthdetail_contact {
        min-width: 400px;

    }

    #Scrolling-Tab {
        position: static !important;
        height: auto;
        overflow-y: visible !important;
        scrollbar-width: auto;
    }
    .SuggestEdit_Height{
        height: auto;
    }
    .Membership_div_sansthadetail{
        flex-wrap: wrap !important;
        justify-content: center;
    }
    .Roster_Div{
        width: 100%;
    }
    .modal_rightSide{
         margin-top: -0px !important; 
        margin-right: 0px !important; 
        padding-bottom: 0px !important;
        margin-bottom: 40px !important;
    }
    .profile_dropdown .dropdown-menu.show{
        position: absolute;
        left: -52px;
        top: 30px;
        width: 67px;
        min-width: 106px;
    }
}
@media screen and (min-width:270px) and (max-width:400px) {

    .sanstha_Gallery_ImgStack_bottom,
    .sanstha_Gallery_ImgStack_mid,
    .sanstha_Gallery_ImgStack_top {
        width: 147px !important;
        height: 105px !important;
    }
}
@media screen and (min-width:750px) and (max-width:1200px) {
    .HomeCarouseLabel {
        font-size: 35px !important;
    }
   .create_post_popup .popup_radio_btns {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .Sansthalist_Card .card-img {
        object-fit: cover !important;
        object-position: top !important;
    }

    .post_title_card {
        max-width: 130px !important;
    }

    .width-25 {
        width: 36% !important;
    }

    .newCardImgDiv {
        width: 100% !important;
    }

    .newCardImg {
        width: 100% !important;
        height: 342px !important;
    }

    .newCardImg1 {
        width: 100% !important;
        height: 158px !important;
    }

    .advisroy_card {
        height: 192px !important;
    }

    .marquee span {
        float: none !important;
    }

    .sanstha_Gallery_ImgStack_bottom,
    .sanstha_Gallery_ImgStack_mid,
    .sanstha_Gallery_ImgStack_top {
        width: 300px !important;
    }

    .PhotoCoun_sansthaGallery {
        right: 30px !important
    }
    .SuggestEdit_Height{
        height: auto !important;
    }

}
@media (min-width:990px) and (max-width: 1190px) {

    .MissionCard .card-img,
    .VisionCard .card-img {
        height: 530px;
    }
}
@media (min-width:1400px) and (max-width: 3000px) {
    .management_img_email {
        height: 45px !important;
        width: 88px !important;
    }
    .HomeCarouseLabel_caption {
        right: 43% !important;
        left: 18% !important;
    }

    .next_div_news {
        right: 8% !important;
    }

    .prev_div_news {
        left: 8% !important;
    }

    .next_div_app {
        right: 8% !important;
    }

    .prev_div_app {
        left: 8% !important;
    }
}
@media (min-width:1200px) and (max-width: 3000px) {
    .newCardImg {
        width: 100% !important;
    }

    .newCardImg1 {
        width: 100% !important;
        height: 143px !important;
    }
}
@media screen and (min-width:1200px) and (max-width:1400px) {
    .advisroy_card {
        height: 175px !important;
    }

    .SnsthaCrd_loc {
        max-width: 90px !important;
    }

    .ContactUs {
        margin-left: var(--margin-left-0) !important;
        margin-right: var(--margin-right-0) !important;
    }

    .sanstha_Gallery_ImgStack_bottom,
    .sanstha_Gallery_ImgStack_mid,
    .sanstha_Gallery_ImgStack_top {
        height: 100px;
        width: 150px;
        border-radius: var(--border-radius-standard);
    }

    .sanstha_Gallery_ImgStack_Single {
        height: 183px;
    }
    .SuggestEditDiv{
        margin-left: var(--margin-left-20);
    }
  
}
.privacy_card{
    box-shadow: var(--box-shadow-standard);
    background-color: var(--background-color-white);
    border-radius: var(--border-radius-standarad-new);
}
.privacy_container{
    background-color: #eeeeee;
}
.emailprivacy:hover , .emailprivacy:focus{
    color: #0d6efd;
    text-decoration: var(--text-decoration-underlined);
}

.warning_review_status{
    color : #FFA222;
}
.SuggestEditCheckButtons1{
    font-size: var(--event-font-size12);
    font-family: var(--font-family-roboto);
    color: #000;
  
}
.ModalDescSubBPost input{
    margin-right:5px !important ;
}
.formTextArea , .formTextArea:hover{
    height: 75px !important;
}
 .formTextArea::placeholder{
    margin-top: 5px;
 }
 .HighlightHeader{
    font-size: 28px;
    font-weight: var(--font-weight-bold-500);
    color: var(--background-color-orange);
 }
.HighlightingCards{
   
background: #FBFBFB 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 2px #00000029;
border-radius: 10px;
border: 1px solid #EEEEEE;
padding: 15px;
}
.HighlightingCards:hover{
    background: #F2F9FF 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 6px #0000000F;
border: 1px solid #EEEEEE;
border-radius: 10px;
}
.HighlightingLabel1{
    font-size:  var(--event-font-size14);
    color: #3A3838;
}
.HighlightingLabel2{
    font-size:  var(--event-font-size18);
    color: #000000;
}
.highlighticon{
    width: 40px;
    height: 25px; 
    margin: auto;
}
.HighlightingCards2{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 2px #00000029;
    border-radius: 10px;
    padding: 30px;
}
.highlightLink1{
    display: var(--display-flex);
}
.HighlightingLabel3{
    font-size: var(--event-font-size22);
    color: #262524;
    font-weight: 500;

}
.HighlightingLabel4{
    color: #1D1D1D;
    font-size: 15px;
}
.HighlightingBtn {
    font-size: var(--event-font-size14);
    font-family: var(--font-family-roboto);
    background: black;
    color: #FFCE00;
    font-weight: 300;
    text-decoration: var(--text-decoration-none);
    border-radius: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 145px;

}

.HighlightingBtn:hover {
    color: #FFCE00;
}
.aboutcontent1{
    font-size: var(--event-font-size20);
    color: #262524;

}
.aboutcontentHead{
    font-size: 30px;
    color: #262524;

}
.aboutcontent2{
font-size: var(--event-font-size16);
color: #1D1D1D;
line-height: 27px;
}
.highliht_Std{
    font-size: var(--event-font-size16);
color: #FF8120;
}
.modal_message{
    font-size: var(--event-font-size18);
    color: black;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
.modal_message_link , .modal_message_link:hover{
    color: black;
    text-decoration: none;
}
.Aboutsansthacard_bg{
    border-radius: var(--border-radius-standarad-new);
    margin-top: 25px;
    padding-bottom: var(--padding-bottom-20);
    border: 1px solid #D7DBE9;
    margin-left: var(--margin-left-10);
    margin-right: var(--margin-right-10);
}
.SubHeaderAboutSanstha{
    color: #0D2A64;
    font-size: 18px;
    font-weight: 500;
    display: block;
    text-align: center;
}
.footer_login_afterabousanstha , .footer_login_afterabousanstha:hover .footer_login_afterabousanstha:focus{
    color: var(--event-color-orange) !important;
    text-decoration: underline !important;
}