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

/*********************about****************/
.center_about {
background-image: url(../img/18.jpg);
background-position: center;
}
.overview_r {
min-height:370px; 
 }
.team_1im1i1{
background:#000000c4;
padding-top:60%;
display:none;
 }
.team_1im1i2 ul li a{
background: #fff;
border-radius:0;
 }
.team_1im1i2 ul li a i{
color:#ec3108;
 }
.team_1im1i2 {
display:none;
background:#000000c4;
 }
.team_1im:hover .team_1im1i2{
display:block; 
 }
.team_1im:hover .team_1im1i1{
display:block; 
 }

.feature_3r .progress-bar {
background: #F9F9F9;
border-radius: 0;
}
.feature_3r .progress {
background-color: #ec3108;
height: 6px;
overflow: hidden;
border-radius: 0;
}

.center_team {
background-image: url(../img/41.jpg);
background-position: center;
}

.why_card {
  border-radius: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.why_card .icon {
  font-size: 30px;
  color: #c0392b;
}

.why_card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.why_card h5 {
  font-weight: 600;
  margin-bottom: 10px;
}
/*********************about_end****************/


@media screen and (max-width : 767px){
.proj_h1r p{
text-align:left; 
 }
.overview_r {
text-align:center;
padding:20px!important;
min-height:auto; 
 }
.overview_r p{
text-align:left;
 }
.overview_2i1 {
text-align:center;
margin-top:8px;
margin-bottom:8px; 
 }
.overview_2i1l{
margin-bottom:10px; 
 }
.feature_3ri {
text-align:center; 
 }
.feature_3ri p{
text-align:left; 
 }
.feature_3l{
margin-top:15px; 
 }

 }

@media (min-width:576px) and (max-width:767px) {
.feature_3rir{
text-align:left; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.overview_l img{
min-height:370px; 
 }
.overview_r{
padding:20px!important;
 }
.overview_2i1l h1{
padding:10px!important;
font-size:24px; 
 }
.feature_3ril span{
font-size:20px!important;  
 }
.feature_3l img{
min-height:470px; 
 }
.team_1im1i2  ul li a{
width:30px;
height:30px;
font-size:14px; 
 }
.team_1im1i2  ul li a i{
line-height:30px;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.overview_l img{
min-height:370px; 
 }
.overview_r{
padding:20px!important;
 }
.overview_2i1l h1{
padding:15px!important;
font-size:28px; 
 }
.feature_3l img{
min-height:470px; 
 }
 }