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


/* Define the sonar animation */
@keyframes sonar-pulse {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(2); /* Adjust scale for desired ring size */
    opacity: 0;
  }
}



/*********************categ****************/
.number_box{
	width:45px;
	height:45px;
	line-height:45px;
}
/*********************categ_end****************/

/*********************feed****************/

/* Style the icon and apply the animation */
.video-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: blue;
    border-radius: 50%;
    display: flex
;
    justify-content: center;
    align-items: center;
    /* top: 0; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  
}

.video-icon .video-icon-sonar {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 255, 255, 0.7); /* Ring color and opacity */
  border-radius: 50%;
  animation: sonar-pulse 2s infinite ease-out; /* Apply the animation */
}

.feed_1_right img{
	border-radius:0px 5px 5px 0px;
}
.feed_1m{
	border-radius:5px 0px 0px 5px;
}
/*********************feed_end****************/

/*********************follow****************/
.follow_1_left_inner {
	 padding-top: 45%;
    padding-left: 40%;
	transition: 0.3s;
	display:none;
}
.follow_1_left:hover .follow_1_left_inner{
	transition: 0.3s;
	display:block;
}
/*********************follow_end****************/

@media screen and (max-width : 767px){

.categ_2_inner {
	 margin-top:10px;
	  margin-bottom:10px;
}
#blog_h .container-xl{
	padding:40px 20px!important;
}

.list_h1_left{
	 margin-top:10px;
	  margin-bottom:10px;
}
.feed_1_left {
	padding:15px!important;
}
.feed_1_right {
	margin-top:20px;
}
.center_h1 .pe-0{
	padding-right:12px!important;
}
.center_h1 .ps-0{
	padding-left:12px!important;
}
.follow_1_left  {
	 margin-top:10px;
	  margin-bottom:10px;
}
.follow_2  ul li{
      margin-left:10px!important;
	  margin-right:10px!important;
}
.blog_pg1_inner_right {
	padding-left:0!important;
	margin-top:20px;
}
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
.categ_2_inner{
	 margin-top:10px;
	  margin-bottom:10px;
}
.list_h1_left{
	 margin-top:10px;
	  margin-bottom:10px;
}
.feed_1_left {
	padding:15px!important;
}
.feed_1_right img{
	min-height:400px;
}
.feed_1_left  .font_48{
	font-size:26px;
}

 }

@media (min-width:992px) and (max-width:1200px) {
.img-fluid{
	width:100%;
}
.categ_2_inner{
	 margin-top:10px;
	  margin-bottom:10px;
}
.list_h1_left{
	 margin-top:10px;
	  margin-bottom:10px;
}
.feed_1_left {
	padding:15px!important;
}
 }

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

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

 }