*{
    margin:0;
    padding:0;
    outline:0;
}
body {
    font-family: 'Kalpurush', serif;
}
a,p,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
}
.heading{
    font-size: 20px;
    color:#cb403e;
    font-weight: bold;
    padding-bottom: 10px;
}

/* menu part css start */
.socialIcon{
    text-align: right;
    padding-top: 30px;
}
.socialIcon a i{
    background-color:#a7cebc;
    color:#fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}
.socialIcon a i:hover{
    background-color:#6b854f;
}
.navbar {
    padding-top:0px;
    padding-bottom:0px;
}
.bg-light {
    background-color: #a7cebc !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #000;
    font-size: 20px;
}
.nav-link:focus, .nav-link:hover {
    color: #cb403e;
}
/* menu part css end */

/* Home page css start */


    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
    }
    .swiper-button-next{
        display: none;
    }
    .swiper-button-prev{
        display: none;
    }

.presidentBox{
    margin-bottom:20px;
}
.presidentImg{
    text-align: center;
    margin-top:10px;
}
.presidentImg img{
    width: 140px;
}
.loginImg{
    text-align: center;
}
.loginImg img{
    width:120px;
}
.sidebarHeading {
    background-color:#85af9c;
    color: #f9f9f4;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 10px;
}
.presidentText{
    text-align: center;
    padding:10px 0px;
}
.presidentText h4{
    color:rgb(7, 82, 81);
    font-size:18px;
}
.presidentText h5{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.detailsButton {
    display: inline-block;
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 2px 16px;
    border: 1px solid #a7cebc;
    background: #a7cebc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all linear.5s;
    -webkit-transition: all linear.5s;
    -moz-transition: all linear.5s;
    -ms-transition: all linear.5s;
    -o-transition: all linear.5s;
}
.detailsButton:hover{
    color:#fff;
    border:1px solid #cc403e;
    background: #cc403e;
}
.noticeBox {
    border: 1px solid #d8e3cb;
    background-color: #d7e6df;
    padding: 20px 30px;
}
.noticeFlex {
    display: flex;
}
.noticImg{
    flex: 0 0 80px;
}
.notice{
    padding-left: 20px;
}
.notice a{
    font-size: 16px;
    line-height: 30px;
    color:#333;
    display: block;
}
.subjectBox{
    border: 1px solid #d8e3cb;
    background-color: #d7e6df;
    padding: 20px 30px;
    min-height: 290px;
}
.aboutBox{
    border: 1px solid #d8e3cb;
    background-color: #d7e6df;
    padding: 20px 30px;
    min-height: 190px;
}
.linkList{
    padding:10px 5px;
}
.link a{
    font-size: 16px;
    line-height: 20px;
    color:#333;
    display: block;
}
.link{
    display: flex;
    gap:10px;
    padding:5px 0px;
}
.link i {
    color: #96af7c;
    margin-top: 2px;
}
.helpLineImg{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:5px;
    padding-top:10px;
}
.helpLineImg img{
    width: 100px;
}
.footerTop{
    display: flex;
    justify-content: space-between;
    background: #a7cebc;
    font-size: 14px;
    padding:20px 15px;
    flex-wrap: wrap;
}
.footerHeading{
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 10px;
    color:#cb403e;
    text-align: left!important;
}
.footer p{
    font-size: 17px;
    width: 400px;
}
.footerBottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #85af9c;
    font-size: 14px;
    padding:5px 0px;
    flex-wrap: wrap;
}
.footerCenter{
    display: flex;
    justify-content: center;
}

/* Home page css end */

/* member list page css start */
.searchBox {
    background-color: #a7cebc;
    padding: 35px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.searchFlex{
    display: flex;
    align-items: end;
    justify-content: center;
    gap:15px;
}
.searchField{
    flex: 0 0 33%;
}
.searchField label {
    font-weight: bold;
    color: #cb403e;
    font-size: 17px;
}
.searchField input{
    border:1px solid #aaa;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding:5px 10px;
    width: 100%;
}
.searchField input::placeholder{
    color:#444;
}
.select2-container {
    width: 100%!important;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 1px;
}
.searchButton{
    text-align: center;
}
.searchButton button {
    padding: 2px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 2px solid #ce403e;
    background: #cb403e;
    color: #fff;
    font-size: 20px;
}
.searchButton button:hover {
    border: 2px solid #841311;
    background: #801311;
}
.custom_table thead {
    background-color: #d7e6df;
}
.memberImg img{
    width: 72px;
}
/* .select2-container {
    width: 250px!important;
} */
/* member list page css start */
.listHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #d7e6df;
    padding: 5px 15px;
    margin: 25px 0px 0px 0px;
}
.listHeader h3{
    font-size: 18px;
    font-weight: bold;
    color:#cb403e;
}
.listHeader h5{
    font-size: 18px;
    color:#000;
}
.listHeader h5 span{
    font-size: 20px;
    font-weight: bold;
    color:#cb403e;
}
.listHeader a{
    padding:1px 10px;
    background-color: #597a9d;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.listHeader a.searchAgainBtn{
    background-color: rgb(173, 3, 3)!important;
    padding:4px 10px;
}

