@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');

* {
    font-family: 'Roboto' !important;
}

.section_header {
    font-family: 'Roboto' !important;
    color: #000;
    font-size: 22px;
}

.card_header {
    font-family: 'Roboto' !important;
    color: #242424;
    font-size: 16px;
    font-weight: 600;
}

.section_header1 {
    font-family: 'Roboto' !important;
    color: #242424;
    font-size: 20px;
}

.section_sub_header {
    font-family: 'Roboto' !important;
    color: #000;
    font-size: 16px;
}

.section_header2 {
    font-family: 'Roboto' !important;
    color: #242424;
    font-size: 18px;
}

.section_body {
    font-family: 'Roboto' !important;
    color: #000;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 30px;
    text-align: left;

}

.activity_header {
    color: #222222;
    font-family: 'Roboto' !important;
    font-size: 22px;
}

.activity_sub_header {
    color: #343A40;
    font-family: 'Roboto' !important;
    font-size: 14px;
}

.section_body_hindi {
    font-family: 'Roboto' !important;
    color: #000;
    font-size: 14px;
    line-height: 35px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.know_more1 {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: #FE9A36;
}

.read_more {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: #FE9A36;
    text-decoration: none;
    position: relative;
    bottom: 15px;
    left: 0px;

}

.read_more:hover {
    color: #FE9A36;
    opacity: 0.7;
}

.carousel-control-prev {
    margin-left: -30px !important
}

.carousel-control-next {
    margin-right: -30px !important
}

.carousel-control-next-icon {
    margin-right: -60px !important;
}

.carousel-control-prev-icon {
    margin-left: -60px !important;
}

.activity_card_footer {

    margin-top: 0px !important;
    margin-bottom: 0% !important;
}

.bg_image {
    background-image: url('images/Group 20998.png');
    background-repeat: no-repeat;
    background-size:  100% 100%;
    background-position: center;
   

}

.dot {
    border-bottom: 1px dotted black;
}


.car_updatejd {
    width: 800px;
    background-color: #000000;

}

.carousel .carousel-indicators button {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    opacity: 1;
    border-radius: 50px;
    width: 13px;
    height: 13px;

}


.carousel .carousel-indicators button.active {
    opacity: 1;
    border: 1px solid #707070;
    background-color: #FDA632;

}


.carousel-indicators li {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.top {
    background: #505050 0% 0% no-repeat padding-box;
}

.tops {
    font-family: 'Roboto' !important;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-decoration: none;

}

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


.dropdown2 {
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    z-index: 1000;
    min-width: 130px !important;
}

.navbar-nav .nav-item>.active {
    width: auto;
    height: 45px;
    background: #F6872B;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 0;
    font-size: 14px;
    margin-left: 10px;
    letter-spacing: 0px;
    color: white !important;
}

/* .navbar-nav>li a:hover {
    height: 45px;
    background: #F6872B;
    border-radius: 5px 5px 0px 0px;
    color: white !important;
} */

.navbar-nav .dropdown1 .nav-link1:hover {
    height: auto;
    background: #F6872B;
    border-radius: 5px 5px 0px 0px;
    color: white !important;
}

.navbar ul {
    margin-top: 25px;

}

.nav-image {
    width: 176px;

    opacity: 1;
    margin-bottom: 0;
}

.navbar-nav .nav-item .nav-link {

    font-size: 16px;
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #191919;

}

.navbar-nav .nav-item .nav-link1 {

    font-size: 16px;
    font-family: 'Roboto' !important;
    margin-bottom: 2px;
    margin-top: 2px;
    letter-spacing: 0px;
    color: #191919;
    margin-left: 0px;
}

.navbar-nav .nav-item .nav-link0 {
    font-size: 16px;
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #fff;
}

.nav .nav-item>.active {
    border-bottom: 2px solid #F6872B;

    background: transparent;

}

.navbar-nav .gap {
    margin-left: 30em;
}

.n1 {
    margin-top: 23px;
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0%;
    width: 100%;
    position: fixed;
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 4px #0000003E;
    z-index: 900;
}

.top_cont {
    margin-top: 0px;
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0%;
    width: 100%;

    background: #505050 0% 0% no-repeat padding-box;
    color: white;



}

.navbar-nav .dropdown button {
    margin-bottom: 10px;
}

nav .nav-item {
    font-size: 14px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
}

.nav .nav-item .nav-link {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 0;
    font-family: 'Roboto' !important;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 5px;
    padding-right: 5px;

}

#dropdownMenuButton2 {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 0;
    font-family: 'Roboto' !important;
    border: none;
}

.dropdown-menu {
    text-align: left !important;
}

.navtab1 {
    box-shadow: 0px 6px 4px #0000003E;

}

.search1 {
    letter-spacing: 0px;
    color: #414141;
    font-family: 'Roboto';
    font-size: 14px;
    width: 100px;
    background-color: white;

}

.search1:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
    width: 100px;
}

.search2 {
    letter-spacing: 0px;
    color: #414141;
    font-family: 'Roboto';
    font-size: 14px;
    width: 100px;
    background-color: white;

}

.search2:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
}

.search_box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ADADAD;
    border-radius: 9px;
    width: 400px !important;

}

.title_exporg {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.logo {
    width: 176px;
    height: 0px;

    opacity: 1;
}

.head_title {
    text-align: left;
    font-size: 28px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'Roboto' !important;
    text-shadow: 0px 3px 6px #0000009D;
    opacity: 1;
    font-family: 'Roboto';
    font-weight: 400;

}

.head_subtitle {
    font-family: 'Roboto' !important;
    font-size: 18px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.subtitle_arrow {
    width: 16px;
    height: 16px;
    opacity: 1;
}

.logincard {
    background-color: rgb(255, 255, 255, 0.85);

    height: 192px;
    box-shadow: 0px 0px 6px #0000006C;
    border-radius: 9px;
}

.shravak_login_btn {
    width: 228px;
    height: 54px;
    background: #77AD89 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px;
    border: none;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto' !important;
    letter-spacing: 0.57px;
    color: #FFFFFF;
}

.shravak_login_btn:hover {
    opacity: 0.8;
}

.shanstha_login_btn {
    width: 228px;
    height: 54px;
    background: #F7872B 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px;
    border: none;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto' !important;
    letter-spacing: 0.57px;
    color: #FFFFFF;
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.card-subtitle {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0px;
    color: #191919;
    opacity: 1;
    text-align: center;
    font-family: 'Roboto' !important;
}

.input_lg {
    font-family: 'Roboto' !important;
    font-size: 12px;
}

.input_lg:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
}

.input_lg {
    width: 250px;
    display: flex;
    justify-self: center;
    align-content: center;
    align-items: center;
    height: 38px;
    background: white 0% 0% no-repeat padding-box !important;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    opacity: 1;
}

.login_btn {
    width: 250px;
    height: 38px;
    justify-self: center;
    background: #FEA632 0% 0% no-repeat padding-box;
    border-radius: 6px;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'Roboto' !important;
}

.login_btn:hover {
    opacity: 0.9;
    background: #FE9A36;
    color: white;
}

.ufjimage {

    width: 280px;
    height: 166px;
    border: 1px solid #FDCC79;
    border-radius: 4px;
    opacity: 1;
}

.lunching_card {
    margin: 2px;
    padding: 3px;
}

.updatejd_knowmore {
    letter-spacing: 0px;
    color: #FDA632;
    opacity: 1;

}

.know_caro {
    float: inline-start;
    display: flex;
    flex-wrap: inherit;
    width: fit-content;
    justify-content: left;
    margin-bottom: 0;
    margin-left: 0px;
}

.updatesactag {
    text-decoration: none;
}

.ufjtitle {
    text-align: left;
    font-size: 18px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.update_samaj_ppl_title {

    font-family: 'Roboto' !important;
    text-align: center;
    font-size: 17px;
    letter-spacing: 0px;
    color: #151515;
    opacity: 1;
    white-space: nowrap;
}

.samajpeoplefeedback {
    width: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    opacity: 1;

}

.jd {
    width: 1366px;
    height: 289px;
    background: #E9F1E5 0% 0% no-repeat padding-box;
    opacity: 1;
}

.samajpeoplefeedbackphoto {
    width: 48px;
    height: 48px;
    float: right;
    border: 1px solid #FFBA53;
    opacity: 1;
    border-radius: 50px;
    justify-content: center;
}

.samajpeoplefeedbackname {

    text-align: center;
    font-size: 14px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.samajpeoplefeedbacktext {

    height: 95px;
}

.samaj_ppl_feedback_link {
    text-decoration: none;
}

.samajpeoplefeedbackdesign {
    font-size: 12px;
    text-align: center;
    letter-spacing: 0px;
    color: #575757
}

#card_updatesfromjd {

    width: 649px;
    height: 212px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    opacity: 1;


}

.updatesfromjdtitle {

    font-size: 16px;
    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    color: #191919;
    opacity: 1;
}

.updatesfromjddesc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.samajpeoplefeedbackname {
    top: 0px;
    left: 0px;
    width: 100px;
    height: 19px;

    font-size: 14px;
    ;
    letter-spacing: 0px;
    color: #333333;
}

.samajpeoplefeedback {
    display: flex;
    justify-content: center;
}


.temple {
    top: 1086px;
    left: 336px;

    height: 19px;
    opacity: 1;
}


.search {

    width: auto;
    justify-content: center;
    border-radius: 25px;
    opacity: 1;
}

.searchbutton {
    height: 55px ;
    width: 136px!important;
    background: #FEA632 0% 0% no-repeat padding-box !important;
    border: 1px solid #B08235;
    border-radius: 6px;
    color: #FFFFFF;
    font-family: 'Roboto' !important;
    font-size: 15px;

}

.search_box:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
}

.searchbutton:active {
    opacity: 0.3;
    background-color: #FE9A36;
}


.card_exploreorg {
    width: auto;   
height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    opacity: 1;

}
.explore-link{
text-decoration: none;
}
.exploreorgname {
    height: 30px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.dropdown-item {
    --bs-dropdown-link-hover-bg: #FFCF88;
    --bs-dropdown-link-active-bg: #fe9a36;


}

.footer {

    color: #7E7E7E;
    font-family: 'Roboto';
}

.exploreorgloc {
    width: auto;
    height: 15px;

    font-size: 12px;
    letter-spacing: 0px;
    color: #7E7E7E;
    opacity: 1
}

.exloreorglocimg {
    width: auto;
    height: 134px;
    border: 1px solid #FFA700;
    border-radius: 4px;
}

.exploreorgp {
    text-align: left;
    font-family: 'Roboto';
    font-size: 14px;
    letter-spacing: 0px;
    color: #656565;

}

.getallp {
    text-align: left;
    font-size: 14px;
    font-family: 'Roboto';
    letter-spacing: 0px;
    color: #656565;
    opacity: 1;
}

.card_getallnews {
    width: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;


}

.view_all_latestact {
    text-decoration: none;
    color: #000;
}

.view_all_latestact:hover {
    color: #000;
}

.getallimg {

    width: 40px;
    height: 42px;
    border: 1px solid #FFB134;
    opacity: 1;
    border-radius: 50px;
}

.getallhead {
    font-size: 14px;
    letter-spacing: 0px;
    color: #434343;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 50% !important;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    height: 16px;
    margin-left: 5px;
}

.getallnewsimg {
    border: 1px solid #C8C8C8;
    border-radius: 7px;
    height: 200px;
    opacity: 1;
}

.getallnewsname {
    width: auto;
    height: 40px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.getallnewsloc {
    width: auto;
    height: 20px;

    font-size: 12px;
    letter-spacing: 0px;
    color: #7E7E7E;
    opacity: 1;
}

.getallnamesdetails {
    font-size: 14px;
    font-family: 'Roboto';

}

.getallappealdetails {
    font-size: 14px;
    font-family: 'Roboto';
}

.geteventdetails {


    font-size: 14px;
    font-family: 'Roboto';
}

.geteventdetails .more-text {
    display: none;
}

.read-more {
    color: #FE9A36
}

.appeal_read_more {
    font-size: 14px;
    color: #FE9A36;
    margin-top: 0%;

}

.appeal_read_more:hover {
    opacity: 0.6;
    color: #FE9A36;
}

.icon {
    font-size: 20px;


}

.hi {
    position: relative;
    top: 90px;
}

.icon_font {
    margin-top: 0%;
    font-size: 12px;
    font-family: 'Roboto';
    white-space: nowrap;
    text-align: center !important;
}

.icon1 {
    font-size: 14px;
}

.event_act_date {
    font-size: 14px;
}

.event_act_time {
    font-size: 14px;
}

.event_act_place {
    font-size: 14px;
}

.cardnew {
    width: 210px;
    height: 110px;
    background: #B8D291 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
}

.new_img {

    width: 27px;
    height: 27px;
    opacity: 0.28;
    margin: 5px;
}


#new_cards1 {
    margin-left: -90px !important;
    width: 237px;
    height: 91px;
    background: #B8D291 0% 0% no-repeat padding-box;
    border-radius: 6px;
}

#new_cards2 {
    margin-left: -60px !important;
    width: 237px;
    height: 91px;
    background: #256993 0% 0% no-repeat padding-box;
    border-radius: 6px;
}

#new_cards3 {
    margin-left: -30px !important;
    width: 237px;
    height: 91px;
    background: #4AA8AA 0% 0% no-repeat padding-box;
    border-radius: 6px;
}

#new_cards4 {
    margin-left: 0px !important;
    width: 237px;
    height: 91px;
    background: #489AD0 0% 0% no-repeat padding-box;
    border-radius: 6px;
}

.newcardtext1 {
    width: 134px;
    height: 44px;
    text-align: left;
    font-family: 'Roboto' !important;
    font-size: 18px;
    color: #FFFFFF;
}

.newcardtext2 {
    width: 104px;
    height: 44px;
    font-family: 'Roboto' !important;
    font-size: 18px;
    color: #FFFFFF
}

.newcardtext3 {
    width: 111px;
    height: 44px;
    font-family: 'Roboto' !important;
    font-size: 18px;
    color: #FFFFFF
}

.newcardtext4 {
    width: 66px;
    height: 44px;
    font-family: 'Roboto' !important;
    font-size: 18px;
    color: #FFFFFF
}

.video {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.video:hover {
    opacity: 0.7;
}

.cardbenifits_img {
    width: 27px;
    height: 27px;

    opacity: 1;
    margin: 5px;
}

.cardbenifitsbtn {
    width: 59px;
    height: 17px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    font-family: 'Roboto' !important;
    font-size: 8px;
    letter-spacing: 0px;
    color: #333333;
    white-space: nowrap;
    margin-right: 10px !important;

}

.cardbenifitsbtn:hover {
    opacity: 0.7;
}

.shravakbenifitsimg {
    width: 27px;
    height: 27px;

    opacity: 1;
    margin: 5px;
}

.shravakbenifitsbtn {
    width: 59px;
    height: 17px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    font-family: 'Roboto' !important;
    font-size: 8px;
    letter-spacing: 0px;
    color: #333333;
    white-space: nowrap;
    margin-right: 10px !important;

}

.shravakbenifitsbtn:hover {
    opacity: 0.7;
}

.orgimg {
    width: 27px;
    height: 27px;

    opacity: 0.48;
    margin: 5px;
}

.new_to_jd {
    width: 100px;
    height: 50px;
    margin-top: 10px;

    font-size: 20px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;

}

.totvis {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #456A86;
}

.total {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 22px;
    letter-spacing: 0px;
    color: #4A4A4A;
}



.totusers {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #48A99C;

}

.users {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 22px;
    letter-spacing: 0px;
    color: #4A4A4A;
}

.totorg {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #9660AE;
}

.org {
    text-align: center;
    font-size: 22px;
    letter-spacing: 0px;
    color: #4A4A4A;
    width: auto;
    height: auto;
}

.totmem {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FE9A36;
}

.mem {
    text-align: center;
    font: normal normal normal 22px/30px Roboto;
    letter-spacing: 0px;
    color: #4A4A4A;
    width: auto;
    height: auto;
}

.stats {
    border-right: 1px dotted black;
}

.tab-pane a {
    text-decoration: none;
}

.contact_head {

    text-align: left;
    font: normal normal normal 22px/24px Roboto;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.contact_sub {
    text-align: left;
    font: normal normal normal 16px/30px Roboto;
    letter-spacing: 0px;
    color: #333333;
    opacity: 0.8;
}

.fname {

    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #191919;
}

.ifname:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
}


.num {
    font-size: 14px;
    letter-spacing: 0px;
    opacity: 1;
}

.inum:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
}

.msg {


    font-size: 14px;

    letter-spacing: 0px;
    color: #191919;
}

.imsg:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
}

.submit {

    font: normal normal normal 13px/20px Roboto;
    letter-spacing: 0px;
    color: #464646;
    opacity: 1;
    width: 92px;
    height: 38px;
    background: #E8E8E8 0% 0% no-repeat padding-box;

    opacity: 1;
}

