@charset "utf-8";
/* CSS Document */

.allmatter h4 {
    text-transform: unset;
    color: #008a9a;
    font-size: 24px;
	margin-bottom:5%;
	padding-left:8%;
	
}
.allmatter h5 {
    text-transform: unset;
    color: #008a9a;
    font-size: 20px;
	margin-top:15px;
	margin-bottom:5px;
	padding-left:0px;
	
}
.allmatter h1 {
    text-transform: unset;
    letter-spacing: -2px;
    color: #008a9a;
    font-size: 30px;
	margin-bottom:2%;
}

.pagination{margin-left:40%!important;}
h1 span { color: #C92123; }



.allmatter table{ border:1px solid #999; }
.allmatter ul{ 
	margin:1% 1% 1% 4%;
}
.allmatter li{ list-style-image:url(../../images/tick.png); text-align:justify; padding-bottom:0.5%; }
.allmatter p{ text-align:justify; color:#333;}
.allmatter img{ float:right; clear:both; margin:10px 10px 10px 20px; border:4px solid #fff; box-shadow:0px 0px 5px 5px #ccc; border-radius:0px 20px;}

.input-txt{ border-color:#ffffff!important;}
.gallerygap{ margin:1% 0%;}


.mtop2{margin-top:2%;}












/************   Blog Page Code Start  *************/
.single-blog-item {
margin: 15px auto;
  position: relative;
  background: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.blog-content {
  padding: 20px;
  background-color: #FFFFFF;
  height: 200px;
  overflow: auto;
}
.blog-content h4 {
font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Lexend", sans-serif !important;
  letter-spacing: -.5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
}
.blog-content h4 a{
color: #008a9a;
  font-weight: 500;
	}
.blog-content p{
color: #4f4f4f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.blog-date{
	}
.blog-date {
position: absolute;
  background: #008a9a;
  top: 8px;
  left: 0;
  color: #fff;
  border-radius: 0 25px 25px 0;
  padding: 8px 15px;
  font-weight: 600;
  width: fit-content;
  font-family: "Lexend", sans-serif !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-size: 13px;
}
.more-btn {
  background: #008a9a;
  border-radius: 2px;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 30px auto auto auto;
  text-align: center;
  width: 110px;
  color: #f1f1f1;
}
/************   Blog Page Code End  *************/

.blog-thumnail a{
  display: block;
  width: 100%;
  height: 220px;
}
.blog-thumnail a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}