/* member details page css start */
.side_link_box {
  border-radius: 20px;
  border: 0;
  box-shadow: 0px 0px 2px 0px #597a9d;
  background: #fff !important;
  padding: 20px;
  overflow: hidden;
  position: relative;
  margin:10px 0px 30px 0px;
}
.side_link_box p{
  text-align: justify;
}
.s_bder_left{
  border-left: 1px solid #4a8fd4;
  margin-bottom: 20px;
}
.common_des h3{
  font-size: 24px;
  font-weight: bold;
}
.common_des h5{
  font-size: 16px;
  font-weight: bold;
}
.common_des p{
  font-size: 16px;
  text-align: justify;
}
.common_des img{
  height: 220px;
  width: 220px;
}

.member_txt_details {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.member_txt_details table tr td {
	font-size: 15px;
	padding: 5px 3px;
	color: #333;
}
.details_address{
  padding-top:20px;
}
.member_img_details{
  display: flex;
  gap:15px;
  flex-wrap: wrap;
}
.member_img_details .details_img{
  height: 150px;
  width: 150px;
  border-radius: 5%;
  overflow: hidden;
  border:1px solid #BDCAD9;
}
.details_img_txt h3{
  color:#000B49;
  margin:5px 0px 10px 0px;
}
.details_address{
  padding-top:20px;
}
.member_img_details .details_img img{
  height: 150px;
  width: 150px;
  border-radius: 5%;
  overflow: hidden;
}
.details_img_txt h3 {
    color: #34868b;
    margin: 5px 0px 10px 0px;
    font-size: 22px;
}
.addressBox{
    display: flex;
    justify-content: space-between;
}

/* member details page css end */

/* common page css start */
.commonPageBox {
    border: 1px solid #a7cebc;
    padding: 12px;
}
.commonPageBox h3{
    font-size: 22px;
    text-align:center;
    padding-bottom: 5px;
}
.commonPageImg{
    text-align: center;
    margin-bottom: 10px;
}
.commonPageText p{
    font-size: 18px;
    text-align: justify;
}
/* common page css end */

/* photo gallery css start */
.simplefilter {
    padding-top:30px;
    padding-bottom: 10px;
}
.simplefilter li {
  display: inline-block;
  background: #6a9acd;
  border-radius: 5px;
  padding: 5px 15px;
  color: #fff;
  font-size: 18px;
  margin:3px;
}
.simplefilter li.active{
    background: #cb403e;
}
.simplefilter.navbar {
    justify-content: center;
}

.photo_sec{
  padding:50px 0px;
  min-height: 50vh;
  margin-top:30px;
}
.photo_sec .photo {
   border-radius: 10px;
   overflow: hidden;
   height: 200px;
   margin-bottom:15px;
   position: relative;
   border:2px solid #a7cebc;
   overflow: hidden;
}
.photo_sec .photo img{
  width: 100%;
  height: 100%;
  transition: all linear .5s;
}
.photo_sec .photo:hover img{
  transform:scale(1.1);
}

.photo .photo_overlay{
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
  text-align: center;
  background:rgba(255,255,255, .5);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
/* photo gallery css end */

/* notice part css start */

.noticeItem {
    padding: 10px 10px;
    box-shadow: 0px 1px 14px #f1dbdb;
    border-radius: 5px;
    display: flex;
    margin-bottom: 10px;
}
.noticeItem img {
    float: left;
    padding-right: 10px;
    width: 80px;
    height: 45px;
}
.noticeItem h2 {
    font-size: 20px;
    margin: 0px;
    padding: 0px;
}
.noticeItem a {
    color: #000B49;
}
.noticeItem h2 span{
    color: #333;
    font-size: 14px;
    line-height:20px;
    font-weight: bold;
}
/* notice part css end */

/* Prokasona part css start */
.prokasona_box {
    box-shadow: 0 0 25px 0px rgba(243, 114, 114, .4);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.prokasona_img img{
    width: 100%;
    padding:10px;
}
.prokasona_txt {
    padding: 10px 10px 15px 10px;
}
.prokasona_txt h4 {
    margin: 0px;
    text-align: justify;
    color: #000B49;
    line-height: 24px;
    height: 50px;
    font-size: 20px;
    overflow: hidden;
}
.prokasona_txt p {
    font-size: 14px;
    color: #00763A;
    margin-bottom: 12px;
}
.prokasona_btn {
    display: flex;
    gap: 10px;
}
.read_more a {
    font-size: 15px;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px;
    background: #FF6B6B;
    border-radius: 6px;
    transition: all linear .5s;
}
.read_more a:hover {
    color: #fff;
    background: #000B49;
}
/* Prokasona part css end */

/* Member admission page css start */
.admissionForm {
    min-height: 20rem;
    border-radius: 20px;
    border: 0;
    box-shadow: 0px 0px 4px 0px #c1d5ac;
    background: #fff !important;
    padding: 20px;
    overflow: hidden;
    position: relative;
    margin: 30px 0px;
}
.admissionForm h4 {
    font-size: 30px;
    color: #cb403e;
    text-align: center;
    padding: 0px 0px 12px 0px;
}
.admissionForm .form_group {
    margin-bottom: 20px;
}
.admissionForm .p_label p {
    color: #000;
    font-size: 18px;
    font-weight: normal;
}
.admissionForm .p_input input {
    border-radius: 5px;
    border: none;
    border: 1px solid #ced4da;
    background-color: transparent;
    padding: 3px 10px;
    height: 38px;
    width: 100%;
}
.admissionForm .p_txtarea textarea {
    border-radius: 5px;
    border: none;
    border: 1px solid #b6daff;
    padding: 3px 10px;
    width: 100%;
    text-align: left;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #91af71;
    border-radius: 4px;
}
.profile_img_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 25px;
}
.profile_img_box .profile_img img{
    height: 120px;
    width: 120px;
    border-radius: 50%;
    border: 1px solid #b6daff;
    overflow: hidden;
}
.search_btn {
    text-align: center;
    margin: 15px 0px 5px 0px;
}
.search_btn .s_btn {
    padding: 6px 17px;
    background: #4f84bb;
    border: 1px solid #4f84bb;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    transition: all linear .5s;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
}
/* Member admission page css end */

/* notice details css start */
.noticeDetailsTitle{
    font-size: 21px;
    text-align: left!important;
    font-weight: bold!important;
}

.noticeDetailsImg{
    text-align: center;
}
.noticeDetailsImg img{
    width: 60%;
}
.noticeDetailsText p{
    font-size: 18px;
    text-align: justify;
}
/* notice details css end */

/* login part css start */
.search_box input {
    width: 100%;
    border-radius: 5px;
    border: none;
    border: 1px solid #6497ce;
    padding: 2px 5px;
}
.member_login_flex {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 25px 0px;
}
.login_img {
    flex: 0 0 50%;
}
.otp_box {
    border-radius: 20px;
    box-shadow: 0px 0px 2px 0px #374CC3;
    background: #fff !important;
    padding: 20px;
    overflow: hidden;
}
.search_btn .otp_btn {
    padding: 3px 10px;
    background: #4f84bb;
    border: 1px solid #4f84bb;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    transition: all linear .5s;
}
.about_txt h2 {
    color: #14467d;
    font-weight: bold;
    font-size: 27px;
    margin: 0px;
}
.login_txt h4 {
    color: #000;
    margin:0px;
    font-size: 20px;
    margin-top:8px;
}
.search_box label {
    color: #000B49;
    font-size: 17px;
    font-weight: bold;
    margin-top:15px;
}
/* login part css end */
.flipbook-viewport{
    margin-left: 90px;
}

.swiperOne .swiper-slide img {
    height: 220px;
}
.video iframe{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #cb403e;
    border-color: #cb403e;
}
.page-link {
    color: #69b2b6;
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 0rem!important;
}
.downloadButton{
    padding:4px 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color:#fff;
    background:#b9d996;
    display: inline-block;
}
.downloadButton:hover{
    color:#fff;
}

.mtResult{
    margin-top:25px;
}

.commonPageText span{
    font-size: 18px!important;
}
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title, table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title, table.dataTable thead > tr > td div.dt-column-header span.dt-column-title, table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title, table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title, table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title, table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title, table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
    font-size: 18px;
}
.custom_table thead tr th{
    font-size: 18px;
}
.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-item .accordion-button {
    font-size: 18px;
}
.s_link_hder h3{
    font-size: 20px;
}
.dropdown-item {
    font-size: 18px;
}
.copyRight p{
    font-size: 15px;
}
.designBy p{
    font-size: 15px;
}
.a{
    color:#5993e3;
}

.active {
    color:#cb403e;
}
.nav-item.active .nav-link {
    color:#cb403e;
}

@keyframes active_vibate {
	0% {
		transform: translate(1px, 1px) rotate(0deg);
	}
	10% {
		transform: translate(-1px, -1px) rotate(-1deg);
	}
	20% {
		transform: translate(-1px, 0px) rotate(1deg);
	}
	30% {
		transform: translate(1px, 1px) rotate(0deg);
	}
	40% {
		transform: translate(1px, -1px) rotate(1deg);
	}
	50% {
		transform: translate(-1px, 1px) rotate(-1deg);
	}
	60% {
		transform: translate(-1px, 1px) rotate(0deg);
	}
	70% {
		transform: translate(1px, 1px) rotate(-1deg);
	}
	80% {
		transform: translate(-1px, -1px) rotate(1deg);
	}
	90% {
		transform: translate(1px, 1px) rotate(0deg);
	}
	100% {
		transform: translate(1px, -1px) rotate(-1deg);
	}
}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
    color: #b9d996 !important;
    border: 1px solid rgb(185 217 150);
}
.NavbarFlex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.loginButton{
    background: #cb403e;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding:3px 12px;
    color:#fff;
    font-size: 16px;
    margin-right: 10px;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
}
.profileImg{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -97px;
    margin-top: .125rem;
}
.userFlex{
    display: flex;
    align-items: center;
    gap:20px;
}
.userFlex img{
    width: 80px;
    height: 80px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.otpInput{
    display: flex;
    gap:5px;
}
.otpInput .input{
    text-align: center;
    padding-left: 0px;
    width: 50px;
    border:1px solid #69b2b6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.loginButton:hover {
	color: #000;
}
.paymentDiv{
    margin-top:20px;
}
.paymentButton{
    padding:5px 20px;
    background-color: #69b2b6;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
    text-align: center;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
    font-size: 20px;
}
.paymentButton p{
    text-align: center;
}
.paymentButton:hover{
    color:#000;
}
.noticeText p{
    font-size: 20px;
    color:#000;
}
.noticeText span{
    font-size: 12px;
    color:#000;
}

.memberError{
    display: flex;
    justify-content: center;
    border: 1px solid #efdbdb;
    border-radius: 10px;
    padding: 30px;
}
.memberErrorText{
    text-align: center;
}
.memberErrorText p{
     font-size: 32px;
     color: rgb(221 35 35);
}
.video {
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid #6a9acd;
    margin-bottom: 12px;
}
.notFound {
    border: 1px solid #efdbdb;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    justify-content: center;

}
.notFound p{
    font-size: 32px;
    color: rgb(221 35 35);
    text-align: center;
}
.member_img_details{
    background-color: rgb(231 236 247);
    padding:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 10px;
}
.organizational{
    background-color: #a7cebc;
    padding:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.organizational h3 {
    font-size: 26px;
    text-align: center;
    color: #326193;
    background: #e9c0c0;
    padding-top: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.personalInformation{
    background-color: rgb(231 236 247);
    padding:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin:10px 0px;
}
.personalInformation h3{
    font-size: 26px;
    text-align: center;
    color: #326193;
    background: #e9c0c0;
    padding-top: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.member_txt_left table tr td strong{
    font-size: 17px;
}
.details_address{
    flex: 0 0 49%;
    background-color: #a7cebc;
    padding:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.details_address h4{
    font-size: 20px;
    color:#326193;
    margin-bottom: 5px;
    text-align: center;
}
.member_txt_right, .member_txt_center, .member_txt_left {
    background-color: #e7dddd;
    border-radius: 5px;
    padding: 8px;
}
.updateBtn{
    text-align: center;
    box-shadow: 0 0 4px #a7cebc;
    border-radius: 5px;
    padding: 8px;
}
.updateBtn a {
    background-color: #e97e7e;
    padding: 3px 12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: #000;
    display: inline-block;
}
.updateBtn .profile{
    background-color: #7abcdb;
}
.updateBtn .renew{
    background-color: #e97e7e;
}
.updateBtn .payments{
    background-color: #68b591;
}
.updateBtn .update{
    background-color: #55db55;
}
.updateBtn .member_request{
    background-color: #d5ad53;
}

.share_icon {
    gap: 10px;
    justify-content: center;
    margin-top:20px;
}
.share_icon a i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #0f8445;
    border-radius: 17%;
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
}
.image img{
    width: 100%!important;
}
.image.image_resized{
    width:100%;
}
.image.image_resized img{
    width: 100%!important;
}
.serviceTitle {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 24px 0px 10px 0px;
    color: #4a642e;
}
.services{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:15px;
}
.seviceItem{
    border: 1px solid #d8e3cb;
    background-color: #d7e6df;
}
.seviceItem img{
    width: 100%;
}
.seviceItem h3 {
    text-align: center;
    font-size: 22px;
    padding: 5px 0px;
    color:#cb403e;
}
.table>thead {
    vertical-align: top;
}
.referenceBox {
    background: #efefef;
    padding: 10px 15px;
    margin-bottom: 20px;
}
.referncePhoto{
    width:90px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 0px 0px 3px #333;
}
.referenceTitle {
    font-size: 22px;
    color: #cb403e;
    text-align: left;
}

/* committee part start */
/* Member section part css start */
.committeeHeader h3 {
    font-size: 24px;
    font-weight: bold;
    color: rgb(208 93 62);
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
}
    
	.committee_1 {
		display: flex;
		justify-content: space-evenly;
        flex-wrap: wrap;
	}
	.committee_1 .committee_card {
		box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
		background-clip: border-box;
		border: 1px solid rgba(0, 0, 0, 0.125);
		border-radius: 2rem;
		overflow: hidden;
		position: relative;
		margin-bottom: 30px;
		z-index: 1;
		width: 240px;
		padding: 10px;
	}
	.committee_1 .bar_committee_img{
		position: relative;
		width: 130px;
		height: 130px;
		object-fit: cover;
		border-radius: 50%;
		margin: 20px auto;
		text-align: center;
		box-shadow: 0px 0px 0px 2px rgba(25, 43, 54, 0.2);
		transition: box-shadow 0.3s ease;
		overflow: hidden;
		transition: all ease .3s;
	}
	.committee_1 .back_committee_img{
		width: 100px;
		height: 100px;
	}
	.bar_committee_text{
		text-align: center;
		margin-bottom: 10px;
	}
	.committee_1 .bar_committee_text h3{
       font-size: 18px;
	   color:#000;
	   margin-bottom:0px;
	}
	.committee_1 .bar_committee_text h4{
       font-size: 15px;
	   font-weight: bold;
	   color:#0A0332;
	   margin-top:3px;
	   margin-bottom: 5px;
	}
	.committee_1 .bar_committee_text p{
       font-size: 16px;
	}

	.committee_2{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
	.committee_2 .committee_card {
		box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
		background-clip: border-box;
		border: 1px solid rgba(0, 0, 0, 0.125);
		border-radius: 2rem;
		overflow: hidden;
		position: relative;
		z-index: 1;
		padding: 10px;
		height: 250px;
		flex: 0 0 24%;
	}

	.committee_2 .em_feature_flipbox {
		flex:0 0 24%;
	}

	.committee_2 .bar_committee_img{
		position: relative;
		width: 100px;
		height: 100px;
		object-fit: cover;
		border-radius: 50%;
		margin: 20px auto;
		text-align: center;
		box-shadow: 0px 0px 0px 2px rgba(25, 43, 54, 0.2);
		transition: box-shadow 0.3s ease;
		overflow: hidden;
		transition: all ease .3s;
	}
	.committee_2 .back_committee_img{
		width: 80px;
		height: 80px;
	}
	.committee_2 .bar_committee_text h3{
       font-size: 18px;
	   line-height: 20px;
	   color:#000;
	   margin-bottom: 2px;
	}
	.committee_2 .bar_committee_text h4{
       font-size: 15px;
	   font-weight: bold;
	   color:#0A0332;
	   margin-top:0px;
	}
	.committee_2 .bar_committee_text p{
       font-size: 13px;
	}

    .committee_3{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
	.committee_3 .committee_card {
		box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
		background-clip: border-box;
		border: 1px solid rgba(0, 0, 0, 0.125);
		border-radius: 2rem;
		overflow: hidden;
		position: relative;
		z-index: 1;
		padding: 10px;
		height: 250px;
		flex: 0 0 24%;
	}

	.committee_3 .em_feature_flipbox {
		flex:0 0 24%;
	}

	.committee_3 .bar_committee_img{
		position: relative;
		width: 100px;
		height: 100px;
		object-fit: cover;
		border-radius: 50%;
		margin: 20px auto;
		text-align: center;
		box-shadow: 0px 0px 0px 2px rgba(25, 43, 54, 0.2);
		transition: box-shadow 0.3s ease;
		overflow: hidden;
		transition: all ease .3s;
	}
	.committee_3 .back_committee_img{
		width: 80px;
		height: 80px;
	}
	.committee_3 .bar_committee_text h3{
       font-size: 18px;
	   line-height: 20px;
	   color:#000;
	   margin-bottom: 2px;
	}
	.committee_3 .bar_committee_text h4{
       font-size: 15px;
	   font-weight: bold;
	   color:#0A0332;
	   margin-top:0px;
	}
	.committee_3 .bar_committee_text p{
       font-size: 13px;
	}
    .bg_img {
        position: absolute;
        height:100%;
        top: 5px;
        left: 12px;
        opacity: .1;
    }
    .em_feature_flipbox {
        margin-bottom: 10px;
        perspective: 1000px;
        position: relative;
        transform-style: preserve-3d;
        -webkit-perspective: 1000px;
        -webkit-transform-style: preserve-3d;
    }
    .em_feature_flipbox .feature_flipbox_font {
        min-height: 245px;
        height: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transition: transform .7s ease, -webkit-transform .7s ease;
        position: relative;
    }
    .em_feature_flipbox:hover .feature_flipbox_font {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .em_feature_flipbox:hover .feature_flipbox_back {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    .em_feature_flipbox .feature_flipbox_back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 245px;
        height: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transition: transform .7s ease, -webkit-transform .7s ease;
    }
    img{
        max-width: 100%;
    }
    .committee_details{
        margin-top:8px;
    }
    .committee_details a{
        background-color: rgb(13, 161, 75);
        color:#fff;
        padding:3px 10px;
        border-radius: 30px;
        display: inline-block;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        transition: all linear .5s;
        -webkit-transition: all linear .5s;
        -moz-transition: all linear .5s;
        -ms-transition: all linear .5s;
        -o-transition: all linear .5s;
}
    .committee_details a:hover{
        background-color: rgb(65, 13, 161);
}
.notFoundImg{
    text-align: center;
}
.notFoundImg img{
    width: 100%;
    opacity: .6;
}
.btn.btn-xs{
    font-size: 12px;
    padding:5px 10px;
}
.left{
    text-align: left;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.renewTable {
    display: flex;
    justify-content: center;
    background: #a7cebc;
    padding: 30px;
    border-radius: 5px;
}
.renewTable tr td{
    padding:3px 5px;
    font-size: 20px;
}
.memberRequestMain {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
}
.memberRequest {
    text-align: center;
    box-shadow: 0px 0px 10px 3px #d9e9e1;
    border-radius: 5px;
    margin: 5px;
    padding: 8px;
}
.memberRequest p{
    color:#000;
}
/* committee part end */
.nav-tabs .nav-link {
    background: #68b591;
    color: #000;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000;
    background-color: #e97e7e;
    border-color: #e97e7e #dee2e6 #fff;
}
.nav-link {
    padding: .3rem 1rem!important;
}
.dt-input{
    margin-right: 8px!important;
}
.text-left{
    text-align: left!important;
}
.messageBox {
    background-color: rgb(218 241 230);
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 10px;
}
.thankMessage {
    color: #197c19;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}
.verifyText {
    color: #d7461b;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgb(242 243 245)!important;
}

/* what up icon */
.whatsUpIcon{
    position: fixed;
    bottom: 50px;
    right: 30px;
}
.whatsUpIcon i{
    font-size: 50px;
    color:#25d366;
}