.help {
    width: 146px;
    height: 64px;
    text-align: left;
    font-size: 22px;
    letter-spacing: 0px;
    color: #222222;

}

.helpb {
    width: 115px;
    height: 60px;
    background: #FFC876 0% 0% no-repeat padding-box;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0px;
    color: #222222;

}

.helpb:hover {
    background: #FFC876;
}

.line {
    border-bottom: 1px solid black;
    margin-top: 25px;
    width: 90%;
}

.feedback {

    width: 146px;
    height: 64px;
    text-align: left;
    font-size: 22px;
    letter-spacing: 0px;
    color: #222222;
}

.feedbackb {
    width: 115px;
    height: 60px;
    background: #FFC876 0% 0% no-repeat padding-box;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0px;
    color: #222222;
    margin-right: 10px;

}

.cont1 {
    margin-top: 2em;
}

.whatsp {


    text-align: center;
    font-size: 21px;
    letter-spacing: 0px;
    color: #3B3B3B;
}

.whatsb {
    font-size: 22px;
    letter-spacing: 0px;
    color: #000000;
}

.wtsapp_call {
    text-decoration: none;
}

.footerimage {
    width: 135px;
    height: 39px;

    opacity: 1;
}

.footer_desc {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

}

.footer_desc1 {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}


.footer_input:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
}

.footer_dot {
    border-right: 1px dotted #F8F8F8;

}

.footer_input {

    height: 40px;
    font-family: 'Roboto' !important;
}

.footer_btn {
    width: auto;
    height: 40px;
    background: #F7872B 0% 0% no-repeat padding-box;
    border: 1px solid #C7C7C7;
    border-radius: 5px;

    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.footer_btn:hover {
    opacity: 0.7;
}

.followus {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

}

.social {
    display: flex;

}

.social div p {
    margin: 5px;
}

.social div a {
    margin: 5px;
}

.facebook {
    width: 26px;
    height: 26px;
    border-radius: 50px;


}

.facebook:hover {
    opacity: 0.5;
    background-color: #FE9A36;
}

.last {
    font-size: 12px;
}

.insta {
    width: 26px;
    height: 26px;
    border-radius: 50px;
}

.insta:hover {
    opacity: 0.5;
    background-color: #FE9A36;
}

.mail {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.link {
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;

}

.link:hover {
    color: #FE9A36;
}

.rights {

    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.orange {
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFA427;
}

.login {
    width: 327px;
    height: 192px;
}

.login_title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
}

.ad_name {
    width: 70px;
    height: 19px;
    text-align: center;
    letter-spacing: 0px;
    color: #575757;
}

.aimage {
    width: 66px;
    height: 66px;
    border: 1px solid #707070;
    border-radius: 6px;
    opacity: 1;
}

.main_about {
    text-align: left;
    color: #575757;

}



#card_about {
    background: #F8F8F8 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 4px;
    opacity: 1;
}

#adv_card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 4px;
    opacity: 1;
}

.about_btn {
    text-align: left;
    text-decoration: underline;
    font-size: 12px;
    font-family: 'Roboto';
    letter-spacing: 0px;
    color: #FDA632;
    opacity: 1;
}

.about_head {
    text-align: left;
    font-size: 18px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.advisory_head {
    text-align: left;
    font-size: 18px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.advisory_head_img {
    width: 65px;
    height: 65px;
    border: 1px solid #707070;
    border-radius: 6px;
}

.adv_name {
    width: 85px;
    text-align: center !important;
    font-size: 14px;
    letter-spacing: 0px;
    color: #575757;
    text-transform: capitalize;


}

.adv_desig {
    width: 85px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0px;
    color: #575757;
    text-transform: capitalize;
}

.search_text {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ADADAD;
    border-radius: 9px;
    width: 75%;

    opacity: 1;
}

#dropdownMenuButton1 {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: white;
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none;
}

#dropdownMenuButton1:hover {
    color: #FE9A36;
    opacity: 0.7;
}

.section {
    margin-top: 25px;
    margin-bottom: 20px;
}

.required {
    width: 6px;
    height: 18px;
    font-size: 14px;
    letter-spacing: 0px;
    color: #FF5F5F;

}

.getallnewsname:hover {
    color: #FE9A36;
}

/*org list page css*/
.nav-tabs .nav-link {
    border-left: 0px transparent;
    border-right: 0px transparent;
    border-top: 0px transparent;
}

.nav-tabs {
    --bs-nav-tabs-border-color: none;
}



.pagination {
    --bs-pagination-active-bg: #FEA632;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-border-color: #FEA632;
    --bs-pagination-font-size: 14px;
}

.pagination .page-item .page-link {
    color: #FEA632;
    font-size: 14px;

}

.pagination .disabled .page-link {
    color: black;
    font-size: 14px;
}

.pagination .page-item>.active {
    color: white !important;
}

.tab_head {
    font-size: 20px;
    padding: 3px;
    margin-top: 10px;


}



/*end of org list page styles*/
/*start of activity page styles*/
/* .wrapper {
    margin: 50px auto;
    width: 280px;
    height: 370px;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 90;
} */

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

