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

/*********************center_home****************/
.carousel-caption{
text-align:left;
background: #0000008a;
padding:100px 150px 0px 150px;
bottom:0;
left:0;
color:#fff;
width:100%;
height:100%;
 }
.center_home img{
min-height:700px; 
 }
.center_home .carousel-indicators {
bottom: 80px!important;
}
/*********************center_home_end****************/

/*********************qual****************/
.qual_1il span{
background:#0c121d;
width:70px;
height:70px;
line-height:70px; 
 }
.qual_1{
border-bottom:4px solid #86bb46; 
 }
.main_2{
bottom:-120px; 
 }
.qual_1i:hover .qual_1il span{
background:#86bb46;  
 }
.qual_1i {
/*border-right:1px solid #def1c7;*/ 
 }
/*********************qual_end****************/

/*********************story****************/
#story{
margin-top:100px; 
 }
.story_1ri1 h3{
line-height:0.6em; 
 }
.story_1ri1{
bottom:40px;
left:-25%; 
 }
 
/*********************story_end****************/


/*********************client****************/
.client_1li_last h5 i{
width:30px;
height:30px;
line-height:30px; 
 }
/*********************client_end****************/

/*********************blog_h****************/
.blog_1i2{
bottom:-32px;
 }
.blog_1i_last{
border-radius:0px 0px 10px 10px;  
 }
/*********************blog_h_end****************/



@media screen and (max-width : 767px){
.main_2{
position:static!important; 
 }
.carousel-caption {
padding:15px;
text-align:center;
}
.center_home img{
min-height:350px; 
 }
.carousel-caption .font_60{
font-size:24px; 
 }
.carousel-caption p{
font-size:14px!important;
width:100%!important;
text-align:left; 
 }
.carousel-caption br{
display:none; 
 }
.center_home .carousel-indicators {
bottom: 0!important;
}
.qual_1{
padding:0!important; 
 }

#story {
margin-top:0;
}
.story_1l h6{
text-align:center; 
 }
.story_1l{
margin-bottom:15px;
 }
.story_1ri1 {
top:0;
left:0;
}
.choose_2 {
  display: flex;
  flex-wrap: wrap;
}

.choose_2i {
  display: flex;
  flex-direction: column;
  height: 100%; /* Allow the container to expand to its parent's height */
}

/* Make sure all columns have equal height */
.choose_2 .col-md-4 {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Distribute space between content */
}

/* Ensure the image size is consistent */
.choose_2i img {
  width: 80px; /* Set a consistent width */
  height: 80px; /* Set a consistent height */
  object-fit: cover; /* Maintain aspect ratio and cover the area */
  margin: 0 auto; /* Center the image horizontally */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .choose_2i img {
    width: 60px; /* Adjust width for smaller screens */
    height: 60px; /* Adjust height for smaller screens */
  }
}
.client_1li2 {
width:70%!important; 
 }
.client_1r {
margin-top:15px; 
 }
.project_1 {
text-align:center; 
 }
.project_1 p{
text-align:left; 
 }
.project_1ril {
text-align:center!important;
margin-top:10px;
margin-bottom:10px;  
 }
.blog_1i_last {
margin-bottom:15px; 
 }
.story_1l br{
display:none; 
 }
 
.qual_1i {
border:none; 
 }
 }

@media (min-width:576px) and (max-width:767px) {
.carousel-caption {
padding:20px;
}

.carousel-caption .font_60{
font-size:40px; 
 }

 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption br{
display:none; 
 }
.carousel-caption .font_60{
font-size:40px;
 }
.carousel-caption p{
width:70%!important;
 }
.center_home .carousel-indicators {
bottom: 100px!important;
}
.qual_1il span {
width: 40px;
height: 40px;
line-height: 40px;
font-size:16px!important;
}
.story_1ri1 {
top:0;
left:0;
}
.story_1r  img{
min-height:450px; 
 }
.client_1li2 {
width:70%!important; 
 }
.project_1ril .font_60{
font-size:40px; 
 }
.blog_1i_last {
padding:35px 15px!important; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.qual_1il span {
width: 60px;
height: 60px;
line-height: 60px;
font-size:20px!important;
}
.story_1ri1 {
top:0;
left:0;
}
.client_1li2 {
width:70%!important; 
 }
 }