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

/*********************blog****************/
.blog_pg1_left1 .span_1:hover{
     transition: 0.3s;
	background:var(--orange);
 }
.blog_pg1_left1 .span_1:hover .arrow_button{
     transition: 0.3s;
	background:var(--blue);
 }
.blog_pg1_left1 .span_1:hover a{
	color:var(--bs-white);
 }
 
.tags a {
    display: block;
    padding:7px 20px;
    margin: 0px 5px 8px 0px;
    transition: 0.3s;
	border:1px solid var(--border_light);
}
.tags a:hover {
  background:var(--orange);
  color:var(--bs-white);
  transition: 0.3s;
  border:1px solid var(--orange);
}

.team_dt_inner_left .progress-bar {
    background: var(--bs-gray-200);
}
.team_dt_inner_left .progress {
    background-color: var(--blue);
    height: 10px;
    overflow: hidden;
    border-radius: 0;
}
/*********************blog_end****************/


@media screen and (max-width : 767px){
.serv_dt1_left_inner1_left{
  margin-top:10px;
  margin-bottom:10px;
 }
.blog_dt1_inner_right{
  text-align:left!important;
 }
.serv_form1_left{
   margin-top:10px;
  margin-bottom:10px;
 }
.serv_dt1_left{
   margin-bottom:20px;
 }
.blog_pg1_right{
   margin-top:20px;
 }
.blog_dt{
   margin-top:20px;
 }
.blog_dt1_inner1_right{
   text-align:left!important;
   margin-top:15px;
 }
.blog_dt2 ul img{
   width:60px;
 }
.blog_dt2 ul .fs-5{
   font-size:16px!important;
 }

.team_dt_inner_left{
  margin-top:10px;
  margin-bottom:10px;
 }
.contact_1_right{
   margin-top:20px;
 }
.contact_pg1_right{
  margin-top:15px;
 }
.serv_dt1_left{
  padding-right:0!important;
 }
.blog_pg1_right{
   padding-left:0!important;
 }
.blog_dt{
  padding-left:0!important;
 }
 }


@media (min-width:576px) and (max-width:767px) {
.blog_dt1_inner_right{
  text-align:right!important;
 }

 }
 
@media (min-width:768px) and (max-width:991px) {
.serv_dt1_left_inner1_left .fs-2{
  font-size:18px!important;
  margin-right:10px!important;
 }
.blog_pg1_left1 ul img{
  width:60px;
 }
.serv_dt1_left{
  padding-right:0!important;
 }
.blog_pg1_right{
   padding-left:0!important;
 }
.blog_dt{
  padding-left:0!important;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.serv_dt1_left{
  padding-right:0!important;
 }
.blog_pg1_right{
   padding-left:0!important;
 }
.blog_dt{
  padding-left:0!important;
 }
 }

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

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

 }