.card-badge-event {
    font-family: 'Roboto';
    font-size: 12px;
    color: #fff;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    /* padding: 7px 0;
    left: -5px;
    top: 15px; */
    left: -1px;
    top: 15px;
    width: 120px;
    background-color: #E65999;
    color: #fff;
    -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: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.card-badge-news {
    font-family: 'Roboto';
    font-size: 12px;
    color: #fff;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    left: -1px;
    top: 15px;
    width: 120px;
    background-color: #1FAED8;
    color: #fff;
    -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: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.card-badge-appeal {
    font-family: 'Roboto';
    font-size: 12px;
    color: #fff;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
       left: -1px;
    top: 15px;
    width: 120px;
    background-color: #FF7B41;
    color: #fff;
    -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: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.card-badge-video {
    font-family: 'Roboto';
    font-size: 12px;
    color: #fff;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    left: -1px;
    top: 15px;
    width: 120px;
    background-color: #2CBC83;
    color: #fff;
    -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: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.card-badge-active {
    font-family: 'Roboto' !important;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    text-align: center;
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #4AB44E;
    color: #fff;
    -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: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.followbtn {
    font-size: 12px !important;
    position: relative;
    float: right;
    right: 60px;
    border: none;
    top: 5px;
}

/* .followbtn::before {
    content: '\002B';

} */

.btn_following_modal {
    position: relative !important;
    right: -60px !important;
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    color: #4B8EE5 !important;
    float: right !important;
}

/* .btn_following_modal::before {
    content: url('/images/following_btn.svg');
    margin-right: 5px !important;
} */



.bi-plus:hover {
    color: #FE9A36;

}

.footer_card {
    position: relative;
    bottom: -40px;
    top: 70px;
}

.search_activity {
    font-size: 20px;
    text-align: center;
    justify-content: center;




}

.emailbtn {
    font-family: 'Roboto';
    border: 1px solid black;
    height: 50px;

}

.emailbtn:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
}

.activitybtn {
    color: white;
    height: 50px;
    background-color: #F6872B;
    font-family: 'Roboto';
    width: 100px;

    border-radius: 10px;
    border: 1px solid black;
}

.activitybtn:hover {
    opacity: 0.7;
}

.s_act {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;


}

/*end of activity styles*/
/*start of sanstha home screen styles*/
.inavbar .nav_indi .nav_linki {
    margin-left: 18px;
    margin-right: 18px;
    padding: 5px;
    color: white;
    font-size: 16px;
}

.navbar1 {

    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0%;
    margin-top: 0%;
    background-color: rgb(41, 44, 44);
    box-shadow: 0px 6px 4px #0000003E;
    position: fixed;
    width: 100%;

}

.navbar2 {

    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0%;
    margin-top: 0%;
    background-color: rgb(41, 44, 44);
    box-shadow: 0px 6px 4px #0000003E;
    color: white;
    position: fixed;
    width: 100%;

}

.navbar1 .navbar-nav .nav-item .nav-link {
    color: white;
}

.navbar1 .navbar-nav .nav-item .nav-link1 {
    color: white;
}

.nav_indi a {
    color: transparent;
    text-decoration: none;
}

a:hover,
a:focus {
    color: transparent;
    text-decoration: none;

}

.customlinks {
    background-color: #FDCC79
}


.indi_imgtop {
    background-image: url('images/bg1.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-top: 1em;

}

.img1,
.img2 {
    height: 150px;
    width: 150px;
    border-radius: 5px;
    border: 1px solid #FE9A36;
}

.gallery1 {
    width: 166px !important;
    height: 124px !important;
    border: 1px solid #FFBA4B;
    border-radius: 7px;
}

.text-block1 {
    background-color: rgb(255, 255, 255, 0.8);
    width: 100%;
    height: 50px;
}

.text-block {
    color: black;
    font-size: 28px;
    padding-left: 20px;
    padding-right: 20px;
}

.Sanstha_org_home_head1 {
    background-color: rgb(255, 255, 255, 0.8);

    margin-top: 55px;
    height: 130px;
}

.Sanstha_org_home_head_img {
    width: 158px;
    height: 158px;
    margin-top: -88px;

}

.Sanstha_org_home_head_title {
    font-family: 'Roboto' !important;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    top: -10px !important;
    left: 70px !important;
}

.Sanstha_org_home_head_stats_main {
    position: relative;
    left: 60px;
    top: -10px !important;
}

.Sanstha_org_home_head_stats_box {
    width: 107px;
    height: 32px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D4D4D4;
    border-radius: 5px;
}

.Sanstha_org_home_head_stats_counts {
    transform: matrix(1, 0, 0, 1, 0, 0);
    text-align: center;
    font-family: 'Roboto' !important;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0px;
    color: #FF8D2E;
}

.Sanstha_org_home_head_stats_title {
    transform: matrix(1, 0, 0, 1, 0, 0);
    text-align: center;
    font-family: 'Roboto' !important;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.Sanstha_org_home_head_scanner_card {
    width: 62px;
    height: 75px;
    background: rgb(0, 0, 0, 0.51);
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    margin-left: -32px !important;
    float: right;
    position: relative;
}

.Sanstha_org_home_head_scanner_title {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: white;
}

.Sanstha_org_home_head_scanner_img {
    width: 49px;
    height: 40px;
}

.sanstahome_tabs {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 3px #00000024;
    border-radius: 5px;

}

.sanstahome_tabs .nav-tabs {
    margin-right: -5px !important;
    margin-left: -24px !important;
    justify-content: center;

}

.sanstahome_tabs .nav-tabs .nav-link {
    font-family: 'Roboto' !important;
    font-size: 16px !important;
    margin-left: 20px;
    margin-right: 27px;

}

.join_membership {
    position: relative;

}

.join_membership_btn {

    transform: matrix(1, 0, 0, 1, 0, 0);
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 133px;
    height: 32px;
    background: #4AB44E 0% 0% no-repeat padding-box;
    border: 1px solid #D4D4D4;
    border-radius: 5px;
    position: relative;
}

.footer_sanstha_home {
    background: #3E3E3E 0% 0% no-repeat padding-box;
}

.top1 {
    background-color: rgb(41, 44, 44);
}

.navbar2 .navbar-nav .nav-item .nav-link {
    color: white;
    font-size: 16px;
    font-family: 'Roboto' !important;
}

.navbar2 .navbar-nav .nav-item .nav-link1 {
    color: white;
    font-size: 16px;
    font-family: 'Roboto' !important;
}

.navbar2 .navbar-nav .nav-item .dropdown-item {

    font-size: 12px;
    font-family: 'Roboto' !important;
}

.committee_member_photo {
    width: 73px;
    height: 73px;
    border: 1px solid #F7872B;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.commitee_member_name {
    font-family: 'Roboto' !important;
    font-size: 16px;
    margin-left: 10px;
}

.commitee_member_designation {
    font-family: 'Roboto' !important;
    font-size: 14px;
    margin-left: 10px;
}

.email_sasntha_org {
    width: 83px;
    height: 37px;
    margin-left: 10px;
}

.wtsapp_sasntha_org {
    width: 108px;
    height: 37px;
    margin-left: -10px;
}

.indi_title {
    font-size: 18px;
    font-family: 'Roboto';

}

.indi_about {
    display: block;
    flex: 50px;
}

.ori_text {
    font-size: 12px;
    color: #8F8F8F;
    text-decoration: none;
}

.ori_text:hover {
    color: #FE9A36;
    opacity: 0.7;
}

.about_about {
    font-size: 14px;
    line-height: 30px;
}

.latestnew_photo {
    border: 1px solid #FE9A36;
    border-radius: 10px;
    text-align: center;
}

.indi_latestnews1 {
    font-size: 16px;
    color: #000000;
    text-align: center;

    height: 75px;
}


.latestnews_loc {
    color: #000000;
    font-size: 12px;

}

.footer1 {
    color: #8F8F8F;

    font-family: 'Roboto';

}

.indi_btn {
    color: #F7872B;
    font-size: 12px;
    float: right;

}

.indi_btn:hover {
    color: #F7872B;
    opacity: 0.7;
}

.latest_news {
    display: flow-root;
    margin-top: -25px;

}

.indi_eventtitle {
    font-size: 16px;
    color: #000000;
    height: 50px;
}

.event_loc {
    color: #000000;
    font-size: 12px;
}

.event_time {
    font-size: 12px;
    width: max-content;

}

.visit {
    display: block;

}

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

.loc {
    font-size: 14px;
    text-transform: capitalize;
}

.visit_place {
    font-size: 14px;
    text-transform: capitalize;
}

.page_visit {
    font-size: 14px;
    text-transform: capitalize;
    float: right;

}

.link_text {
    font-family: 'Roboto';
    border: 1px solid black;
    height: 50px;
    background-color: rgb(128, 128, 128, 0.1);

}

.link_text:focus {
    border-color: #FE9A36;
    box-shadow: 0 0 rgba(255, 170, 0.5) inset, 0 0 0 0 #FE9A36;
    outline: none;
}

.copybtn {
    background-color: white;
    height: 50px;
    font-family: 'Roboto';
    width: 100px;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid black;
}

.copybtn:hover {
    opacity: 0.7;
}

.copybtn:focus {
    border-color: #FE9A36;
    box-shadow: 0 0 rgba(255, 170, 0.5) inset, 0 0 0 0 #FE9A36;
    outline: none;
}

.join_btn {
    color: white;
    text-transform: uppercase;
    background-color: #4AB44E;
    font-weight: bold;
    font-size: 14px;
    height: 50px;
    width: 107px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border: none;
}

.join_btn:hover {
    opacity: 0.4;
}

.mem_open {
    width: 150px !important;
    background-color: white;
    font-size: 14px;
    font-weight: bold;
    height: 50px;

}

.title_video {
    font-size: 14px;
    color: black;
    font-family: 'Roboto';
    font-weight: bold;
}

.map {
    font-size: 12px;
    color: #0000006C;
}

.name_cont {
    font-size: 14px;
    color: #000;
}

.follow {
    height: 30px;
    width: 30px;
}

.follow:hover {
    opacity: 0.7;


}

.indi_title1 {
    font-size: 16px;
    font-family: 'Roboto';
}


.nav_indi1 a {

    color: black;
    text-decoration: none;
}

.nav_indi1 .nav_linki1 {
    margin-left: 18px;
    margin-right: 18px;
    padding: 5px;
}

.nav .nav-item1 .nav-link1 {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.event_location {
    display: flex;
    padding: 5px;
}

.indi_latestnews1:hover {
    color: #FE9A36;
    text-decoration: none;
}

.view_events {
    color: black;
}

.view_events:hover {
    color: black;
}

.link_latestnews {
    color: #000;
    text-decoration: none;
}

.line1_search {
    padding: 0%;
    border-right: 1px solid #ADADAD;
    height: 34px;

}

div:empty:not(:focus):before {
    content: attr(data-text);
    color: #999999;
}
/* .main_layout{
    margin-bottom: 45px !important
} */

/*media query for mobile screen*/
@media screen and (min-width:270px) and (max-width:750px) {
    .Sanstha_org_home_head1 {
        height: 300px;
    }

    .email_sasntha_org {
        margin-left: 50px;
    }

    .navbar-nav .nav-item>.active {
        width: 100%;
    }

    .Sanstha_org_home_head_scanner_card {
        position: relative;
        top: -280px !important;
        left: 0px;
    }

    .Sanstha_org_home_head_title {
        top: 0px !important;
        left: 10px !important;
        text-align: center;
        width: auto;

    }

    #new_cards1 {
        margin-left: 0px !important;
        width: auto;
        height: auto;

    }

    #new_cards2 {
        margin-left: 0px !important;
        width: auto;
        height: auto;

    }

    #new_cards3 {
        margin-left: 0px !important;
        width: auto;
        height: auto;

    }

    #new_cards4 {
        margin-left: 0px !important;
        width: auto;
        height: auto;

    }

    .newcardtext1 {
        width: auto;
        height: 30px;
    }

    .newcardtext2 {
        width: auto;
        height: 30px;
    }

    .newcardtext3 {
        width: auto;
        height: 30px;
    }

    .newcardtext4 {
        width: auto;
        height: 30px;
    }

    .cardbenifitsbtn {
        margin-right: 5% !important;
    }

    .shravakbenifitsbtn {
        margin-right: 5% !important;
    }

    .video {
        margin-right: 5% !important;
    }

    .Sanstha_org_home_head_stats_box {
        width: 140px;
        height: 32px;
    }

    .Sanstha_org_home_head_stats_main {
           left: 20px;
    }

    .sanstahome_tabs {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 3px #00000024;
        border-radius: 5px;

    }

    .sanstahome_tabs .nav-tabs {
        margin-right: 0px !important;
        margin-left: 0px !important;
        justify-content: center;

    }

    .sanstahome_tabs .nav-tabs .nav-link {
        font-family: 'Roboto' !important;
        font-size: 16px !important;
        margin-left: 5px;
        margin-right: 5px;

    }

    .all_photos_pages {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .nav .nav-item .nav-link {
        margin-left: 8px;
        margin-right: 8px;
    }

    .nav .nav-item .orgexp {
        margin-left: 20px !important;

    }

    .activitybtn {

        width: 75px;

    }

    .search2 {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .search_box {
        border-top-left-radius: 9px !important;
        border-bottom-left-radius: 9px !important;
        height: 50px;
        margin-top: 10px;
    }

    .input-group {
        flex-wrap: wrap;
    }

    .input-group-text {
        border-top-right-radius: 9px !important;
        border-bottom-right-radius: 9px !important;
        width: -webkit-fill-available;
    }

    .search1 {

        display: block;
        margin-left: auto;
        margin-right: auto;

    }

    .line1_search {
        border-right: 1px solid #ADADAD;
        height: 34px;

    }

    .join_membership_btn {
        top: 12px;
        left: 70px;
    }

    .cardbenifitsbtn {
        margin-bottom: 10px;
    }

}

@media (min-width:360px) and (max-width:750px) {
    /* .Sanstha_org_home_head_scanner_card {
        top: -300px !important;
        margin-top: 22px;
    } */

    .Sanstha_org_home_head_stats_main {
        left: 10px;
        top: -10px !important;
    }

    .Sanstha_org_home_head_stats_box {
        width: 130px;
        height: 32px;
        margin-bottom: 5px;
    }

    .join_membership_btn {
        top: 1px;
    }
}

/* @media (min-width:280px) and (max-width:660px) {
    .Sanstha_org_home_head1 {
        height: 300px;
    }
    .Sanstha_org_home_head_scanner_card {
        position: relative;
        top: -290px !important;
        left: 15px;
    }
    .Sanstha_org_home_head_stats_box {
        width: 98px;
        height: 32px;
    }
    .indi_imgtop{
        background-size: 100% 100%;
    }
    .join_membership_btn {
        position: relative;
        top: 12px;
        left: 30px;
    }
} */
@media only screen and  (min-width:540px) and (max-width:720px) {
    .Sanstha_org_home_head1 {
        height: 234px;
    }

    .Sanstha_org_home_head_scanner_card {
     
        /* top: -298px !important; */
        left: -17px;
    }

    .Sanstha_org_home_head_stats_box {
        width: 98px;
        height: 32px;
    }

    .indi_imgtop {
        background-size: 100% 100%;
    }

    .join_membership_btn {
        top: 12px;
        left: 96px
    }

    .Sanstha_org_home_head_title {
        top: -79px !important;
        left: 111px !important;
        width: 300px;
    }

    .Sanstha_org_home_head_stats_main {
        top: -79px !important;
        padding-left: 75px;
    }

    .Sanstha_org_home_head_stats_box {
        width: 149px;
        height: 32px;
    }
}

/*media query for tablet screen */
@media (min-width:700px) and (max-width:1200px) {
    .Sanstha_org_home_head_scanner_card {
         left: 10px !important;
        top: -248px !important;

    }
    .btn_close{
        left: 95% !important;
        top: -2% !important;
    }

    .join_membership_btn {
        top: 0px;
        left: 135px;
    }

    .Sanstha_org_home_head_stats_box {
        width: 190px;
        height: 32px;
        margin-bottom: 5px;
    }

    .nav .nav-item .nav-link {
        margin-right: 0%;
    }

    .Sanstha_org_home_head_title {
        top: -85px !important;
        left: 150px !important;
    }

    .Sanstha_org_home_head_stats_main {
        top: -97px !important;
        left: 150px;
    }

    .Sanstha_org_home_head1 {
        position: inherit;
        height: 140px;
    }

    #new_cards1 {
        margin-left: 0px !important;
        width: auto;
        height: auto;

    }

    #new_cards2 {
        margin-left: 0px !important;
        width: auto;
        height: auto;

    }

    #new_cards3 {
        margin-left: 0px !important;
        width: auto;
        height: auto;

    }

    #new_cards4 {
        margin-left: 0px !important;
        width: auto;
        height: auto;

    }

    .newcardtext1 {
        width: auto;
        height: 60px;
    }

    .newcardtext2 {
        width: auto;
        height: 60px;
    }

    .newcardtext3 {
        width: auto;
        height: 60px;
    }

    .newcardtext4 {
        width: auto;
        height: 60px;
    }

}

/*tablet landscape screen */
@media only screen and (min-width: 600px) and (max-width: 1200px) and (orientation: landscape) {
    .Sanstha_org_home_head_scanner_card {
     
        left: 0px !important;
        top: -16px !important;

    }

    .join_membership_btn {
        top: -37px;
        left: 527px;
    }

    .Sanstha_org_home_head_stats_box {
        width: 95px;
        height: 32px;
    }

    .Sanstha_org_home_head1 {
        height: 100px;
        top: 0px;
        margin-top: 40px;
    }

    .Sanstha_org_home_head_title {
        top: -11px !important;
        left: 78px !important;
    }

    .Sanstha_org_home_head_stats_main {
        left: 70px !important;
        top: -15px !important;
    }

    /*extra css */
    /* .Sanstha_org_home_head_title {
        top: -82px !important;
        left: 149px !important;
    }
    .Sanstha_org_home_head_stats_main {
        left: 141px !important;
        top: -76px !important;
    }
    .join_membership_btn {
        top: -12px;
        left: 460px;
    }
    .Sanstha_org_home_head_scanner_card {
        left: 30px !important;
        top: -216px !important;
    }
    .Sanstha_org_home_head1 {
        height: 113px
    } */
}
@media only screen and (min-width: 900px) and (max-width: 1000px){
       .Sanstha_org_home_head_title {
        top: -79px !important;
        left: 153px !important
    }
    .Sanstha_org_home_head_stats_main {
        /* left: 141px !important;
        top: -76px !important; */
        
        left: 144px !important;
        top: -81px !important;

    }
    .join_membership_btn {
       
        top: -2px;
        left: 149px;
    }
    .Sanstha_org_home_head_scanner_card {
      
        left: 0px !important;
    top: -206px !important;
    
    }
    .Sanstha_org_home_head1 {
        height: 113px
    } 
}
@media only screen and (min-width: 800px) and (max-width: 900px){
    .Sanstha_org_home_head_title {
        top: -77px !important;
        left: 149px !important;
    }
    .Sanstha_org_home_head_stats_main  {
            left: 145px !important;
            top: -87px !important;
    }
    .Sanstha_org_home_head_scanner_card {
        left: 28px !important;
        top: -217px !important;
    }
    .join_membership_btn {
        top: 0px;
        left: 146px;
    }
}
@media only screen and (min-width: 460px) and (max-width: 540px){
    .Sanstha_org_home_head_scanner_card{
        top: -247px !important;
    }
    .Sanstha_org_home_head1 {
        height: 235px;
    }
}
@media (min-width:1200px) and (max-width: 3000px) {
    .join_membership_btn {
        left: 678px;
        top: -31px;
    }

    .Sanstha_org_home_head1 {
        height: 89px;
    }

    .Sanstha_org_home_head_stats_main {
        left: 60px !important;
        top: -10px !important;
    }
    .Sanstha_org_home_head_scanner_card{
        margin-top: -15px;
        margin-left: 176px !important;
    }

}

/*mobile landscape screen */
@media only screen and (min-width: 270px) and (max-width: 900px) and (orientation: landscape) {
    .Sanstha_org_home_head_title {
        top: -88px !important;
        left: 160px !important;
    }

    .Sanstha_org_home_head_stats_box {
        width: 95px !important;
        height: 32px;
        margin-bottom: 5px;
    }

    .Sanstha_org_home_head_scanner_card {
        
        left: -5px !important;
        top: -281px !important
    }

    .Sanstha_org_home_head_stats_main {
        left: 151px !important;
        top: -95px !important;
    }

    .Sanstha_org_home_head1 {
        height: 140px;
        position: inherit;
        top: 0px;
        margin-top: 40px;
    }

    .join_membership_btn  {
            top: -41px;
            left: 231px;
        }
        
 .join_membership_btn {
    top: 0px;
    left: 47px;
}
.Sanstha_org_home_head_scanner_card {
        
    left: -5px !important;
    top: -208px !important
} }


/*mobile landscape screen */
/* @media only screen and (min-width: 400px) and (max-width: 900px) and (orientation: landscape) {
    .Sanstha_org_home_head1{
        height: 150px;
          position: inherit; 
          top: 0px;
          margin-top: 40px;
     }
     .join_membership_btn{
        left: 36px !important;
        top: -200px !important
  }
  .Sanstha_org_home_head_stats_box{
    width: 150px;
height: 32px;
}
  }
  @media only screen and (min-width: 300px) and (max-width: 900px) and (orientation: landscape) {
    .Sanstha_org_home_head_title{ 
        position: relative;
        top: -90px !important;
        left: 163px !important;
    }
    .Sanstha_org_home_head_stats_box{
        width: 225px;
    height: 32px;
    }
    .Sanstha_org_home_head_stats_main{
   
    top: -70px !important;
    left: 143px !important;
}
  }
  */


/*End indi page styles */
/*start of org new styles*/

.news_link {
    font-size: 16px;
    font-family: 'Roboto';
    color: white;
}

.news_back {
    display: block;
    flex: 50px;
    color: #000000;
}

.back {
    font-family: 'Roboto';
    font-size: 14px;
}

.back_arrow {
    font-family: 'Roboto';
    font-size: 14px;
    text-decoration: none;
}

.back_arrow:hover {
    opacity: 0.7;
    color: #FE9A36;
}

.back:hover {
    opacity: 0.7;
    color: #FE9A36;
}

.img_news1 {
    border: 2px solid #FE9A36;
    border-radius: 10px;
    height: 300px;
}

.news1 {
    font-size: 16px !important;
    font-family: 'Roboto';

    line-height: 40px;
    padding: 20px;
}

.img-wrapper {
    position: relative;
}

.news_img {
    height: 300px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;


}

.modal_btn {
    font-family: 'Roboto';
    font-size: 12px;
    color: white;
}

.img-overlay {
    position: absolute;
    top: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}



.gallery2 {

    height: 170px;
    border-radius: 10px;
    border: 1px solid #FE9A36;

}


.img-overlay:before {
    content: ' ';
    display: block;

    height: 50%;
}

.news2 {
    font-size: 12px;
}

.news_by {
    font-size: 14px;
    font-weight: bold;
}

.news_by1 {
    font-size: 14px;
    text-transform: capitalize;

}

.news_all {
    font-size: 14px;
    color: #FEA632;
    text-align: center;
}

.news_all:hover {
    opacity: 0.7;
    color: #FE9A36;
}

.extranews_link {
    color: #000;
    cursor: pointer;
}

.extranews_link:hover {
    color: #FE9A36;
}


.back_arrow {
    color: #000000;
    font-family: 'Roboto';
    background-color: transparent;
}

#carouselExampleDark {
    margin-left: 40px;
    margin-right: 40px;
}

.carousel-control-prev {
    margin-left: -65px;

}

.carousel-control-next {
    margin-right: -65px;
}


/*End of org new styles*/

.news_by2 {
    display: flex;
}

.news1 {
    font-size: 12px;
    font-family: 'Roboto';
    padding: 20px;
}

.orgexp {
    justify-content: center;
}

.nav-tabs .nav-item .orgexp {
    margin-left: 0%;
}

.nav-tabs {

    justify-content: center;
}

.page_visit {

    float: left;
}

.searchbutton {
    margin-left: 0% !important;
}



/*Styles for login Page*/
.log_head {
    font-family: 'Roboto' !important;
    color: #2C8CAF;
    font-size: 16px;
}



.log {
    background-color: rgb(255, 255, 255, 0.85);
    box-shadow: 0px 0px 6px #0000006C;
    border-radius: 9px;
    width: 453px;
    height: 605px;
    margin-right: auto;
    margin-left: auto;
    display: block;


}

.log1 {
    font-family: 'Roboto' !important;
    font-size: 20px;
    color: #2B2B2B;
    text-align: center;
    font-weight: bold;
}

.login_textbox_label {
    font-family: 'Roboto' !important;
    font-size: 16px;
    color: #2B2B2B;
}

.log_num {
    width: 301px;
    height: 51px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;


}
.log_num{
    color: #2B2B2B !important;
    letter-spacing: 3px;
    font-size: 18px;
    font-family: 'Roboto' !important;
    font-weight: 500;
    text-align: center;
}
.log_num:focus{
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
    
}
.input_lg::placeholder {
    color: #2B2B2B !important;
    letter-spacing: 2px;
    font-size: 18px;
    font-family: 'Roboto' !important;
    font-weight: 500;
    text-align: center;
}

.log_num::placeholder {
    color: #2B2B2B !important;
    letter-spacing: 3px;
    font-size: 18px;
    font-family: 'Roboto' !important;
    font-weight: 500;
    text-align: center;
}

.login_opt {
    text-align: center;
    font-family: 'Roboto' !important;
    font-size: 18px;
    color: #2B2B2B;
    text-transform: uppercase;

}

.log_email_text {
    
    width: 301px;
    height: 51px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}
.log_email_text{
    font-size: 18px;
    color: #515C6F !important;
    font-family: 'Roboto !important';
}
.log_email_text:focus{
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
    
}
.log_email_text::placeholder{
     font-size: 18px;
     color: #515C6F;
     font-family: 'Roboto !important';
}
.login_checkbox {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;

}

.login_checkbox_modal_popup {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;

}

.atc_check {
    text-align: center;
    text-decoration: underline;
    font-family: 'Roboto' !important;
    font-size: 12px;
    letter-spacing: 0px;
    color: #F7872B;
    opacity: 1;
}


.log_button {
    width: 302px;
    height: 53px;
    background:#FEA632 0% 0% no-repeat padding-box;
    border-radius: 6px;
    color: white;
    font-family: 'Roboto' !important;
    font-size: 18px;
    text-transform: uppercase;


}

.log_button:hover {
    background-color: #FEA632;
    opacity: 0.7;
}

.btn_link {
    text-decoration: none;
    color: #000;
}

.btn_link:hover {
    color: #000;
}


/*start mobile screen styeles*/
@media (min-width:280px) and (max-width:750px) {
    .log {
        width: auto;
        height: auto;
    }

    .log_num {
        width: auto;
    }

    .log_email_text {
        width: auto;
    }

    .log_button {
        width: auto;
    }
}


/*End of mobile screen styeles*/
/*End of login page*/
/*styles for section topic */
.section_topic_card {
    width: 630px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D7DBE9;
    border-radius: 8px;
    opacity: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.footer_section_topic {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: #DFDFDF;
}

.section_topic_footer_write_to_us_alink {
    text-decoration: none;
}

.section_topic_footer_write_to_us_alink:hover {
    color: #FE9A36;

}

.radio_card {
    width: 156px;
    height: 196px;
    position: relative;
}

.radio_card_1 {
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #C8E5F9;
    background: #F6F7FB 0% 0% no-repeat padding-box;
    border: 2px solid #C8E5F9;
    border-radius: 10px;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    outline: none;
    margin-left: -70px;
}

/* input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #C8E5F9;
    background: #F6F7FB 0% 0% no-repeat padding-box;
    border: 2px solid #C8E5F9;
    border-radius: 10px;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    outline: none;
    margin-left: -70px;

}

input[type="radio"]:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #f9fafd;
    border: 1px solid #868686;
    border-radius: 50%;
    top: 15px;
    right: 10px;

} */
.radio_card_1::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #f9fafd;
    border: 1px solid #868686;
    border-radius: 50%;
    top: 15px;
    right: 10px;
}

.radio_card_label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0 20px;
}

.radio_card_1::after {
    content: "";
    position: absolute;
    height: 12.5px;
    width: 12.5px;
    background-color: transparent;
    border-radius: 50%;
    top: 18px;
    right: 13px;
}

