.main-pager a{color:red!important}
.jtc a{color:red!important}
.main-pager ul li{  font-weight: 500;    margin: 0 0 10px;}
.main-pager ul li:before{ 
	  
	display: inline-block;
	content: "";
   height: 11px;
    width: 11px;
    background-color: #fba922;
    border-radius: 50%;
    display: inline-block;
    margin-top: -4px;
    margin-right: 10px;}

/* post-css start*/
@media screen and (max-width: 600px) {
	.mb-mt-101{margin-top: 101px;}
	.headbackimg {display:none!important;}
	.headbackinfo .title.text-center{font-size: 45px!important;}
	.headbackinfo{font-size: 45px!important;}
	.headbackinfo .sub-title {    line-height: 32px!important;font-size: 30px!important;}
	.caption-bcko2{background: linear-gradient(to right, #bdb39e 75%, #bdb39e 50%);
	margin-top: -12px;
	padding: 25px;display:block!important}
	.caption-bcko{display:none}
	.mb-text-center{text-align:center;}
	.thm-container .title h2{font-size: 50px!important;line-height: 44px!important; margin-top: 20px;}
	.contact-form-content{padding: 33px 8px!important;}
	.mb-nopadding{padding:0px!important}
	.contact-info{margin:0px!important}
	.mb-mt-20{margin-top:20px!important}
}
@media only screen and (max-width: 768px) and (min-width: 768px){ 
    	.custom-cont{display: grid!important;}
		.box-creative{margin-top:0px!important}
}

.bdnmic-pad{padding: 60px 0px;}
.ml-20{margin-left:20px;}


.caption-bcko2{display:none}
/* post-css start*/


/* beyond-acadmics start*/
.caption-bcko{background:linear-gradient(to right, #bdb39e 75%, #e8e5df 50%);margin-top: -12px;
    padding: 15px;}
.flexin{display:flex}	
	.width-70{width:70%;}
	.width-30{width:30%;}
.flexin .caption-pad{margin-top:20px;    font-weight: 500;}
.bda-video-caption{font-size: 18px;line-height: 29px;}	


/* beyond-acadmics End*/



/* Index Start*/

@media screen and (min-width: 600px) {
.team-pic{margin:auto;    width: 222px!important;}
.inde-mt-20{margin-top:20px;}
.inde-mb-50{margin-bottom:50px;}
	
.evnt-main-cont{    margin: auto; width: 50%;}
#events{ }	

	
}

@media screen and (max-width: 600px) { 
.teams-section{background:#fff!important;}
.sec-2{margin-bottom:0px!important}
.event-content h3{text-align:center}
 }
.teams-section{background:#fff!important;}
.event .event-meta li>i, .icon-inde{background:#fff!important}

.team-pic img{    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    height: 440px;
    object-fit: cover;
    }	
.main-team .event-meta li{margin-bottom:10px}	
.icon-inde{    margin-right: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    color: red;
    border: 1px solid #e6e6ea;
    text-align: center;
    font-size: 15px;}	

.event .event-img a:after{background: none;}	
#events{    transform: skewY(-11deg);    z-index: 4;}
#events .container{    transform: skewY(11deg);  z-index: 2;}	
.sec-2{    background: #f4f4f8;
    padding: 0px 0px 0px 0px;
    z-index: 9;
    position: relative;}
#testimonial{    position: relative;
    z-index: 9;}	
.teams-section{background:#f4f4f8}	

.main-head-content{padding-bottom: 0;}
.head-content{    padding-bottom: 20px;
    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 13px 1px;
    background-repeat: repeat-x;}

/* Index End*/






.center-img{height: 400px!important;object-fit: cover;}
p{font-weight:500;}
.custm-colm{   
    display: block;height:auto;
    clear: both; padding:20px; width:50%}
.custom-rods{ margin-top:20px;margin-bottom:20px; display:flex; }

.img-custy{width:335px!important; height: 335px!important;}
.custom-cont{display:flex;}
.acdmic-back{background: linear-gradient(to left, #f4f4f8 50%, #fba922 50%);}
.timg-center{text-align:center}
.img-beydyn{    width: 68%;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
	height: 305px;
    margin-bottom: 0px;
    object-fit: cover;
}

.box-creative{margin: auto;background: #ffffff;
    box-shadow:20px 14px 2px 2px #c5b8a1;    margin-top: -27px; border-top:2px solid #ccc;}
.box-creative2{margin: auto;background: #ffffff;
    box-shadow:20px 14px 2px 2px #c5b8a1; border-top:2px solid #ccc;border-left: 2px solid #ccc;
    padding-top: 0px;}	
.breadcrumb{    background: #fff!important;
    color: #000;
    padding-left: 12px!important;}
.header-content .breadcrumb>li a {
    color: #000!important;
    line-height: 38px;
}	
.header-content .breadcrumb>li+li::before {
    color: #000;
}
#page-header .section-bg{
  background-image: url(https://monsterszilla.com/projects/ngo-new/img/bg-section.jpg)!important; */
    background-size: cover;
    background-attachment: fixed;}

p, li{color:#000!important;}
.navbar-brand .logo>img{    image-rendering: -webkit-optimize-contrast;}
.centerall{    display: block;
    margin: auto;}
.abou-block{    line-height: 31px;
    margin-bottom: 56px;}

.about-us-mission h2{font-family:"Montserrat",sans-serif!important}
.mis-head{font-family:"Montserrat",sans-serif!important}
.about-who-we{   background: #FFFF;
    border-radius: 20px;
    padding: 18px;
    height: auto;
    overflow: hidden;
    text-align: center;    border: 6px solid #fba922;}
.mb-13{margin-top: -13px!important;}
@media only screen and (max-width: 700px) {
.box-creative2{border:none;background:none}	
.img-custy{width:100%!important;height:auto!important;border-radius:0px;margin-bottom:20px}	
.acdmic-back{background:none;}
.title-cust{font-size:24px!important;}
.box-creative2, .box-creative{box-shadow:none}	
.custom-cont{display:inline;}
.about-sour-img3{height:auto;width:100%;}
video{width:100%}
.about-sour-img, .about-sour-img2{width:100%;height:auto}
.primary-button.centerall{    margin-bottom: 20px;}
.custom-sub{text-align:center}
.coustom-event-content{}
.about-cusotm .event-img{    width: 100%;
    object-fit: cover;}
#education blockquote:after{display:none;}
.art-custom-titile, .img-broder{margin-top:20px}
.sec-2{margin-bottom: -182px;}
.event-cstm{margin-top:-67px;}
.about-sec-color{background:#fff; padding-top:20px}
.blockcustom{padding-bottom: 57px!important;}
.team .event-img, .sec-csss .event-img{    display: block;
    margin: auto;
    margin-bottom: 20px;
    width: 100%;}
.sec-csss .event-img{height:220px;}	
.sec-csss .event-img img{object-fit:cover}	
}


#team-members h2{margin-top: 25px;margin-bottom: 14px;}
.sub-title{margin-bottom: -29px;}
.btn-mid{    display: block;
    margin: auto;
    width: 125px;}
@media only screen and (min-width: 650px) {	
.ddek-no-padd{padding:0px;}
.about-sour-img{    width: 50%;    object-fit: cover;    float: left;}
.about-sour-img2{   height:355px; width: 25%;    object-fit: cover;    float: left;}
.about-sour-img3{   height:355px; width: 33.33333333%;    object-fit: cover;    float: left;}
.misabout{margin-top: 20px;}	
	#about.section{
		padding-bottom:76px;
	}	
.team .event-img{    width: 40%;
    border-radius: 100%;
    overflow: hidden;
    height: 222px;}
.team .event-img img {
    width: 100%;
    height: 222px;
    object-fit: cover;
}	
.about-img{height:416px;object-fit: cover;}
#events .event-img img{height:222px; object-fit: cover;}
#blog .article-img img{height:270px; object-fit: cover;}
#blog .causes-donate{display: block;
    margin: auto;
    width: 146px;
    margin-top: 30px;}
}	



.custom-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
	.gropup-img , .passport{    height: auto;
    width: 100%;}
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

	
	
.custom-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
	
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.team-member img{height:231px;object-fit: cover;}
	
.ftco-navbar-light{background: #282214!important; top:0px; margin-bottom:20px; border-bottom: 10px solid #d49a3a;}	
	
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
 .close{position: absolute;
    background: #ccc;
    color: #000;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 1px;
    margin-left: 90%;
    margin-top: -21px;
	opacity:10;
	padding-top: 4px;	
	}
}	
	
	
#panel {
  display: none;
      z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding: 10px;
    min-width: 300px;
    max-width: 400px;
    background: #fff;
    text-align: center;
}
#owrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 998;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
}
#owrap.show {
    opacity: 1;
    visibility: visible;
}

	@media only screen and (min-width: 700px){


.img-responsive{  width: 100%;
  height: auto;}


.close{position: absolute;
z-index:9999999999999999;
    background: #ccc;
	cursor:pointer;
    color: #000;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 4px;
    margin-left: 92%;
    margin-top: -21px;}


.mb-20{margin: 20px;}
.ftco-navbar-light .navbar-toggler{margin:auto!important;}
.close{opacity:10;}



.img-about {
    position: relative;
    float: left;
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}


.img-about {
    position: relative;
	height:304px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.dot {
      height: 11px;
    width: 11px;
    background-color: #fba922;
    border-radius: 50%;
    display: inline-block;
    margin-top: -4px;
    margin-right: 10px;
}





.art-custom-titile{text-align: center!important; margin-bottom:28px;margin-top:28px; }

.second-title{margin-top:-20px;margin-bottom:38px;}

.line {    height: 78px;
    width: 49px;
    background-image: url(https://freepngimg.com/save/37514-pencil-icon/512x512);
    display: inline-block;
    padding-top: 24px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 116%;
    background-position-x: -6px;
    background-position-y: 26px;
      
}

.font-custom{font-size: 18px;}
.series-custom li{font-size: 18px;line-height:29px}
.img-broder{border-radius:22px}

.cutom-img-second{    height: 370px;
    object-fit: cover;}

.second-sec-img{    height: 196px;
    object-fit: cover;}
.second-sec-img-sec{ height: 250px;
    object-fit: cover;}	
	
.text-center{text-align:center}	
.custom-mar{margin-bottom: 28px; margin-top: 28px;}
@media only screen and (min-width: 700px) {
	
.coustom-event-content{padding-right: calc(40% + 30px)!important; padding-left:0px!important}
.blockcustom{height:296px!important}
.blockcustom2{height:243px!important}
.marg-28{margin-bottom: 32px;}
.event-meta.series-custom li{margin-bottom:20px;} 
}


.mb-28{margin-bottom: 28px;}
	{height: 11px;
    width: 12px;
    background-color: #fba922;
    display: inline-block;
    padding-top: 24px;
    margin-right: 10px;}
	
.primary-button{    background: #fba922;}
.navbar-brand .logo>img {
    max-height: 87px;
}
.navbar-brand {
    height: 84px;
    padding: 0;
}
.navbar-search .search-btn, .navbar-nav>li>a{line-height: 44px;}
.navbar-menu li a{border:none}
.active-bar{border-bottom:4px solid #fba922!important;}
.navbar-menu li.has-dropdown:after{top: 31px;}
.navbar-menu>li:first-child a, .navbar-menu>li:last-child a{border:none;}
.navbar-search{border:none;border-bottom:4px solid #fba922;}
.gropup-img{    height: 460px;
    width: 100%;
    object-fit: cover;
    object-position: center;}
.passport{height: 256px;
    width: 50%;
    margin: auto;
	margin-bottom:50px;
    display: block;}
.tag-line-p{font-size: 27px;
    line-height: 57px;}

/* Tab Css Start*/

/* Style the tab */
.tabs-cstm {
overflow: hidden;

}

/* Style the buttons inside the tab */
.tabs-cstm button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width:100%;
}

/* Change background color of buttons on hover */
.tabs-cstm button:hover {
  background-color: #d78706;
  color: #FFF;
}

/* Create an active/current tablink class */
.tabs-cstm button.active {
   background-color: #d78706;
   color: #FFF;
  
}

/* Style the tab content */
.tabcontent {
  display: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


/* Tab Css End*/

.captio{    text-align: center;
    font-weight: bold;
    font-size: 18px;
    background: #e8e5df;
    padding: 15px 0px;}