*{
    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:#000;
    font-weight: bold;
    padding-bottom: 10px;
}

/* menu part css start */
.socialIcon{
    text-align: right;
    padding-top: 30px;
}
.socialIcon a i{
    background-color:#69b2b6;
    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:#2b6a6e;
}
.navbar {
    padding-top:0px;
    padding-bottom:0px;
}
.bg-light {
    background-color: #deeeff !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: #5c89bf;
}
/* 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: rgb(105, 178, 182);
    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: block;
    color:#5993e3;
    font-size: 16px;
    text-align: center;
    padding:2px 6px;
    border:1px solid #d5e0f0;
    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:#000;
    border:1px solid #000;
}
.noticeBox {
    border: 1px solid #b3d4fc;
    background-color: #e0edfe;
    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 #b3d4fc;
    background-color: #e0edfe;
    padding: 20px 30px;
    min-height: 290px;
}
.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:#5c89bf;
    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: #BFD5F1;
    font-size: 14px;
    padding:20px 15px;
    flex-wrap: wrap;
}
.footerHeading{
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 10px;
    color:#000;
    text-align: left!important;
}
.footer p{
    font-size: 17px;
    width: 400px;
}
.footerBottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #b4cdec;
    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: #7ba0d7;
    padding:35px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.searchField{
   display: grid;
   grid-template-columns: 150px 1fr;
   gap:12px;
   margin-bottom: 10px;
}
.searchField label{
    font-weight: bold;
    color:#ffff;
    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;
}
.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 45px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 2px solid #152f56;
    background: #152f56;
    color: #fff;
    font-size: 20px;
}
.searchButton button:hover {
    border: 2px solid #214273;
    background: #214273;
}
.custom_table thead{
    background-color: #152f56;
    color:#fff;
}
.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: #a8caee;
    padding:5px 15px;
    margin:5px 0px;
}
.listHeader h3{
    font-size: 18px;
    font-weight: bold;
    color:#000;
}
.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: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 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 #b3d4fc;
    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: #000B49;
}
.simplefilter.navbar {
    justify-content: center;
}

.photo_sec{
  padding:50px 0px;
}
.photo_sec .photo {
   border-radius: 10px;
   overflow: hidden;
   height: 200px;
   margin-bottom:15px;
   position: relative;
   border:2px solid #6a9acd;
   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 #b6daff;
    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 #4f84bb;
    background: #fff !important;
    padding: 20px;
    overflow: hidden;
    position: relative;
    margin: 30px 0px;
}
.admissionForm h4 {
    font-size: 30px;
    color: #1f548d;
    text-align: center;
    padding: 0px 0px 12px 0px;
}
.admissionForm .form_group {
    margin-bottom: 20px;
}
.admissionForm .p_label p {
    color: #033568;
    font-size: 18px;
    font-weight: normal;
}
.admissionForm .p_input input {
    border-radius: 5px;
    border: none;
    border: 1px solid #b6daff;
    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;
}
.profile_select {
    border-radius: 5px;
    border: none;
    border: 1px solid #b6daff;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    background: #fff;
}
.profile_img_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 25px;
}
.profile_img_box .profile_img img{
    height: 160px;
    width: 160px;
    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 #b6daff;
    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 img{
    width: 100%;
}
.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: #4f84bb;
    margin:0px;
    font-size: 20px;
}
.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: #69b2b6;
    border-color: #69b2b6;
}
.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:#69b2b6;
    display: inline-block;
}
.downloadButton:hover{
    color:#fff;
}

.mtResult{
    margin-top:55px;
}

.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:#b71419;
}
.nav-item.active .nav-link {
    color:#b71419;
}

@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: #6497ce !important;
    border: 1px solid rgb(191 213 241);
}
.NavbarFlex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.loginButton{
    background: #69b2b6;
    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: 20px;
    margin-right: 10px;
}
.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: 0px;
    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: #deeeff;
    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: #deeeff;
    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{
  position: absolute;
  right:30px;
}
.updateBtn a {
    background-color: #e97e7e;
    padding: 5px 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
    font-size: 24px;
    color: #000;
    display: inline-block;
}

.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;
}