input[type="radio"]:checked {
    border: 3px solid #FB8510;
}

input[type="radio"]:checked:after {
    background-color: #FB8510;
}



.section_topic_head {
    margin-left: 710px;
}

.section_topic_btn {
    width: 225px;
    height: 48px;
    background: #FFA222 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #FFA222;
    border-radius: 10px;
    opacity: 1;
    font-size: 16px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: 'Roboto' !important;
}

.section_topic_label {
    font-size: 14px;
    letter-spacing: 0px;
    color: #0A0A0A;
    font-family: 'Roboto' !important;
}

.section_topic_img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    top: 15px;
    left: -16px;
    position: relative;
    border: 2px solid #575757;
}

.radio_card1 {
    position: absolute;
    margin: 20px;
    cursor: pointer;
}

.radio_card2 {
    position: absolute;
    margin: 20px;
    cursor: pointer;
}

.radio_card3 {
    position: absolute;
    margin: 20px;
    cursor: pointer;
}

.card_section_topic2 {
    background-color: #f9fafd;
}

.section_topic_img_label {
    font-family: 'Roboto' !important;
    font-size: 16px;
    letter-spacing: 0px;
    color: #333333;
    position: relative;
    top: 20px;
    left: -9px;
}

/* .section_topic_btn:hover {
    opacity: 0.7;
    background: #FFA222;
} */

@media (min-width:280px) and (max-width:800px) {
    .section_topic_head {
        margin-left: 0px;
    }

    .section_topic_card {
        width: auto;
        height: auto;
    }

    .radio_card {
        width: 156px;
        height: 196px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

}

.footer_login_after {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: #DFDFDF;
}

@media (min-width:700px) and (max-width:1200px) {
    .section_topic_head {
        margin-left: 190px;
    }
}

/* end of section topic page styles */
/* start of categories selection page styles*/
.category_selection_card {
    width: 630px;
    height: 634px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D7DBE9;
    border-radius: 8px;
    opacity: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.check_box_card {
    position: relative;
}

.checkbox_card_container {
    margin-left: 20px;
    margin-right: 20px;
}

.check_box_card_label {
    display: block;
    cursor: pointer;
}

.check_box_card1 {
    color: #333333;
    width: 156px;
    height: 127px;
    background: #F6F7FB 0% 0% no-repeat padding-box;
    border: 2px solid #C8E5F9;
    border-radius: 10px;
    transition: border-color 0.3s ease-in-out;
}

.check_box_label {
    color: #333333;
    font-family: 'Roboto';
    font-size: 16px;
}

.check_box_img {
    width: 54px;
    height: 54px;
    mix-blend-mode: multiply;

}

/*temple checkbox*/
.form-check-input {
    width: 18px;
    height: 18px;
    background-color: #F6F7FB;
    position: absolute;
    left: 129px;
    top: 8px;
    cursor: pointer;
    border: 2px solid #7A7A7A;
    border-radius: 5px !important;
    appearance: none;
    -webkit-appearance: none;
}

.form-check-input:checked {
    background-color: #3DB264;
    border-color: #3DB264;
}

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

.form-check-input:checked~.check_box_card_label .check_box_card1 .check_box_label {
    color: #3DB264 !important;
}

.form-check-input:checked~.check_box_card_label  {
    border-color: #F7872B !important;
}

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


@media (min-width:280px) and (max-width:750px) {
    .category_selection_card {
        width: auto;
        height: auto;
    }

    .check_box_card {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .category_card_row {
        display: grid;
    }

    .check_box_card1 {
        width: 200px;

    }

    .form-check-input {

        left: 169px;
        top: 8px;

    }

    .text-xs-center {
        text-align: center !important;
    }

}

/* end of categories selection page styles*/
/*start login otp page*/
.log2 {
    width: auto;
    text-align: center;
    font-family: 'Roboto' !important;
    font-size: 22px;
    letter-spacing: 0px;
    color: #2B2B2B;
    font-weight: bold;
}

.entered_number {
    font-family: 'Roboto' !important;
    font-size: 22px;
    font-weight: 400;
    color: #2B2B2B;
}

.edit_img {
    width: 18px;
    height: 18px;
    margin-bottom: 7px;
    margin-left: 10px;
}

.login_otp_label {
    font-family: 'Roboto' !important;
    font-size: 16px;
    font-weight: 500;
}

.otp_resend {
    font-family: 'Roboto' !important;
    font-size: 16px;
    font-weight: 500;
}

.resend_link {
    color: #FEA632;
    font-family: 'Roboto' !important;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;

}

.resend_link:hover {
    color: #FEA632;
    opacity: 0.7;
}

/*End oflogin otp page*/


/*styles of about page*/
.about_card1 {
    box-shadow: 0px 6px 4px #0000003E;

}

.about_img1 {
    height: auto;
    width: 350px;
    border-radius: 10px;
}

.about1 {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
}

.about2 {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 400;
}

.mission_card {
    box-shadow: 0px 6px 4px #0000003E;
    background: #FFD2AA;


}

.mission_card_head {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 600;
    color: black;
    text-align: center;
}

.mission_card_body {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    color: black;
    text-align: center;
}

.appeal_card {
    box-shadow: 0px 6px 4px #0000003E;
    background: #B8D291;

}

.appeal_card_head {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: black;
}

.appeal_card_body {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: black;
}

.vission_card {
    box-shadow: 0px 6px 4px #0000003E;
    background: #489AD0;
    color: black;

}

.vission_card_head {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.vission_card_body {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

/*End of about page styles*/

/*start of events detailed page styles*/
.event_title {
    font-size: 20px;
    font-family: 'Roboto';
    text-align: left;

}

.event_detailed_title {

    color: #000;
    font-size: 16px !important;
    font-family: 'Roboto';
    line-height: 30px;
    padding: 5px;
    text-align: left;


}

.event_detailed_starts {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    text-align: left;

}

.event_detailed_ends {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    text-align: left;
}

.event_detailed_location {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    text-align: left;
}

.dash {
    border-bottom: 1px dashed black;
}

.event_posted_event {
    color: #000;
    font-size: 12px;
    font-family: 'Roboto';
}

.event_posted_by {
    color: #000;
    font-size: 16px;
    font-family: 'Roboto';

}

.share_btn {
    border: none;
    background: none;
    padding: 3em;

}

.share_btn:focus {


    color: #FE9A36;

}

.event_detailed_title1 {

    color: #000;
    font-size: 14px;
    font-family: 'Roboto';

}

.event_detailed_title1:hover {
    color: #FE9A36;

}

@media (min-width:280px) and (max-width:750px) {
    .share_btn {

        padding: 0%;

    }
}

/*End of events detailed page styles*/

/*Start of appeal page styles*/
.appeal_detailed_head {
    font-family: 'Roboto';
    font-size: 20px;
    color: #000;
    text-align: left;
}

.appeal_detailed_title {
    font-family: 'Roboto';
    font-size: 18px;
    color: #000;
    text-align: left;
}

.appeal_detailed_cont {
    font-family: 'Roboto';
    font-size: 14px;
    color: #000;
    line-height: 30px;
    text-align: left;
}

.appeal_detailed_posted_time {
    font-family: 'Roboto';
    font-size: 12px;
}

.appeal_detailed_By {
    font-family: 'Roboto';
    font-size: 16px;
}

.appeal_detailed_share {
    border: none;
    background: none;
}

.appeal_detailed_share:focus {
    color: #FE9A36;
}

.appeal_detailed_title1 {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto';
}

.appeal_detailed_title1:hover {
    color: #FE9A36
}

/* @media (min-width:280px) and (max-width:750px) {
    .aeee {
        display: block;
    }

} */

/*End of appeal page styles*/

.top_cont1 {
    position: fixed;
    background-color: #000;
}

.dropdown-menu {
    position: absolute;
    z-index: 9999;
    /* Set a high z-index value to ensure it overlaps other elements */
}

/*Styles for inner login home page*/
.n3 {

    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0%;
    width: 100%;
    position: fixed;

    background: white;
    box-shadow: 0px 6px 4px #0000003E;

}

/* End Styles for inner login home page*/

/*popup modal styles */
.slick-slide {
    margin: 0 10px;
}



.slick-prev:before,
.slick-next:before {

    color: black !important;
    font-weight: bolder !important;
    border: none;


}

.slick-prev {
    left: -17px !important;
    color: black !important;
    font-weight: bolder !important;
    border: none;
}

.slick-next {
    font-weight: bolder !important;
    right: -20px !important;
}

.slick-next:before {
    content: '\003E' !important;
}

.slick-prev:before {
    content: '\003C' !important;
}

.slider-for img {
    width: 100%;
    height: 400px;
    object-fit: cover;

}

.slider-nav img {
    height: 100px;
    object-fit: cover;
}

.image_slider {

    border-radius: 9px;
    width: 511px !important;
    height: 330px !important;
}

.image_slider1{

    border-radius: 9px;
    width: 600px !important;
    height: 330px !important;
}

.image_slider_down {
    width: 138px !important;
    height: 102px !important;
    border-radius: 9px;
}


/* .slick-dots li button{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070 !important;
    border-radius: 50px;
    height: 5px !important;
    width: 5px !important;
    
} */
.slick-dots li button:before {

    font-size: 17px !important;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    content: '\2022' !important;
    text-align: center;
    padding: 0% !important;
    color: white !important;
    border: 1px solid #707070;
    border-radius: 50px;

}

.slick-dots li.slick-active button:before {
    color: #FDA632 !important;
    padding: 0px !important;
    /* border-radius: 50px;
    color:#FDA632 !important;
    background-color: RED; */
    /* height: 10px;
   width: 10px; */
    /* position: absolute !important;
   top: 20px !important;
   left: 2px !important; */
}

.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}





/* #custCarousel .carousel-indicators li img {
            display: block;
            opacity: 0.5;
        } */
/* 
        #custCarousel .carousel-indicators li.active img {
            opacity: 1;
        }

        #custCarousel .carousel-indicators li:hover img {
            opacity: 0.75;
        } */

/* .close_btn{
    
    top: -5px;
    left: 1123px;
    width: 43px;
    height: 43px;
    background: #F4F4F4 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #00000029;
  } */
.image_caption {
    font-size: 12px;
    font-family: 'Roboto' !important;
    text-align: center;
    color: #222222;
}

.title_gallery {
    font-family: 'Roboto' !important;
    color: #222222;
    font-size: 16px;
    text-align: left;

}

.card1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
}

.modal_card_head_img {
    width: 39px;
    height: 39px;
    border: 1px solid #FFCC27;
    border-radius: 50px;
}

.modal_card_head_title {
    text-align: left;
    font-family: 'Roboto' !important;
    font-size: 16px;
    letter-spacing: 0px;
    color: #181818;
    
}



.btn_following {

    font-family: 'Roboto' !important;
    font-size: 12px !important;
    color: #4B8EE5 !important;
    float: right !important;
    position: relative;
    right: 60px;
    border: none;
    top: 5px;

}

/* .btn_following::before {
    content: url('/images/following_btn.svg');
    margin-right: 5px !important;
} */

.card_modal_body-title {
    font-family: 'Roboto' !important;
    font-size: 16px;
    color: #242424;
    font-weight: 550;
    text-align: justify;
}

.scroll_details_modal {
    height: 200px;
    overflow-y: auto;
}

.card_modal_body_details {
    font-family: 'Roboto' !important;
    font-size: 14px;
    line-height: 30px;
}

.card_modal_date {
    font-family: 'Roboto' !important;
    font-size: 14px;
    color: #181818;
}

.card_modal_time {
    font-family: 'Roboto' !important;
    font-size: 14px;
    color: black
}

.loation_icon {
    width: 11px;
    height: 16px;
    margin-right: 5px;
    margin-top: -4px !important;
}

.card-modal_location {
    font-family: 'Roboto' !important;
    font-size: 14px;
    color: black;


}


.btn_close {
    border-radius: 50px;
    width: 43px;
    height: 43px;
    background: #F4F4F4 0% 0% no-repeat padding-box;
    border: none;
    position: absolute;
    left: 98%;
    top: -3%;
    z-index: 2;
}

@media (min-width: 280px) and (max-width: 700px) {
    .btn_close {
        left: 95%;
        top: -2%;

    }
    .image_slider_down {
width: auto !important;
    }

    .modal_right_div {
        margin-top: 20px !important;
    }
}

.card1 {
    margin-top: 0px !important;
}
.card1_detailed {
    margin-top: 0px !important;
}


.footer_img {
    width: 23px;
    height: 21px;
}

/*end of modal popup*/

/* Santha org home page gallery tab */

.gallery_tab .nav-item .nav-link {
    font-family: 'Roboto';
    font-size: 16px;
}

.card_santha_gallery_card1 {
    padding: 10px;
    width: 243px;
    height: 173px;
}

.image_stack {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.image_stack_bottom {
    position: relative;
    top: 0;
    left: 0;

}

.image1 {
    width: 163px;
    height: 116px;
    border-radius: 20px;

}

.image_stack_top {
    position: absolute;
    top: 20px;
    left: 30px;

}

.image_stack_top2 {
    position: absolute;
    top: 40px;
    left: 60px;

}

.photo_count_div {
    position: absolute;
    top: 120px;
    left: 170px;
}

.photos_counts {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 600;
    color: white;
    width: 40px;
}

.gallery_tab .nav-item .nav-link {
    margin-left: 20px;
    margin-right: 20px;
}

.gallery_link {
    color: #000;
    text-decoration: none;
}

.gallery_link:hover {
    color: #FE9A36;
    opacity: 0.7;
}

.imaage_gallery1 {
    width: 225px;
    height: 153px;
    border-radius: 10px;
}

.all_photos_images {
    height: 210px;
    width: 280px;
    border: 1px solid #FE9A36;
}

.figure_caption {
    font-size: 12px;
    color: #000;
    font-family: 'Roboto';
}

.caption {
    background-color: black;
    color: #000;
}

.more_images {
    text-decoration: none;
    cursor: pointer;
}

.more_images:hover {
    color: #FE9A36;
    opacity: 0.7;
}

.all_photos_images:hover {
    opacity: 0.7;
}

.loation_icon1 {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: -2px;
}

@media (min-width: 280px) and (max-width: 700px) {
    .card_santha_gallery_card1 {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .image2 {
        width: 225px;
    }

}

/*library styles*/
ul,
#myUL {
    list-style-type: none;
    font-family: 'Roboto' !important;
}

#myUL {
    margin: 0;
    padding: 0;
}

.card-1 .toggle-details .section_body {
    display: block !important;
    font-family: 'Roboto' !important;
}

.caret {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100px;
    width: 70px;
    font-family: 'Roboto' !important;
}

.hidden {
    display: none;
}

.caret::before {
    content: '+';
    content: url('/images/plus-circle.svg');

    display: inline-block;
    margin-right: 6px;
    font-family: 'Roboto' !important;
}

.caret-down::before {
    content: url('/images/dash-circle.svg');
}

.c1 {
    color: white;
}
.card-folder-1 .caret-down::before{
    display: none;
}
.card-folder-1 .caret::before{
    display: none;
}
.nested {
    display: none;
}

.active {
    display: block;
}

.caret_img {
    width: 115px;
    height: 92px;

}
.card-folder-1 .nested {
    display: none;
}

.caret_caption {
    color: #242424;
    font-size: 14px;
    font-family: 'Roboto';

}

.video_tab {
    height: auto;
    width: auto;
    border: 1px solid #FE9A36;

}

/*after login pages*/
/*Login home page */

/*inner login pages*/
.section_topic_head1 {
    margin-left: 773px !important;
}

.left_card1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
}

.inner_login_navbar .login_navbar .navbar-nav .nav-item {
    width: auto;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px -4px 4px #00000045;
    border-radius: 5px 5px 0px 0px;
    margin-left: -5px;
    opacity: 1;

}


.inner_login_navbar {
    box-shadow: 0px 3px 4px #00000029;
    background: #FAA535 0% 0% no-repeat padding-box;
    position: fixed;
    width: 100%;
    background-size: 100% 100%;
}


.inner_login_navbar .login_navbar .navbar-nav .nav-item .nav-link {
    font-family: 'Roboto' !important;
    text-align: center !important;
    font-size: 14px;
    color: #000;
    margin-left: auto;
    margin-right: auto;
}

.inner_login_navbar .login_navbar .navbar-nav .nav-item>.active {
    width: auto;
    height: 40px;
    font-weight: 500;
    background: #FFD19C 0% 0% no-repeat padding-box;
    box-shadow: 2px -4px 4px #00000045;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
    letter-spacing: 0px;
    color: #030303 !important;
    /* margin-left: -20%;
    margin-right: -20%; */


}

.inner_login_navbar .login_navbar .navbar-nav>li a:hover {
    width: auto;
    height: 40px;
    color: #030303 !important;
    background: #FFD19C 0% 0% no-repeat padding-box;
}

.login_flow {
    -ms-overflow-style: none;
    scrollbar-width: none;
   
}

.login_flow::-webkit-scrollbar {
    display: none;
}


.left_card1 {
    width: auto;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #D8D8D8;
    border-radius: 6px;
}

.profile_photo {
    width: 63px;
    height: 63px;
    border-radius: 50px;
    border: 1px solid #FFB134;
}

.profile_photo_name {
    letter-spacing: 0px;
    color: #606060;
    font-family: 'Roboto' !important;
    font-size: 16px;

}

.image_profile2 {
    width: 18px;
    height: 20px;
    /* background: #816B55 0% 0% no-repeat padding-box; */
}

.image_profile_label2 {
    font-family: 'Roboto' !important;
    font-size: 14px;
    color: #1D1F23;
}

.manage_my_sanstha_img {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    border: 1px solid #FFB134;
}

.manage_my_sanstha_label {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: #333333;
}

.manage_my_sanstha_more {
    width: 20px;
    height: 20px;
    background: #816B55 0% 0% no-repeat padding-box;
}
.Sanstha_innner_drop_menu{
    min-width: 104px !important;
    margin-top: -8px !important;
}
.Sanstha_innner_drop_menu .nav-item .nav-link{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.login_sanstha_inner .nav-item .nav-link{
    margin-right: 14px;
    padding-left: 8px;
    padding-right: 8px;
}
.add_new_sanstha_img {
    width: 20px;
    height: 20px;
}

.add_new_sanstha_img1 {
    width: 14px;
    height: 14px;
}

.right_card1 {
    background: #E3EEEC 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 2px #00000029;
    border: 0.4000000059604645px solid #DDDFE1;
    border-radius: 6px;
}

.right_card2 {
    background: #F4F2E9 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 2px #00000029;
    border: 0.4000000059604645px solid #DDDFE1;
    border-radius: 6px;
}

.col_top {
    padding-right: 0%;
    margin-right: 0px;
}



.inner_login_cards {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029 !important;
    border: 1px solid #D7DBE9;
    border-radius: 8px;
    opacity: 1;
}

.footer_card_login {
    margin-right: -95px !important;
    margin-left: 4px !important;
}

.login_navbar .navbar-nav {

    margin-bottom: 0px;
}

/* .left_layout  , .right_layout{
position: fixed !important;
} */
/*
.right_layout
{
    position: fixed;
} */
/*Media query for mobile screen */
@media (min-width:280px) and (max-width:1000px) {
    .section_topic_head1 {
        margin-left: 0px !important;
    }

    .inner_login_navbar {
        padding-bottom: 30px;

    }

    .col_top {
        padding-right: 0%;
        margin-right: -10px;
    }

    .nav-image-login1 {
        display: none;
    }

    .nav-image-login2 {
        display: block;
        height: 100px;
        width: 110px;
    }

    .leftcard_hamburger {
        position: absolute;
        top: 65px;
        left: 125px;
    }

    .login_menu {
        position: absolute;
        top: 69px;
        left: 265px;
        font-family: 'Roboto' !important;
        color: white !important;
        font-size: 16px !important;
    }

    .login_flow {
        -ms-overflow-style: auto;
        scrollbar-width: auto;
        height: auto;
        max-height: none;
        overflow-y: auto;
    }

    .login_flow::-webkit-scrollbar {
        display: block;
    }

    .right_layout {
        display: none !important;
    }

    .inner_login_navbar .login_navbar .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    .followbtn {
    right: 15px;
    }

    .btn_following {
        margin-right: -30px;
    }

    .btn_following::before {
        letter-spacing: 2px;
    }
}

/*Media query for tab screen */
@media (min-width:750px) and (max-width:1200px) {
    .login_navbar .navbar-nav {
        column-gap: 10px !important;
    }

    .section_topic_head1 {
        margin-left: 340px !important;
    }

    .btn_following {
        position: relative;
        right: 40px;
        top: 5px;
    }

    .followbtn {

        position: relative;
        right: 60px;
        top: 5px;


    }

    .right_layout {
        display: none;
    }

    .col_top {
        padding-right: 0%;
        margin-right: -20px;
    }

    .nav-image-login1 {
        display: block;
    }

    .nav-image-login2 {
        display: none;

    }

    .leftcard_hamburger {
        display: none;
        position: absolute;
        top: 40px;
        left: 214px;
    }

    .login_menu {
        position: absolute;
        top: 45px;
        left: 550px;
        font-family: 'Roboto' !important;
        color: white !important;
        font-size: 16px;

    }

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

    .left_collapse {
        display: block !important;
        
    }

    .login_flow {
        -ms-overflow-style: none;
        scrollbar-width: none;
        /* height: 100%;
        max-height: 100vh;
        overflow-y: scroll; */
    }



}

/* @media (min-width:280px) and (max-width:1200px) {
    .inner_login_navbar .login_navbar .navbar-nav .nav-item {
        margin-bottom: 10px !important;
    }

 
    .left_layout {
        height: 100%;

    }
} */

@media   (min-width:360px) and (max-width:740px) and (orientation:landscape) {
    .col_top {
        margin-left: -155px;
    }

    .login_menu {
        left: 415px;
    }

    /* .leftcard_hamburger {
        display: block;
        top: 35px;
        left: 205px
    }

    .left_collapse {
        display: none !important;
    }
   */


}



@media(min-width:750px) {
    .navbar-toggler-icon-h {
        display: none;
    }

    .left_collapse {
        display: block !important;
    }
}

@media (min-width:1200px) and (max-width:2500px) {
    .nav-image-login2 {
        display: none;
    }

    .nav-image-login1 {
        display: block;
    }

    #right_card1_center {
        display: none;
    }

    #right_card2_center {
        display: none;
    }
    .card1{
        margin-top: -16px !important;
         margin-right:-16px !important; 
         padding-bottom: 65px !important;
    }
    .card1_detailed{
        margin-top: -24px !important;
        margin-right: -25px !important;
        padding-bottom: 58px !important;
        margin-bottom: -24px;
    }
    .margin_left {
        margin-left: -1.5rem !important;
    }
    .modal_footer_row{
        margin-left: -57px;
        margin-right: -45px;
    }
    .text-truncate{
        max-width: 170px !important;
    }
}

.top_icon {
    width: 12px;
    height: 12px;
}
.view_all_latestact:focus{
   display: none;
}

.top_icon:hover {
    color: #FE9A36;
    opacity: 0.7;
}

#new_cards {
    width: 237px;
    height: 91px;
}

