.page-overview h1,
.page-overview h2{
font-size: 28px;
margin-bottom: 20px;
color: var(--web-color-blue);
}
.page-overview figure.thumb img{
width: 100%;
height: auto; }
.page-overview figure.thumb figcaption{
font-size: 12px;
margin-top: 15px;
color: var(--web-color-ligh-blue);
text-transform: uppercase;
font-family: var(--web-text-title-font) !important;
}
.page-overview figure.thumb figcaption:lang(km){
line-height: 1.8;
}
.single-content .inner-content{
padding: 15px;
background-color: var(--web-color-ligh-gray);
}
.single-content .inner-content h3:first-child{
margin-top: 10px;
}
.single-content .inner-content h3{
font-size: 18px;
margin: 30px 0 15px;
} .related-articles .content-box{
overflow: hidden;
min-height: 360px;
background-color: var(--web-color-ligh-gray);
padding: 15px;
}
.related-articles .content-box .thumb{
overflow: hidden;
}
.related-articles .content-box img{
height: 180px;
object-fit: cover;
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.related-articles .content-box h3,
.related-articles .content-box h3 a{
width: 100%;
float: left;
}
.related-articles .content-box h3 a{
color: var(--web-color-blue);
font-size: 18px;
min-height: 44px;
margin-top: 15px;
}
.related-articles .content-box .short-desc  p{
float: left;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
min-height: 50px;
}
.related-articles:hover img{
opacity: .5;
}
.related-articles:hover .content-box:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
.related-articles:hover .content-box:hover{
-webkit-box-shadow: 0px 0px 8px 5px rgb(8 47 109 / 15%);
-moz-box-shadow: 0px 0px 8px 5px rgb(8 47 109 / 15%);
box-shadow: 0px 0px 8px 5px rgb(8 47 109 / 15%);
border-radius: 0 0 4px 4px;
}
.related-articles .content-box,
.related-articles .content-box:hover,
.related-articles .content-box img,
.related-articles:hover .content-box:hover,
.related-articles:hover .content-box, 
.related-articles:hover .content-box img,
.related-articles:hover .content-box:hover,
.related-articles:hover .content-box:hover img{
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
transition: all .35s ease-in;
}
@media (min-width: 1920px){
.site-main .heading-banner-wrap .page-banner{
height: 852px;
}
.site-main .heading-banner-wrap .page-banner img{
width: 100%;
margin: auto;
max-height: 852px;
object-fit: cover;
}
}
@media (max-width: 1199px){
.site-main .heading-banner-wrap .inner-content{
margin: auto !important;
}
}
@media (max-width: 991px){
.page-overview figure.thumb img{
margin-top: 0;
}
.single-content .inner-content h3{
margin: 16px 0 8px;
}
}