.blog-container{
width:80%;
margin:0 auto ;
}
.blog-content-page h3 {
    font-weight: 500;
    padding-bottom: 10px;
}
.mission {
background: #f2f2f2;
padding: 5% 0;
}
.bwrap {
columns: 3;
column-gap: 20px;
margin: 10px auto;
display: grid;
grid-template-columns: repeat(3,1fr);
}
.bwrap .box {
width: 100%;
margin: 0px 0px 20px;
overflow: hidden;
background: #fff;
break-inside: avoid;
}
.plisting .box a {
text-decoration: none;
color: #212529;
}
.lb-img {
overflow: hidden;
}
.bwrap .box img :hover{
transition: 0.7s ease;
}
.alink:hover {
color: #008fb1 !important;
}
.plisting img {
width: 100%;
}
.mission img {
width: 100%;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.cstudysec.mission .mcont {
width: 90%;
margin: auto;
}
.plist-page .mcont {
padding: 20px 15% 5% 5%;
}
.mission .mcont {
padding: 20px 0px;
background: #fff;
width: 95%;
position: relative;
}
.mcont{
	display:flex;
	flex-direction:column;
}
.plisting .fmedium {
font-size: 23px;
line-height:30px;
font-weight:bold;
color:#000;
}
.plisting p {
line-height: 30px;
font-size:16px;
}
.anew::before {
border-bottom: 1px solid #ccc;
}
.anew::before {
content: "";
position: absolute;
bottom: 0;
border-bottom: 1px solid rgb(0 143 177 / 30%);
width: 100%;
transition: transform .5s cubic-bezier(.65, .005, .35, .995);
}
.plisting .anew svg:first-child {
top: 44%;
}
.anew svg:first-child {
top: 30%;
left: 0;
position: absolute;
transform: translateX(-50px);
opacity: 0;
transition: transform .5s cubic-bezier(.65, .005, .35, .995);
}
.anew svg {
width: 20px;
height: 7px;
fill: #008fb1;
}
svg {
overflow: hidden;
vertical-align: middle;
}
.anew svg:first-child {
top: 30%;
left: 0;
position: absolute;
transform: translateX(-50px);
opacity: 0;
transition: transform .5s cubic-bezier(.65, .005, .35, .995);
}
.anew {
padding-bottom: 5px;
position: relative;
overflow: hidden;
transition: transform .3s cubic-bezier(.65, .005, .35, .995);
display: inline-flex;
width: 200px;
}
.anew span, .slide-text p {
font-size: 14px;
}
.anew span {
transition: transform .5s cubic-bezier(.65, .005, .35, .995);
color: #006177;
}
.anew:hover span {
transform: translateX(30px);
}
.bwrap .box:hover img {
/* transform: scale(1.05); */
}
.cbtn {
color: #000!important;
background: #fbb120;
font-weight: 500;
padding:12px 18px;
width: 20%;
text-align: center;
}

.cbtn:hover{
	background:#ed3237;
	color:#fff !important;
}
.post-date {
display: flex;
align-items: center;
}
.widget-post__date, .post-date p, .post-date {
font-size: 14px;
}
.post-date {
margin-top: 10px;
gap:5px;
border-bottom: 1px solid #fbb120;
}
.post-date img{
width:30px!important;
}
.pb-space{
padding-top:20px!important;
}
.sub-banner {
height: 200px;
background:#838282;
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.sub-banner h1 {
font-size: 34px;
line-height: 36px;
font-weight: 400;
color: #fff;
}
/* detail page */
.gbg {
background: #f6f6f6;
}
.pspace {
padding: 100px 0px;
}
.blogsingle {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blogsingle .col-md-8 {
width: 60%;
}
.feature-image img {
width: 100%;
height: auto;
object-fit: cover;
}
.blogsingle h2,h1 {
font-size: 24px;
line-height: 40px;
font-weight: 600;
margin: 25px 0px 10px 0px;
position: relative;
}
.bcol1 p {
margin-bottom: 15px;
}
.sdate {
margin-top: 10px;
display: flex;
margin-bottom: 20px;
}
.sdate svg {
margin-right: 5px;
}
.bcol1 p {
margin-bottom: 15px;
font-size:17px;
line-height:25px;
}
.sdate {
margin-top: 10px;
display: flex;
margin-bottom: 20px;
}
.blogsingle .col-lg-4 {
width: 35%;
}
.widget__title::after {
content: '';
position: absolute;
left: 0;
bottom: -5px;
width: 100px;
height: 2px;
background: #fbb120;
}
.blogsingle .widget__title {
margin-bottom: 25px;
font-size: 28px;
}
.widget-post-item {
margin: 10px 0px;
}
.widget-post__img {
width: 220px;
}
.widget-post__img img {
display: flex;
object-fit: cover;
height: 90px;
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.widget-post__content {
padding-left: 15px;
width: 90%;
}
.widget-post__content h4, .widget-post__content h2 {
font-size: 18px;
line-height: 24px;
margin: 0px;
}
.line-clamp2 a {
color: #000;
}
.blogs h2, .line-clamp2 a, .nlcont h2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.widget-post__date {
font-size: 14px;
margin-top: 5px;
display: flex;
}
.widget-post-item {
margin: 10px 0px;
}
.widget-post__title:hover a, .blogs:hover a {
color:#fbb120;
}
/* responsive */
@media(max-width: 980px){
	.bwrap {
   
    grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width:768px){
.bwrap {
grid-template-columns: repeat(1,1fr);
}
.plisting .fmedium {
font-size: 18px;
line-height: 25px;
}
.plisting p {
line-height: 30px;
font-size: 16px;
}
.blogsingle .col-md-8 {
width: 100%;
}
.blogsingle .col-lg-4 {
width: 100%;
}
.mission .mcont {
padding: 20px;
}
@media(max-width:480px){
.bwrap {
grid-template-columns: repeat(1,1fr);
}
.blog-container {
width: 90%;
}
.blogsingle h1 {
    font: 24px ProximaNova-Bold;
}
}