.input-group-text {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #ADADAD;
    border-radius: 9px;
}

/*shravak munch page*/
.shrvak_munch_tab_icons {
    width: 16px;
    height: 18px;
}

.shravak_munch_center_tab .nav-tabs .nav-link {
    color: #1D1F23;
    font-size: 14px;
    font-family: 'Roboto' !important;
    margin-left: 16px;
    margin-right: 23px;
    border: 0;
}

.shravak_munch_center_tab .nav-tabs>.active {
    color: #F47018;
    border-bottom: 4px solid #F47018 !important;
}

@media (min-width:280px) and (max-width:800px) {
    .shravak_munch_center_tab .nav-tabs .nav-link {

        margin-left: 0px;
        margin-right: 0px;
    }

    .modal {
        padding: 10px !important;
    }

    .cancel_btn_modal {
        top: -40px !important;
        right: -32px !important;
    }
}
/*inner sanstha */
.login_sanstha_inner .nav-item .nav-link {
    border: none;
    margin-left: 0%;
}

.login_sanstha_inner .nav-item>.active {
    color: #F47018;
    border-bottom: 4px solid #F47018 !important;
    padding-bottom: 0%;
}

/*inner activity*/
.login_activity_nav .nav-tabs .nav-link {
    color: #1D1F23;
    font-size: 14px;
    font-family: 'Roboto' !important;
    border: 0;
}

.login_sanstha_inner {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.login_activity_nav .nav-tabs>.active {
    color: #F47018;
    border-bottom: 4px solid #F47018 !important;
}

@media (min-width:280px) and (max-width:800px) {
    .login_activity_nav .nav-tabs .nav-link {

        margin-left: 0px;
        margin-right: 0px;

    }
    
}

/*login profile page*/
.login_profile_user {
    background: #E1ECEA;
    border: none;
    border-radius: 9px 9px 0px 0px;
    box-shadow: 0px 3px 6px #00000029 !important;

}

.profile_photo_login {
    position: relative;
    display: inline-block;
    /* Ensures the container size fits the content */
}

.pic {
    border-radius: 50%;
    width: 121px;
    height: 120px;
    position: relative;
    padding: 5px;
    width: 132px;
    height: 132px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background: #FFD7AA 0% 0% no-repeat padding-box;
}

.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: 50px;
}

.pic_membership {
    border-radius: 50%;
    width: 121px;
    height: 120px;
    position: relative;
    padding: 5px;
    width: 132px;
    height: 132px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background: #FFD7AA 0% 0% no-repeat padding-box;
}

.upload_camera_photo_membership {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -15px;
    left: 50px;
    background: #417BBE 0% 0% no-repeat padding-box;
    opacity: 0.8;
    border-radius: 50px;
}

.camera {
    width: 18px;
    height: 14px;
    margin-top: 36%;
    margin-left: 27%;
}

.profile_follower_count {
    transform: matrix(1, 0, 0, 1, 0, 0);
    text-align: center;
    font-size:28px;
    font-family: 'Roboto' !important;
    letter-spacing: -0.28px;
    color: #F7872B;
    font-size: 28px;
    font-weight: bold;
}

.profile_follower_head {
    transform: matrix(1, 0, 0, 1, 0, 0);
    text-align: center;
    letter-spacing: -0.14px;
    color: #242134;
    font-size: 14px;
    font-weight: bold;
}

.login_profile_user1 {
    display: flex;
    justify-content: center;
}

.image-upload {
    height: 170px;
    width: 170px;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
    margin: 100px auto 0px auto;
    overflow-y: hidden;
}

.image-upload>input {
    display: none;
}

.image-upload img {
    width: 80px;
    cursor: pointer;
    position: absolute;
    top: 212px;
    left: 330px;
    color: var(--white);
}

.login_profile_user1 div {
    margin-left: 20px;
    margin-right: 20px;
}

.profile_follower {
    margin-top: 40px;
}

.profile_user_name {
    letter-spacing: -0.22px;
    color: #242134;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}

.profile_section {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029 !important;
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: -12px;
    margin-right: -13px;
}

.profile_section_nav .nav-tabs .nav-link {
    border: 0;
    margin-left: 0px;
    margin-right: 120px;
    font-size: 16px;
    color: #030303;
    font-family: 'Roboto' !important;
    font-weight: 600;
}

.profile_section_nav .nav-tabs>.active {
    border-bottom: 4px solid #F6872B !important;
    color: #030303 !important;
    font-family: 'Roboto' !important;
    font-weight: 600;
}

.profile_section_nav .nav-tabs {
    justify-content: flex-start;
}

.profile_title {
    color: #555555;
    font-size: 12px;
    font-family: 'Roboto';
}

.profile_details {
    color: #242424;
    font-size: 16px;
    font-family: 'Roboto';
}

.profile_edit_btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #FFA222 !important;
    width: 111px;
    height: 48px;

}
.org_dropdown_menu{
    min-width:104px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
box-shadow: 0px 2px 3px #4B4B4B26;
border: 1px solid #E8E8E8;
border-radius: 0px 0px 15px 15px;
}

@media (min-width:280px) and (max-width:800px) {
    .profile_section_nav .nav-tabs .nav-link {
        border: 0;
        margin-left: 0px;

        font-size: 14px;
        color: #030303;
        font-family: 'Roboto' !important;
        font-weight: 600;
    }

    .profile_section_nav .nav-tabs {
        justify-content: center;



    }

}

.read_more1 {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: #FE9A36;
    text-decoration: none;
    position: relative;
    bottom: -17px;
    left: 0px;
    cursor: pointer;

}

.read_more1:hover {
    color: #FE9A36;
    opacity: 0.7;
}

.top_cont div {
    white-space: nowrap
}

.a1 {
    border-radius: 5px;
}

.input_edit_name {
    height: 48px;
    background: #E8E8E8 0% 0% no-repeat padding-box !important;
    opacity: 0.32;
    border: 1px solid #D7DBE9;
    border-radius: 8px;
}

.input_edit_name:focus {
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 8px;
    opacity: 1;
    box-shadow: 0 0px 0px rgba(0, 0, 0) inset, 0 0 0px 0px #D7DBE9 !important;
    outline: none;
}

.profile_edit_radio {
    color: #242424;
    font-size: 14px;
    font-family: 'Roboto' !important;
}

.profile_edit_gender div {
    display: block !important
}

.input_edit_name1 {
    height: 48px;
    background-color: #E8E8E8 !important;
    opacity: 0.32;
    border: 1px solid #D7DBE9;
    border-radius: 8px;
}

.input_edit_name1:focus {
    background-color: #F8F9FF  !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 8px;
    opacity: 1;
    box-shadow: 0 0px 0px rgba(0, 0, 0) inset, 0 0 0px 0px #D7DBE9 !important;
    outline: none;
}

.profile_edit_pro_btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #FFA222 !important;
    width: 161px !important;
    height: 48px;

}

.sanstha_dashboard {
    background: #3D9BB4 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.sansthadashboard_tabs {
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Roboto';
}

.sanstha_dashboard_icons {
    width: 14px;
    height: 12px;
    margin-top: -2px;
}

.sanstha_dashboard1 {
    margin-left: 285px;
}

.sanstha_dashboard2 {
    margin-left: -40px;
    margin-right: -40px;
}

.sanstha_dashboard_imagebg {
    position: relative;
    padding: 10px;
}

.sanstha_dashboard_imagebg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/Group 20998.png');
    opacity: 0.45;
    z-index: -1
}



.Sanstha_dashboard_img1 {
    width: 138px;
    height: 139px;
    box-shadow: 0px 0px 10px #0000005F;
    border: 1px solid #FFBA4B;
    border-radius: 11px;
    position: relative;
}

.Sanstha_dashboard_img2 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 94px;
    top: 59px;

}
.sanstha_dashboard_change_photo_title {
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000080;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 91px;
    left: 80px;
    font-family: 'Roboto' !important;
}


.sanstha_dashboard_img3 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 38px;
}

.center_dashboard1 {
    margin-left: -13px;
}

.sanstha_dashboard_change_photo_title1 {
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000080;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 83px;
    left: -25px;
    opacity: 0.81;
    font-family: 'Roboto' !important;
}

.sanstha_cover {
    position: relative;
    left: 90px;
}

.sanstha_dashboard_img4 {
    width: 100px;
    height: 130px;
    background: #000000 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 11px;
    text-align: center;
    margin-left: 126px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.51);
}

.sanstha_dashboard_img5 {
    width: 80px;
    height: 79px;
}

.sanstha_dashboard_scan {
    color: #FFFFFF;
    font-size: 9px;
}



.bi-plus-circle-dotted {
    color: white;
}

.sanstha_dashborad_hamberg {
    display: none;
}

.sanstha_dashboard_org_info {
    background: #637177 0% 0% no-repeat padding-box;
    /* opacity: 0.79; */

}

.sanstha_dashboard_name {
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
}

.sanstha_dashboard_followers {
    white-space: nowrap;
}

.sanstha_dashboard_followers_count {
    transform: matrix(1, 0, 0, 1, 0, 0);
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    color: #3ACAE1;
    font-weight: 600;
    opacity: 1;
    white-space: nowrap;
}

.sanstha_dashboard_followers_count_title {
    transform: matrix(1, 0, 0, 1, 0, 0);
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.sanstha_dashboard_navtabs_section {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 2px #00000033;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.sanstha_dashboard_navtabs .nav-tabs {
    margin-left: -20px;
    border-bottom: none;
}

.sanstha_dashboard_navtabs .nav-tabs .nav-link {
    border: 0;
    color: #2C2C2C;
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
}

.sanstha_dashboard_more_tab {
    color: #2C2C2C;
    font-size: 12px !important;
    font-weight: 600;
    border: none;
    background-color: transparent;
}

.sanstha_dashboard_navtabs .nav-tabs>.active {
    border-bottom: 2px solid #F6872B !important;
}

.sanstha_dashboard_tab_icons {
    width: 14px;
    height: 16px;
    margin-right: 5px;
}

.create_post_btn {
    width: 106px;
    height: 30px;
    background: #3D9BB4 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 15px;
    border: none;

}

.sanstha_dashboard_tab_icons1 {
    width: 20px;
    height: 26px;
    margin-right: 5px;
    margin-top: -6px;
}

.create_post_modal_head {
    color: #030303;
    justify-content: center !important;
    text-align: center;
    font-size: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Roboto' !important;
}

.cancel_btn_modal {
    width: 43px;
    height: 43px;
    position: relative;
    top: -34px;
    right: -37px;

}

.hidebox {
    display: none;
}


.create_post_popup .popup_radio_btns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-right: 10px;
    justify-items: center;
    /* display: flex;
    column-gap: 30px;
    justify-content: center; */
}

