/*
Template Name: News Blog
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************blog****************/

.image-hover-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
  clip-path: url(#svg-clip-path);
}

.image-hover-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  will-change: transform;
}

.hover-svg {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.tags a {
    display: block;
    padding: 8px 15px;
    margin: 5px 5px 5px 0px;
    transition: 0.3s;
    background: var(--bg_gray_light);
    border-radius: 50rem;
    color: var(--green);
	transition: 0.3s;
	font-weight:500;
}
.tags a:hover {
    box-shadow: 0 .1rem 0.5rem rgba(0,0,0,.15)!important;
	transition: 0.3s;
}
/*********************blog_end****************/



@media screen and (max-width : 767px){
.blog_1_right{
	margin-top:20px;
}
.blog_1_dt1_inner_left{
	margin-top:10px;
	margin-bottom:10px;
}
.blog_dt1_inner2_right {
	margin-top:15px;
	text-align:left!important;
}
.blog_1_dt2_inner_right{
	margin-top:15px;
}
 }


@media (min-width:576px) and (max-width:767px) {
.blog_dt1_inner2_right {
	margin-top:0;
	text-align:right!important;
}
 }
 
@media (min-width:768px) and (max-width:991px) {

.blog_1_left {
	margin-right:0!important;
}
.blog_1_dt{
	margin-right:0!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {


 }

@media (min-width:1201px) and (max-width:1300px) {

 }
@media screen and (min-width : 1400px){


 }