.createpost_radio_btn_label {
    width: 138px;
    height: 138px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #D5D5D5;
    opacity: 1;
    border-radius: 50%;
}

.hidebox:checked+.createpost_radio_btn_label {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 2px solid #FF9A34;
}

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

}

.radio_btn_popup_name {
    text-align: center;
    font-size: 24px;
    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    color: #2C2C2C;
    position: relative;
    top: 43px;
    display: block;
    justify-content: center;

}

.popup_btn_createpost {
    width: 110px;
    height: 43px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #FFA222;
    border-radius: 10px;
    color: #191919;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto' !important;
}

.popup_btn_group {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.filter_post_card {

    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 2px #00000033;
    border-radius: 8px;
}

.filter_post_card_title {
    letter-spacing: 0.28px;
    color: #030303;
    font-size: 14px;
    font-family: 'Roboto' !important;
    margin-left: 10px;
}

.filter_post_card1 {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.filter_post_card_button {
    background: #F0F2F8 0% 0% no-repeat padding-box;
    border-radius: 4px;
    width: 77px;
    height: 30px;
    border: none;
    float: right;
    letter-spacing: 0.24px;
    color: #1D1F23;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto' !important;
    margin-right: 10px;
}

.filter_post_card_col {
    margin-left: -10px;
}

.bi-filter {
    width: 17px;
    height: 11px;
    color: #3D9BB4;
    margin-right: 5px;
}

.footer_dashboard {
    margin-top: -30px !important;
}

.option_card {
    width: 15px;
    height: 4px;
    left: 195px;
    opacity: 1;
}

.card_option_edit {
    width: 16px;
    height: 16px;
    margin-right: 5px;

}


/* .org_dropdown_menu{
    --bs-dropdown-min-width: 104px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 3px #4B4B4B26;
border: 1px solid #E8E8E8;
border-radius: 0px 0px 15px 15px;
} */
.option_card2 {
    --bs-dropdown-min-width: 106px !important;
}

.dashboard_about_card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    width: 345px;
}

.dashboard_about_card1 {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.dashboard_about_card_title {
    color: #030303;
    font-size: 14px;
    font-family: 'Roboto' !important;
}

.translate_icon {
    width: 15px;
    height: 15px;
    background: #8C939D 0% 0% no-repeat padding-box;
}

.dashboard_about_card_btn {
    background-color: transparent;
    border: 0;
    color: #454545;
    font-size: 10px;
    float: right;
}

.about_card_col {
    margin-left: -10px;
}

.dashboard_about_card_details {
    color: #434343;
    font-size: 12px;
    color: #434343;
    font-size: 12px;
    line-height: 30px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.dashboard_about_card_address {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.location_place {
    color: #191919;
    font-size: 12px;
    margin-top: -2px;
}

.temple_icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    color: #8C939D;
}

.dashboard_commitee_member {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    width: 345px;
}

.view_all_dashboard {
    text-decoration: underline !important;
    letter-spacing: 0px;
    color: #FDA632;
    font-size: 12px;
    float: right;
    font-family: 'Roboto' !important;
}

.dashboard_commitee_member1 {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.dashboard_commitee_member_photo {
    width: 73px;
    height: 73px;
    border: 1px solid #F7872B;
    border-radius: 50px;
}

.dashboard_commitee_member_name {
    color: #444444;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Roboto' !important;

}

.dashboard_commitee_member_designation {
    color: #444444;
    font-size: 10px;
    font-family: 'Roboto' !important;
    display: block;

}

.dashboard_commitee_member_right {
    margin-left: 15px;
}

.mail_logo_icon {
    width: 28px;
    height: 28px;
    background: #EEF5F1 0% 0% no-repeat padding-box;
    border: 1px solid #8FBBCC;
    border-radius: 50px;
    display: inline-flex
}

.mail_logo_icon1 {

    width: 16px;
    height: 13px;
    position: relative;
    left: 5px;
    top: 7px;
}

.mail_logo_icon_btn {
    color: #3276B2;
    font-size: 12px;
    font-family: 'Roboto' !important;
    position: relative;
    top: 5px;

}

.WhatsApp_logo_icon {
    width: 28px;
    height: 28px;
    background: #EEF5F1 0% 0% no-repeat padding-box;
    border: 1px solid #8FBBCC;
    border-radius: 50px;
    display: inline-flex
}

.WhatsApp_logo_icon1 {
    width: 32px;
    height: 18px;
    position: relative;
    left: -2px;
    top: 5px;
}

.WhatsApp_logo_icon_btn {
    color: #51C85D;
    font-size: 12px;
    font-family: 'Roboto' !important;

}

.dashboard_followus {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    width: 345px;
}



.dashboard_share {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    width: 345px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.dashborad_link_text {
    height: 65px;
    background: #F7F7F7 0% 0% no-repeat padding-box !important;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
}

.dashboard_copybtn {
    width: 70px !important;
    height: 29px;
    background: #F2FBFF 0% 0% no-repeat padding-box;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
    color: #4D4D4D;
    font-size: 12px;
    font-family: 'Roboto' !important;
}

.modal_right_col {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    margin-bottom: -16px;
    position: relative;
    left: 4px;

    margin-top: -16px !important
}

.image_upload_card {
    width: 330px;
    height: 280px !important;
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #DADFE9;
}

.file_upload_modal {
    position: relative;
    top: 112px;
    left: 150px;
}

.file_upload_modal_title {
    color: #515C6F;
    font-size: 15px;
    font-family: 'Roboto' !important;
    position: relative;
    top: 140px;
    left: 30px;
}

.uploaded_photos_title {
    font-size: 15px;
    font-family: 'Roboto' !important;
    color: #222222;
}

.img_modal {
    width: 37px;
    height: 37px;
    border-radius: 50px;
}

.img_modal_title {
    color: #181818;
    font-size: 15px;
    font-family: 'Roboto' !important;
    margin-top: 6px;
    margin-left: 7px;
    text-overflow: ellipsis;
    max-width: 50% !important;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
}

.left label {
    color: #191919;
    font-size: 13px;
    font-family: 'Roboto' !important;

}

.right {
    position: relative;
    top: -22px;
    float: right;
}

.left span {
    color: #191919;
    font-size: 13px;
    font-family: 'Roboto' !important;
    margin-left: 5px;
}


.delete1 {
    color: #191919;
    font-size: 13px;
    font-family: 'Roboto' !important;
    border: none;
    background-color: transparent;
}

.delete1::after {
    content: url('/images/delete_dark.svg');
    width: 12px;
    height: 16px;
    margin-left: 2px;
    margin-top: -10px !important;
}

.right span {
    color: #191919;
    font-size: 13px;
    font-family: 'Roboto' !important;
}

.right img {
    width: 12px;
    height: 16px;
    margin-top: -4px;
}

.showfilebox {
    display: block;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 10px;
    border: none;
}

.progress {
    height: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
    width: 100%;
    height: 3px !important;
}

.progress-bar {
    height: 3px;
    background: #54AE8F 0% 0% no-repeat padding-box !important;
    transition: width 0.5s ease;
}


.img_modal_title_change {
    border: none;
    background-color: transparent;
    width: auto;
    letter-spacing: 0.64px;
    color: #242424;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Roboto' !important;
}

.img_modal_title_change:focus {
    outline: none;
}

.head_event_descr {
    color: #191919;
    font-size: 13px;
    font-family: 'Roboto' !important;
}

.event_text {
    border: 1px solid #D7DBE9;
    border-radius: 10px !important;
    width: 340px;
    height: 161px;
}

.start_date_icon {
    width: 13px;
    height: 16px;
    color: #816B55 !important;
    margin-right: 5px;
}

.popup_loction_icon {
    width: 11px;
    height: 16px;
    color: #816B55 !important;
    margin-right: 5px;
}

.start_date_title {
    color: #000000;
    font-size: 14px;
    font-family: 'Roboto' !important;
}

.start_date_input {
    height: 48px;
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important;

}

.popup_cancel {
    width: 110px;
    height: 43px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #FFA222;
    border-radius: 10px;
    color: #191919;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto' !important;
}

.popup_post {
    width: 110px;
    height: 43px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #FFA222;
    border-radius: 10px;
    color: #191919;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto' !important;
    float: right;
}

.discard {
    color: #030303;
    font-size: 22px;
    font-family: 'Roboto' !important;
    text-align: center;
}

.cancel_btn_CreatePost2Modal {
    position: relative;
    top: -22px;
    width: 43px;
    height: 43px;
    left: 470px;
    border-radius: 50px;
}

.discard1 {
    color: #030303;
    font-size: 16px;
    font-family: 'Roboto' !important;
    text-align: center;
}

.download_icon {
    width: 9px;
    height: 11px;
    margin-right: 5px;
   
}

.section_tab_dashboard_news {
    height: 54px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 2px #00000033;
    border-radius: 8px;
}

.dashboard_news_title {
    letter-spacing: 0.28px;
    color: #030303;
}

.dashboard_news_btn {
    width: 95px;
    height: 30px;
    background: #3D9BB4 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 12px;
    border: 0;
    float: right;
    margin-top: -4px;
}

.dashboard_news_row {
    margin-right: 140px !important;
    margin-left: 140px !important;
}

.option_card_dashboard_news {
    width: 15px;
    height: 4px;
    left: 200px;
}

.section_gallery_dashboard {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
}

.gallery_dashboard_top_div {
    padding-top: 10px;
    margin-left: 13px;
    margin-right: 13px;
    padding-bottom: 10px;
}

.gallery_dashboard_title {
    color: #030303;
    font-size: 16px;
    font-family: 'Roboto' !important;

}

.gallery_dashboard_btn {
    width: 90px;
    height: 30px;
    background: #3D9BB4 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 15px;

    border: 0;
    float: right !important;
}

.file_upload_icon_dashboard {
    width: 10px;
    height: 15px;
    position: relative;
    top: 3px;
    left: 20px;
}

.upload_label {
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Roboto' !important;
    float: right;
    position: relative;
    top: 8px;
    left: 72px;
}

.card_santha_dashboard_gallery_card {
    width: 243px;
    height: 180px !important;
    border: 1px solid #BFBFBF !important;
    border-radius: 11px !important;
    padding: 10px;
}

.gallery_folder_title {
    color: #343434;
    font-size: 14px;
    font-family: 'Roboto' !important;
    /* overflow: hidden;
    text-overflow: ellipsis;
    width: 190px !important;
    white-space: nowrap; */
    width: 150px;
    margin-left: 48px;
    text-align: center;
    margin-bottom: 25px !important;
}

.section_dashboard_membership {
    height: 74px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
}

.dashboard_membership_btn {
    height: 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 15px;
    color: #3D9BB4;
    font-size: 12px;
    font-family: 'Roboto' !important;
    border: 0;
    font-weight: 500;
    margin-left: 5px;
    margin-right: 5px;
}

.section_dashboard_membership1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
    height: 588px;
}

.section_dashboard_membership1_row {

    background: #F4F4F4 0% 0% no-repeat padding-box;
    border-radius: 3px;
}

.section_dashboard_membership2 .nav-tabs {
    background: #F4F4F4 0% 0% no-repeat padding-box;
    border-radius: 3px;
    height: 36px;
    white-space: nowrap;
}

.section_dashboard_membership2 .nav-tabs .nav-item>.active {
    background: #F9A34C 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #E91E6324 !important;
    border: none;
    color: #FFFFFF;
    height: 48px;
    border-radius: 0;
    margin-top: -6px;
}

.section_dashboard_membership2 .nav-tabs .nav-item .nav-link {
    letter-spacing: 0.35px;
    font-size: 14px;
    font-family: 'Roboto' !important;
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 0% !important;
    margin-left: 0% !important;
}

.section_dashboard_membership2 .nav-tabs {
    justify-content: flex-start;
}

/* .section_dashboard_membership2 .nav-tabs .nav-item .nav-link:hover{
    border: none;
} */
.search_dashboard_membership {
    border-top: none !important;
    border-bottom: 1px solid #767676 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0% !important;
    width: 260px !important;
    font-size: 12px !important;
    font-family: 'Roboto' !important;
}

.search_dashboard_membership_btn {
    background-color: transparent;
    position: relative;
    top: -28px;
    left: 230px;
    border: 0;
}

table {
    --bs-table-striped-bg: #FFFFFF !important;

    --bs-table-accent-bg: #F1F3F9 !important
}

.table_head {
    color: #343434;
    font-size: 12px !important;
    font-family: 'Roboto' !important;
    height: 40px;
    white-space: nowrap;
}

.col1_table {
    height: 85px;
}

.table_img {
    width: 58px;
    height: 58px;
    border: 1px solid #F7872B;
    border-radius: 30px;
}

.table_img_name {
    width: 98px;
    height: 34px;
    text-align: left;
    font-size: 12px;
    font-family: 'Roboto' !important;
    letter-spacing: 0px;
    color: #3E3E3E;
}

.table_details {
    color: #3E3E3E !important;
    font-size: 12px !important;
    padding-top: 28px !important;
    font-family: 'Roboto' !important;
    white-space: nowrap;
}

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

.table_icon {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.table_icon2 {
    width: 27px;
    height: 15px;
    margin-right: 0px;
}

.table_dropdown .dropdown-menu .dropdown-item {
    color: #2C2C2C;
    font-size: 12px !important;
    font-family: 'Roboto' !important;
}

.section_membership_view {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #2C28281C;
    border-radius: 10px;
}

.back_table {
    width: 16px;
    height: 16px;
    color: #000000;
}

.table_back1 {
    color: #2C2C2C;
    font-size: 14px;
    font-family: 'Roboto' !important;
}

.section2_membership_view {
    background: #F4F2E9 0% 0% no-repeat padding-box !important;
    border: 1px solid #D4CCB6 !important;
    border-radius: 10px !important;
}

.contact_details {
    width: 723px;
    height: 64px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CBC3A1;
    border-radius: 5px;
}

.contact_details_grid {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    margin-top: 18px;
    justify-content: center;
    column-gap: 64px;
    margin-left: -20px;
}


.contact_details_sub {
    color: #2C2C2C;
    font-size: 14px;
    font-family: 'Roboto' !important;
}

.contact_details_btn {
    width: 112px;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFA222;
    border-radius: 10px;
    color: #191919;
    font-size: 14px;
    font-family: 'Roboto' !important;
    margin-top: -6px;
}

.idno_contact_details {
    letter-spacing: 0px;
    color: #444444;
    font-size: 13px;
    font-family: 'Roboto' !important;
}

.id_contact_details {
    letter-spacing: 0px;
    color: #444444;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Roboto' !important;
}

.id_contact_details_num {
    letter-spacing: 0px;
    color: #444444;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Roboto' !important;
}

.profile_follower1 {
    margin-top: 50px;
}

.membership_view_profile_nav .nav-tabs .nav-link {
    border: 0;
    margin-left: 0px;
    margin-right: 120px;
    font-size: 16px;
    color: #030303;
    font-family: 'Roboto' !important;
    font-weight: 600;
}

.membership_view_profile_nav .nav-tabs>.active {
    border-bottom: 4px solid #F6872B !important;
    color: #030303 !important;
    font-family: 'Roboto' !important;
    font-weight: 600;
    background: transparent !important;
}

.membership_view_profile_nav .nav-tabs {
    justify-content: flex-start;
}

.section_dashboard_committe {
    height: 446px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
}

.dashboard_committe_title {
    color: #030303;
    font-size: 16px;
    font-family: 'Roboto' !important;
}

.dashboard_committe_btn {
    width: 63px;
    height: 30px;
    background: #3D9BB4 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Roboto' !important;
    float: right !important;
    border: none;
}

.dashboard_committe_div {
    padding-top: 10px;
    margin-left: 13px;
    margin-right: 13px;
    padding-bottom: 10px;
}

.dashboard_committe_table {
    --bs-table-accent-bg: none !important;
    padding: 10px !important;

}

.dashboard_committe_table_tr {
    border-bottom: 2px dashed #D8D8D8 !important;
}

.dashboard_committe_table_header {
    color: #343434;
    font-size: 12px;
    font-family: 'Roboto' !important;
    background-color: #F1F3F9;
    height: 40px;
    white-space: nowrap;
}

.dashboard_committe_table_img {
    width: 34px;
    height: 34px;
    border: 1px solid #F7872B;
    border-radius: 20px;
}

.dashboard_committe_table_details {
    color: #414141;
    font-size: 12px;
    font-family: 'Roboto' !important;
    padding-top: 16px !important;
    white-space: nowrap;
}

.dashboard_committe_table_details1 {
    color: #414141;
    font-size: 12px;
    font-family: 'Roboto' !important;
    margin-left: 6px;
    margin-top: 9px;
    white-space: nowrap;

}

.dashboard_committe_table_details2 {
    color: #000000;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Roboto' !important;
    padding-top: 16px !important;
    white-space: nowrap;
}

.dashboard_committe_table_more_icon {
    width: 15px;
    height: 4px;
    margin-left: 12px;
}

.ql-toolbar.ql-snow {
    padding: 0% !important;
    background-color: rgb(216, 216, 216, 0.4) !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    position: relative;
    top: 9px;
    z-index: 1;
    margin-right: -2px;
}

.ql-container.ql-snow {
    width: 340px;
    height: 161px;
    border: 1px solid #D7DBE9;
    border-radius: 10px !important;
}

.text_event::placeholder {
    color: #D8D8D8;
    position: relative;
    top: 60px;
    font-size: 12px;
    font-family: 'Roboto' !important;
    padding-left: 10px;
}

.ql-container.ql-snow {
    height: 80px !important;
    width: auto;
    margin-right: -2px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.filter_dropdown_menu .dropdown-item {
    font-size: 12px !important;
    font-family: 'Roboto' !important;
}

.filter_dropdown_menu {
    min-width: 100px !important;
}

td {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

th {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.membership_mangement {
    float: right;
}

.table_dropdown .dropdown-menu_table {
    width: 100px !important;
}

.membership_view_profile {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.profile_section {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.btn_following_log {

    font-family: 'Roboto' !important;
    font-size: 12px !important;
    color: #4B8EE5 !important;
    float: right !important;
    position: relative;
    right: 60px;
    border: none;
    top: 5px;

}
.flw_btn_img{
    width: 10px !important;
    height: 9px !important;
    margin-right: 3px;
    
}
/* .btn_following_log::before {
    content: url('/images/following_btn.svg');
    margin-right: 5px !important;
} */

.cancel_createmmbr_btn_modal {
    width: 43px;
    height: 43px;
    position: relative;
    top: -22px;
    left: 607px;
}

.create_member_title {
    color: #030303;
    font-size: 20px;
    font-family: 'Roboto' !important;
}

.create_member_popup_profile_photo {
    position: relative;
    display: inline-block;
    width: 132px;
    height: 132px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background: #FFD7AA 0% 0% no-repeat padding-box;
    border-radius: 75px;
    margin-left: auto;
    margin-right: auto;

}

.background_profile_pic {
    width: 120px;
    height: 120px;
    background: #D1D1D1 0% 0% no-repeat padding-box;
    border-radius: 75px;
    position: relative;
    top: 7px;
    right: -6px
}

.create_member_camera {
    position: relative;
    top: -81px;
    left: 54px;
}

.create_member_camera_label {
    color: #000000;
    font-family: 'Roboto' !important;
    font-size: 14px;
    position: relative;
    top: -79px;
    left: 25px;
}

.create_comitte_member_label {
    color: #000000;
    font-family: 'Roboto' !important;
    font-size: 14px;
}

.create_comitte_member_input {
    background: #F8F9FF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D7DBE9 !important;
    border-radius: 10px !important;
    width: 250px !important;
    height: 48px !important;
}

.create_comitte_modal {
    width: 635px !important;
}

.create_comitte_member_checkbox {
    position: relative;
    left: auto;
    top: auto
}

.create_comitte_member_checkbox_label {
    text-decoration: underline;
    color: #606060;
    font-size: 12px;
    font-family: 'Roboto' !important;
}

.create_comitte_member_btn {
    width: 110px;
    height: 43px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #FFA222;
    border-radius: 10px;
    text-align: center;
    color: #191919;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto' !important;
}

.activity_cards {
    margin-left: 90px;
    margin-right: 90px;
}
.admin_dropdown_menu{
    min-width: 141px !important;
    width: 141px !important;
    margin-left: -60px !important;
}
.admin_dropdown_menu .nav-item .nav-link{
    margin-left: 0px;
    margin-right: 0px;
}

@media (min-width:280px) and (max-width:750px) {
    .ql-container.ql-snow {
        width: auto;
        margin-right: -2px;

    }
    .filter_post_card{
        margin-top: 12px;
    }

    .activity_cards {
        margin-left: 20px;
        margin-right: 20px;
    }

    .cancel_createmmbr_btn_modal {
        left: 352px;
    }

    .btn_following_log {
        right: 25px;
    }
    .create_comitte_modal {
        width: auto !important;
    }

    .file_upload_modal {
        left: 127px;
    }

    .file_upload_modal_title {
        left: 10px;
    }

    .sanstha_dashboard1 {
        margin-left: 0px;
    }

    .center_dashboard1 {
        margin-left: 0px;
    }

    .sanstha_dashboard2 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .sanstha_cover {
        position: relative;
        left: 19%;
        top: -35px;

    }

    .table_details {
        white-space: nowrap;
    }

    .sanstha_dashborad_hamberg {
        display: block;
    }

    /* .sanstha_dashboard_img4 {
        display: block;
        margin-left: 8% !important;
        margin-top: 100px;
    } */

    /* .sanstha_dashboard_imagebg_col1 {
        display: block;
        margin-left: 27% !important;

    }

    .sanstha_dashboard_imagebg_col2 {
        display: block;
        margin-left: 25% !important;
    }

    .sanstha_dashboard_imagebg_col3 {
        display: block;
        margin-left: 25% !important;
    } */

    .sanstha_dashboard_navtabs .nav-tabs {
        margin-left: 0px;
    }

    .sanstha_dashboard_navtabs .nav-tabs {
        margin-left: 0px;
    }

    .sanstha_dashboard_navtabs .nav-tabs .nav-link {

        margin-left: 0px;
        margin-right: 0px;
    }

    .create_post_popup .popup_radio_btns {
        grid-template-columns: 1fr 1fr;
    }

    .option_card {
        left: 30px;
    }

    .dashboard_followus {
        width: auto;
    }

    .dashboard_commitee_member {
        width: auto;
    }

    .dashboard_about_card {
        width: auto;
    }

    .dashboard_share {
        width: auto;
    }

    .about_card_col {
        margin-top: 10px !important;
    }

    .modal_right_col {
        margin-top: 50px !important;
    }

    .sansathadashboard1 {
        margin-right: 0%;
        margin-left: 0%;
    }

    .dashboard_email_btn {
        white-space: nowrap;

    }

    .dashboard_wtsapp_btn {
        white-space: nowrap;
    }

    .ms-xs-1 {
        margin-left: 0.4rem !important;
    }

    .image_upload_card {
        width: auto;
    }

    .sanstha_dashborad_hamberg {
        position: relative;
        top: -65px;
        left: -138px;
        height: 10px;
        width: 10px;
    }

    .login_profile_user1 div {
        margin-left: 0%;
        margin-right: 0%;
    }

    .form-check-inline {
        white-space: nowrap;
    }

    .profile_edit_pro_btn {
        width: auto !important;
    }

    .getallhead {
        max-width: 20% !important;
    }

    .modal_right_col {
        left: 0px;
    }

    .popup_radio_btns {
        gap: 20px;
    }

    .dashboard_news_row {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .activity_card_footer {
        margin-left: 18px;
        margin-right: 10px;
    }

    .card_santha_dashboard_gallery_card {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .gallery_folder_title {
        width: auto;
    }

    .section_dashboard_membership {
        height: 110px;
    }

    .membership_mangement {
        position: relative;
        top: -11px;
        display: flex;
    }

    .create_post_btn {
        margin-top: 8px;
    }

    .dashboard_membership_btn {
        height: 40px;
        width: 80px
    }

    .section_dashboard_membership2 .nav-tabs .nav-item .nav-link {
        padding-left: 0%;
        padding-right: 0%;
        font-size: 12px;
        margin-left: 10px !important
    }

    .table_div {
        overflow-x: auto;
    }

    .contact_details {
        height: 150px;
        width: auto;
        margin-right: 0px !important;
    }

    .contact_details_grid {
        grid-template-columns: auto auto;
        white-space: nowrap;
        column-gap: 0px;
        margin-left: 0px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .contact_details_grid a {
        margin-bottom: 15px;
    }

    .contact_details_btn {
        width: auto;
        transform: translateX(40px);
    }

    .pic_membership {
        display: block;
        transform: translateX(24px);
        width: 115px;
        margin: 5px;
    }

    .id_contact_details_num {
        position: relative;
        left: 18px;
        font-size: 14px;
    }

    .upload_camera_photo_membership {
        left: 66px;
    }

    .membership_view_profile {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .profile_section {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .membership_view_profile_nav button {
        display: flex !important;
    }

    .membership_view_profile_nav .nav-tabs .nav-link {
        border: 0;
        margin-left: 0px;
        margin-right: 0px;
    }

    .membership_view_profile_nav .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
    }

    .left span {
        font-size: 11px;
    }

    .profile_section_nav .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
    }

    .profile_section_nav .nav-tabs .nav-link {
        margin-right: 0px;
    }

    .Sanstha_dashboard_img1 {
        /* left: 72px; */
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .Sanstha_dashboard_img2 {
         left: 135px; 
    }

    .sanstha_dashboard_img3 {
        left: 62px;
    }

    .sanstha_dashboard_img4 {
        top: 80px;
        /* left: -31px !important; */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .sanstha_dashboard_change_photo_title {
        left: 127px;
    }

    .sanstha_dashboard_change_photo_title1 {
        left: 35px;
    }

    .sanstha_dashboard_imagebg {
        height: 390px;
    }
    .dashboard_tab_section .about_card_col .dashboard_about_card{
        order: 1;
    }
    .dashboard_tab_section .filter_post_card_col{
        order: 2;
    }   
    .dashboard_tab_section{
        padding: 10px;
    } 

}

@media  (min-width:700px) and (max-width:1200px) {
    .getallhead {
        max-width: 30% !important;
    }

    .activity_cards {
        margin-left: 20px;
        margin-right: 20px;
    }

    .cancel_createmmbr_btn_modal {
        left: 475px;
    }

    .sanstha_input_group_text button {
        width: 150px;
    }

    .dashboard_news_row {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .sanstha_input_group_text {
        border-top-right-radius: 9px !important;
        border-bottom-right-radius: 9px !important;
        width: -webkit-fill-available;
    }

    .sanstha_dashboard_img4 {
        /* left: -107px !important;  */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .sanstha_dashboard_img3 {
        left: -30px;
    }

    .sanstha_dashboard_change_photo_title1 {
        left: -64px;
    }

    .option_card_dashboard_news {
        left: 45px;
    }

    .create_comitte_member_input {
        width: auto !important;
        height: 48px !important;
    }

    .create_comitte_modal {
        width: auto !important;
    }


    .table_div {
        overflow-x: auto;
    }

    .profile_section_nav .nav-tabs .nav-link {
        margin-right: 0px;
    }

    .sanstha_dashboard1 {
        margin-left: -13px;
    }

    .logincard {
        width: 275px;
    }

    .btn_following_log {
        left: -35px;
    }

    .sanstha_dashboard2 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .create_post_popup .popup_radio_btns {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }


    .sanstha_dashboard_navtabs .nav-tabs {
        margin-left: 0px;
    }

    .sanstha_dashboard_navtabs .nav-tabs .nav-link {

        margin-left: 0px;
        margin-right: 0px;
    }

    .modal_right_col {
        margin-top: 50px;
    }
    .dashboard_tab_section .about_card_col{
        order: 1;
    }
    .dashboard_tab_section .filter_post_card_col{
        order: 2;
    }
    /* .sanstha_dashborad_hamberg {
        position: relative;
        top: -65px;
        left: -138px;
        height: 10px;
        width: 10px;
        display: block;
    } */

    .section_dashboard_membership {
        height: 85px;
    }

    .membership_mangement {
        float: left;
    }

    .section_dashboard_membership2 .nav-tabs .nav-item .nav-link {
        padding-right: 10px;
        padding-left: 10px;
    }

    .gallery_row {
        justify-content: center;
        display: grid !important;
    }

    #CreatePost1Modal .modal-body {
        width: 600px;
    }

    .image_upload_card {
        width: auto;
    }

    .file_upload_modal {
        left: 95px;
    }

    .file_upload_modal_title {
        left: -10px;
    }

    #AddNewsModal .modal-body {
        width: 600px;
    }

    .contact_details {
        width: auto;
    }

    .contact_details_grid {
        margin-left: 10px;
        column-gap: 5px;
        margin-right: 10px;
    }

    .contact_details_grid a {
        margin-right: 10px;
        text-align: center;
    }

    .membership_view_profile_nav .nav-tabs .nav-link {
        margin-right: 0px;
    }

    .membership_view_profile {
        padding-right: 0.5rem !important;
    }

    .membership_view_profile_nav {
        margin-left: -10px;
        margin-right: -42px
    }
    .dashboard_about_card {
        width: auto;
    }
    .dashboard_commitee_member{
        width: auto;
    }
    .dashboard_followus{
        width: auto;
    }
    .dashboard_share{
        width: auto;
    }
    .dashboard_tab_section{
        padding: 10px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape){
    .sanstha_cover{
        left: 30%;
    }
    .sanstha_dashboard_img4{
        /* left: 39px !important; */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 540px) and (max-width: 720px){
    .Sanstha_dashboard_img1{
        /* left: 132px; */
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .sanstha_dashboard_change_photo_title{
        left: 195px;
    }
    .Sanstha_dashboard_img2{
        left: 201px;
    }
    .sanstha_cover{
        left: 27%;
        top: -35px
    }
    .sanstha_dashboard_img4{
        top: 80px;
    /* left: 27px !important; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
}
@media only screen and (min-width: 270px) and (max-width: 950px) and (orientation: landscape) {
    .sanstha_dashboard_img4{
        /* left: -90px  !important; */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .filter_post_card{
        margin-top: 15px;
    }
    .sansathadashboard1{
       padding-right: 0rem !important;
       padding-left: 0rem !important;
    }
    .sanstha_dashboard1{
        margin-left: -40px;
    }
    .sanstha_dashboard2{
        margin-left: -60px;
    }
    .contact_details{
        height: 110px;
    }

    .contact_details_grid a {
        margin-left: 0px;
        margin-right: 0px !important;
        margin-top: 10px;
    }
    .contact_details_grid button{
        margin-top: 5px;
    }
    .contact_details_grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .center_dashboard1{
        overflow-x: hidden;
    }
    .section_topic_head1 {
        margin-left: 335px !important;
    }
    .profile_section_nav .nav-tabs .nav-link {
        margin-right: 67px;
    }

}

@media only screen and (min-width:360px) and (max-width:740px) and (orientation: landscape ) {
    .Sanstha_dashboard_img1{
        /* left: 140px; */
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .Sanstha_dashboard_img2 {
     left: 213px;
    }
    .filter_post_card{
        margin-top: 15px;
    }
    .sanstha_dashboard_change_photo_title{
        left: 207px;
    }
    .sanstha_cover{
        left: 51%;
    }
    .sanstha_dashboard_img4{
        /* left: 29px !important; */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 270px) and (max-width: 900px) and (orientation: landscape) {
    .search2 {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .create_comitte_modal {
        width: auto !important;
    }

    .search_box {
        border-top-left-radius: 9px !important;
        border-bottom-left-radius: 9px !important;
        height: 50px;
        margin-top: 10px;
    }

    .input-group {
        flex-wrap: wrap;
    }

    .input-group-text {
        border-top-right-radius: 9px !important;
        border-bottom-right-radius: 9px !important;
        width: -webkit-fill-available;
    }

    .search1 {

        display: block;
        margin-left: auto;
        margin-right: auto;

    }

    .line1_search {
        border-right: 1px solid #ADADAD;
        height: 34px;

    }
    .carousel-control-next-icon{
        margin-right: -50px !important;
    }
    .carousel-control-prev-icon{
        margin-left: -50px !important;
    }
}

@media screen and (min-width: 750px) and (max-width: 1200px) and (orientation: landscape) {

    .section_topic_head1 {
        margin-left: 342px !important;
    }

    .contact_details_grid a {
        margin-right: 31px;
    }

    .sanstha_input_group_text {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        width: auto;
    }

    .create_comitte_modal {
        width: auto !important;
    }

  

    #AddNewsModal .modal-body {
        width: auto;
    }

    #CreatePost1Modal .modal-body {
        width: auto;
    }

    .table_div {
        overflow-x: auto;
    }

    .sanstha_input_group_text button {
        width: 100px;
    }

    .dashboard_about_card {
        width: auto;
    }

    .gallery_row {
        display: flex !important;
    }

    .file_upload_modal {
        left: 150px;
    }

    .file_upload_modal_title {
        left: 30px;
    }

    .membership_mangement {
        float: right;
    }

    .create_post_popup .popup_radio_btns {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .dashboard_commitee_member {
        width: auto;
    }

    .dashboard_followus {
        width: auto;
    }

    .dashboard_share {
        width: auto;
    }

    .sanstha_dashboard_img4 {
        /* left: -100px !important; */
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .option_card {
        left: 75px;
    }

    .sanstha_dashboard2 {
        margin-right: -57px;
    }
    .dashboard_tab_section .about_card_col{
        order: 2;
    }
    .dashboard_tab_section .filter_post_card_col{
        order: 1;
    }

}

@media only screen and (min-width: 275px) and (max-width: 700px) and (orientation: landscape) {
    .Sanstha_org_home_head_title{
        left: 115px !important;
    }
    .Sanstha_org_home_head_stats_main{
        left: 83px !important;
    }
    .Sanstha_org_home_head_scanner_card {
        top:-293px  !important;
        left: 0px !important;
    }
    .Sanstha_org_home_head1{
        height: 140px;
    }
    .join_membership_btn{
        top: -37px;
        left: 207px;
    }
}
 @media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape){
    .Sanstha_org_home_head_title{
        left: 111px !important;
    }
    .Sanstha_org_home_head1{
        height: 140px;
    }
    .Sanstha_org_home_head_scanner_card {
        top: -280px !important;
    }
    .join_membership_btn{
        top: -35px;
    left: 210px;
    }
 }
 @media screen and (min-width:270px) and (max-width:750px) {
    .preview_home_tabs .nav-tabs .nav-link{
        margin-left: 5px;
        margin-right: 5px;
    }
    .preview_top{
height: 50px !important;
    }
    .preview_top .col{
        margin-top: 0px !important;
    }
    .preview_top .preview_col{
        margin-top: 0px !important;
    }
}
/* Media query for galaxy fold one screen */
 /* @media (min-width:280px) and (max-width:653px){  */
    /* @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .sansathadashboard1{
        display: grid;
    justify-content: center;
    grid-template-columns: auto auto;
    }
    .Sanstha_dashboard_img1{
        left: 13px;
    }
    .Sanstha_dashboard_img2{
        left: 87px;
    }
    .sanstha_dashboard_change_photo_title{
        left: 82px;
    }
    .sanstha_cover {
        left:3%;
    }
    .sanstha_dashboard_img4{
        left: -85px !important;
    }
    .sanstha_dashboard_org_info .row{
        display: grid;
        grid-template-columns: auto;
        
        justify-items: center
    }
    .contact_details_grid{
        grid-template-columns: auto; 
    }
    .contact_details{
        height: 224px;
    }
    .contact_details_btn{
        transform: translateX(0px);
    }
    .login_profile_user1{
        display: grid;
        grid-template-columns: auto;
    }
    .membership_view_profile_nav .nav-tabs{
        flex-wrap: wrap;
    }
    .pic_membership{
        transform: translateX(0px);
    }
    .upload_camera_photo_membership{
        left: 50px;
    }
    .profile_follower1{
        margin-top: 20px;
    }
    .login_menu{
        left: 197px;
    }
}    */
/*start of media queries*/
/*media query for mobile screen */
@media (min-width:280px) and (max-width:750px) {
    .samaj {
        width: 0%;
    }

    .join_btn {
        width: 198px !important;
    }

    .samajpeoplefeedbackphoto {
        width: 48px;
        height: 48px;

        position: relative;
        left: -1.5em;
        align-items: center;
        float: right;
        border: 1px solid #FFBA53;
        opacity: 1;
        border-radius: 50px;
        justify-content: center;
    }

    .searchbutton {
        height: 45px;
        width: auto;

    }

    .samajpeoplefeedbackname {
        position: relative;
        left: -2.5em;
        font-size: 14px;
        letter-spacing: 0px;
        color: #333333;
        opacity: 1;
    }

    .samajpeoplefeedbackdesign {
        font-size: 12px;
        position: relative;
        left: -2.5em;
        letter-spacing: 0px;
        color: #575757
    }

    .new_to_jd {
        width: auto;
        height: 50px;
        float: left;

    }

    .nav-underline .nav-item {
        margin-left: 0px;
        margin-right: 0px;

    }

    /* .login_checkbox {
        position: absolute !important;
        top: 441px !important;
        left: 72px !important;

    } */

    .search_text {
        margin-left: 10px;
        margin-right: 10px;
        margin: 10px;
        padding: 20px;
        width: auto;

    }
    .dashboard_commitee_member_right {
        margin-left: 5px;
    }
    .searchbutton {
        justify-content: center;


    }

    .getallp {
        text-align: center;
        margin-top: 10px;
    }

    .exploreorgp {
        text-align: center;
        margin-top: 10px;
    }

    .stats {
        border-right: none;
        border-bottom: 1px dotted black;
        border-width: 1px;
        padding: 5px;
        margin: 5px;

    }

    .stats p {
        margin: 4px;
        padding: 3px;
    }

    #adv_card {
        margin-top: 20px;
    }

    .ufjimage {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .logincard {
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
    }

    .update_samaj_ppl_title {
        margin-top: 30px;
        white-space: unset
    }

    .insta {
        width: 26px;
        height: 26px;

        opacity: 1;
    }

    .mail {
        text-align: center;
        justify-content: center;
    }

    .followus {
        float: left;
    }

    .last {
        text-align: center;
        justify-content: center;
        justify-items: center;
    }

    .social {
        text-align: center;
        justify-content: center;
        justify-items: center;

    }

    .adv_name {

        width: auto;

    }

    .adv_desig {
        width: 100%;
        font-size: 11px;
    }

    .nav-tabs .nav-item button {

        margin-left: 3px;
        text-align: center;

    }

    .act_form {
        width: 75%;
    }

    .act_form1 {
        width: 25%;
        margin-left: -20px;
    }

    .emailbtn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .navbar-nav .nav-item {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        text-align: center;
    }

    .navbar-nav .nav-item>.active {
        border-radius: 0%;
    }

    .inavbar .nav_indi .nav_linki {
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
    }

    .gap {
        margin-left: 0%;
        margin-top: 0%;
        margin-bottom: 0%;
        padding: 10px;
    }

    .link_text {
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .copybtn {

        height: 50px;
        font-size: 12px;
        font-family: 'Roboto';
        width: 80px;
        padding: 5px;
        border-radius: 10px;
        border: 1px solid black;
    }

    .footer_btn {
        width: inherit;
    }

    .footer_dot {
        border-right: none;
        border-bottom: 1px dotted #F8F8F8;

        margin-bottom: 15px;
    }

    .footer_desc {
        margin-top: 10px;
    }

    .carousel-control-prev {
        margin-left: -15px;

    }

    .carousel-control-next {
        margin-right: -15px;
    }

    .gallery1 {
        width: -webkit-fill-available !important;
    }

    .btn_following_modal {
        position: relative !important;
        right: 12px !important;
    }

    .responsive-iframe {
        width: 200px !important;
    }
    .center_layout{
        top: 190px !important;
    }
    /* .search_box {
    height: 45px;
    border-top-left-radius: 9px !important;
    border-bottom-left-radius: 9px !important;
    }
    .input-group-text.search2{
        border-top-right-radius: 9px !important;
        border-bottom-right-radius: 9px !important;
    } */


    /* .footer_image{
   display: block;
   margin-left: auto;
   margin-right: auto;
    } */

}

/*Media query for mobile rotate screen*/
@media (min-width:280px) and (max-width:800px) and (orientation:landscape) {
    .join_btn {
        width: 250px !important;
    }

    .mem_open {
        width: 250px !important;
    }

    .ufjimage {
        width: 200px !important;
    }

    .footer_dot {
        border-right: 1px dotted #F8F8F8;
        border-bottom: none;

        margin-bottom: 15px;
    }

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

    #adv_card {
        margin-top: 0px;
    }

    .new_to_jd {
        width: min-content !important;

    }



}

/*End of Media query for mobile rotate screen*/

/*start media query for tab screens*/
@media screen and (min-width:750px) and (max-width:1200px) {

    /*home page styles*/
    .navbar-nav .nav-item {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
        text-align: center;
    }

    .new_to_jd {
        width: 400px;
        float: left;
    }

    .footer_btn {
        width: inherit;
    }

    .footer_desc {
        margin-left: 20px !important;
    }


    .about {



        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-bottom: 0%;
    }

    .updatesfromjddesc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

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

    .ufjimage {
        width: 140px;
        border: 1px solid #FDCC79;
        border-radius: 4px;
        opacity: 1;
    }

    .update_samaj_ppl_title {
        text-align: center;
        font-size: 18px;
        letter-spacing: 0px;
        color: #151515;
    }

    .card_samaj {
        padding: 0%;
    }

    .getallimg {

        width: auto;
        height: 42px;
        border: 1px solid #FFB134;
        opacity: 1;
        border-radius: 50px;
    }

    /*end with home page styels*/
    /*Indidual detail page styles*/
    .join_btn {

        height: 80px;
        width: 92px !important;
    }

    .mem_open {
        height: 80px;

        white-space: break-spaces;
    }

    @media screen and (orientation:landscape) {
        .join_btn {

            height: 80px;
            width: 110px !important;
        }

        .mem_open {
            width: 105px !important;
        }
    }


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

    .latestnews_loc {
        color: #000000;
        font-size: 12px;
    }


    .event_loc {
        font-size: 12px;
    }

    .navbar-nav .gap {
        margin-left: 15px;
    }

    /* .dropdown1 {
        margin-left: inherit !important;
    } */

    /*end of ind detailed page styles */

}

/*End of media query for tab screens*/
@media only  screen and (min-width:740px) and (max-width:765px) {
    .Sanstha_org_home_head_scanner_card{
        top: -280px !important; 
    }
    .join_membership_btn {
        top: -37px !important;
        left: 219px !important;
    }
    .Sanstha_org_home_head_title {
        left: 107px !important;
    }
}
@media screen and (min-width:550px) and (max-width:770px){
    .leftcard_hamburger{
        left: -186px
    }
    .sanstha_cover{
        left: 28%;
    }
}
@media screen and (min-width:500px) and (max-width:550px){
    .Sanstha_org_home_head_stats_box{
        width: 180px;
    }
}
/* Preview Screen styles */
.preview_top{
    height: 45px !important;
    background: #454545 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 4px #00000029;
}
.preview_top div.col{
    margin-top: 10px ;
}
.preview_top .preview_col{
    margin-top: 10px ;
}
.preview_home_img{
    width: 16px;
height: 13px;

}
.preview_home_img_title{
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: #FFFFFF;
}
.preview_exit_img{
    width: 20px;
height: 20px;
background: #F6872B 0% 0% no-repeat padding-box;
border-radius: 10px;
}
.preview_home_tabs {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 3px #00000024;
    border-radius: 5px;

}

.preview_home_tabs .nav-tabs {
    margin-right: -5px !important;
    margin-left: -24px !important;
    justify-content: center;

}

.preview_home_tabs .nav-tabs .nav-link {
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    margin-left: 20px;
    margin-right: 27px;

}
.preview_home_tabs .nav-tabs .nav-item >.active{
    border-bottom: 2px solid #F6872B !important;
   border: none;
}
.preview_home_tabs .nav-link{
    transition:none !important;
}
/* .preview_home_tabs .nav-link:hover
{
    border: 0;
} */
.preview_committee{
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border: 1px solid #D8D8D8;
border-radius: 5px;
}
.preview_link_text {
    height: 40px;
    background: #F7F7F7 0% 0% no-repeat padding-box !important;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
}

#editor{
    color: #ccc;
 padding-top: 5px;
}
.text-truncate
{
    max-width: 100px !important;
}



:root {
    height: 100%;
  
    margin: 0;
    padding: 0;
    position: sticky;
}
.join_volunteer_title{
    text-transform:uppercase;
    font-family: 'Roboto' !important;
    font-size: 30px;
    color: #000;
    font-weight: 400;
}
.join_volunteer_card{
    width: 800px;
    box-shadow: 0px 3px 6px #00000029;
   
}
.fullname_volunteer_label{
    font-family: 'Roboto' !important;
    font-size: 12px;
    color: #555555;
}
.volunteer_btn{
width: 80px;
height: 33px;
border: 1px solid #606060;;
background-color: #FFFFFF;
border-radius: 10px;
font-family: 'Roboto' !important;
font-size: 14px;
color: #000;
padding: 1px;
}
.volunteer_btn_submit{
background-color: #FFA222;
width: 80px;
height: 33px;
border-radius: 10px;
font-family: 'Roboto' !important;
font-size: 14px;
color: #FFFFFF;
padding: 1px;
border: none;
}
.fullname_volunteer_input:focus {
    border-color: #FE9A36;
    box-shadow: 0 1px 1px rgba(255, 170, 0.5) inset, 0 0 2px 2px #FE9A36;
    outline: none;
    width: 100%;
}
/* input:invalid {
	border-color: red;
} */
@media screen and (min-width:270px) and (max-width:750px) {
    .join_volunteer_card{
        width: auto;
    }
    .volunteer_btn_submit{
        width: auto;
    }
    .volunteer_btn{
        width: auto;
    }
 
}

@media screen and (min-width:1400px) and (max-width:3500px) {
    .logincard{
        display: block;
    }
    .option_card_dashboard_news{
        left: 400px;
    }
    .option_card{
        left: 270px;
    }
    .join_membership_btn{
        left: 870px;
    }
    .sanstahome_tabs .nav-tabs .nav-link{
        margin-left: 35px;
        margin-right: 35px;
    }
    #myTabActContent{
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }
    .sanstha_dashboard_navtabs .nav-tabs .nav-link{
        margin-left: 25px;
        margin-right: 25px;
    }
    .dashboard_about_card{
        width: 403px;
    }
    .dashboard_commitee_member{
        width: 403px;
    }
    .dashboard_followus{
        width: 403px;
    }
    .dashboard_share {
        width: 403px;
    }
    .admin_dropdown_menu{
        width: auto !important;
        min-width: auto !important
    }

}
@media screen and (min-width:800px ) and (max-width:3500px){
    .bg_image1 {
       height: 87.1vh; 
        width: 100%;

    }
 
}

.center_layout{
  top:120px;
  position: relative !important;
padding-bottom: 100px
}
.right_layout::-webkit-scrollbar{
    display: none;
} 
.left_layout::-webkit-scrollbar{
    display: none;
}
.left_layout{
    flex-basis: 25%;
    position: sticky;
    top: 135px;
    align-self: flex-start;
    /* height: 100%;
    max-height: 100vh;
    overflow-y: scroll; */
    
}
.right_layout{
    flex-basis: 25%;
    position: sticky;
    top: 140px;
    align-self: flex-start;
    /* height: 100%;
    overflow-y: scroll;
    max-height: calc(100vh - 140px); */

}
.center_layout1{
top: 2px;
}
.left_layout1{
    top: 30px;
}
.inner_login_navbar{
    z-index: 1;
}
.input-group .btn{
    z-index: 0 !important;
}
.main_layout
{
    display: flex;
   
}
.blue_active{
    margin-right: -12px !important;
    margin-left: -12px!important;
}
.blue_active {
    background: #3D9BB4 0% 0% no-repeat padding-box !important;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-top: -8px !important;
    margin-bottom: -8px;
    width: -webkit-fill-available;
    margin-left: 12px;
    margin-right: -12px;
}
.img_blue_active{
    border: 1px solid #FFFFFF;
    margin-left: 12px
}
.img_blue_active1{
    margin-left: 20px
}

.manage_my_sanstha_label_active {
    font-family: 'Roboto' !important;
    font-size: 12px;
    color:#F7872B;
}
.manage_sanstha_input{
    left: 803px;
width: 345px;
height: 42px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
border-radius: 9px;
color: #8F8F8F;
font-family: 'Roboto' !important;
font-size: 12px;
padding: 10px;
}
.manage_sanstha_input::placeholder{
    color: #8F8F8F;
    font-family: 'Roboto' !important;
    font-size: 12px;
    padding: 10px;
}
.searchbutton_manage{
    width: 75px;
height: 42px;
background: #FEA632 0% 0% no-repeat padding-box;
border: 1px solid #B08235;
border-radius: 6px;
color: #FFFFFF;
font-family: 'Roboto' !important;
font-size: 15px;
}
.label_manage_sanstha{
    color: #030303;
    font-size: 18px;   
    font-family: 'Roboto' !important;
}
.input_manage{
    margin-left: auto;
}
.d-flex_manage{
    display: flex;
}
@media(max-width:980px){
    .d-flex_manage{
        display: block;
    }
    .searchbutton_manage{
        width: -webkit-fill-available;
        margin-top: 10px;
    }
    .manage_sanstha_input{
        width: -webkit-fill-available;
    }
}
.detailed_page_card{
    box-shadow: 0px 3px 6px #00000029;
border: 1px solid #D8D8D8;
}
.bg_detailed_page{
    background: #F4F4F4 0% 0% no-repeat padding-box;
}
.detailed_page_card_title{
    color: #2C2C2C;
    font-size: 16px;
    font-family: 'Roboto' !important;
}
.detailed_page_card_title22{
    color: #2C2C2C;
    font-size: 16px;
    font-family: 'Roboto' !important;
}