/*
Template Name: Industry
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{
background-color: #19243794;
bottom:0;
left:0;
width:100%;
height:100%;
padding-top:230px;
 }
.center_home img{
min-height:700px;
 }
.center_home  .carousel-indicators {
bottom: 60px!important;
}
/*********************center_home_end****************/

/*********************about_h****************/
.about_h1i2 span{
width:100px;
height:100px;
line-height:100px;
border-bottom:3px solid #fff; 
 }
.about_h1i2 {
padding-top:30%;
transition: 0.3s;
 }
.about_h1i3{
display:none; 
transition: 0.3s;
padding-top:20%;
 }
.about_h1i:hover .about_h1i3{
display:block; 
 }
.about_h1i:hover .about_h1i2{
display:none; 
 }
.about_h1{
border-top:10px solid #ff5316;
padding-top:50px; 
 }
.main_2{
bottom:-260px; 
 }
/*********************about_h_end****************/

/*********************prog****************/
#prog{
margin-top:270px;
 }
/*********************prog_end****************/

/*********************qual****************/
.qual_1r{
padding:110px 90px; 
 }
.qual_1ril span{
width:70px;
height:70px;
line-height:72px; 
 }
.qual_1li1{
width:60%;
left:20%; 
 }
/*********************qual_end****************/

/*********************proj****************/
#proj{
padding-bottom:110px; 
 }
/*********************proj_end****************/

/*********************quote****************/
#quote {
background-image: url(../img/3.jpg);
background-position: center;
}
.quote_m{
padding-top:100px;
padding-bottom:250px; 
 }
.quote_1lir{
min-height:220px; 
 }
 
.accordion-button {
background:#333;
color:#fff; 
padding:8px 15px;
font-weight: bold;
border: 0;
font-size: 19px;
text-align: left;
}
.accordion-button:focus {
box-shadow: none;
border: none;
}
.accordion-button:not(.collapsed) {
background:#ff5316;
color:#fff;
padding:8px 15px;
}
.accordion-body {
padding: 20px;
background: #fafafa; 
}
.accordion-button::after {
width: auto;
height: auto;
content: "+";
font-size: 40px;
background-image: none;
font-weight: 100;
color: #fff;
transform: translateY(-4px);
}
.accordion-button:not(.collapsed)::after {
width: auto;
height: auto;
background-image: none;
content: "-";
font-size: 40px;
transform: translate(-5px, -4px);
transform: rotate(0deg);
}
.accordion-item{
border:none;
border-radius:0;
background:none;
border-bottom:1px solid #f9e8e1;
margin-bottom:10px;
}
.quote_1r .form-control{
height:70px; 
 }
.main_o2{
top:130px;
 }
/*********************quote_end****************/

/*********************plan****************/
#plan{
margin-top:470px; 
 }
.plan_1ril{
min-height:115px; 
 }
.plan_1rir{
min-height:115px; 
 }
.plan_1li1 h5{
width:180px;
height:180px;
padding-top:55px; 
 }
.plan_1li1{
left:-90px;
padding-top:40px; 
 }
/*********************plan_end****************/


@media screen and (max-width : 767px){
.main_2 {
position:static!important;
}
.carousel-caption{
padding:90px 15px 0px 15px;
 }
.center_home img{
min-height:380px;
 }
.carousel-caption .font_90{
font-size:30px;
}
.carousel-caption h4{
font-size:16px;
}
.carousel-caption .button{
padding-top:15px;
padding-bottom:15px;
}
.center_home  .carousel-indicators {
bottom: 0!important;
}
.about_h1i {
margin-top:8px;
margin-bottom:8px; 
 }
#prog{
margin-top:0; 
 }
.about_h1 {
padding-top:40px; 
 }
.about_h1i3 {
text-align:center; 
 }
.about_h1i3 p{
text-align:left; 
 }
.prog_1r{
margin-top:15px;
 }
.prog_1rir {
margin-top:15px; 
 }
.qual_1li1 {
width: 80%;
left: 10%;
}
.qual_1li1 h3{
font-size:20px;
}
.qual_1li1 h3 i{
font-size:36px;
}
.qual_1r {
padding:30px;
}
.qual_1r br{
display:none;
}
.qual_1rir{
margin-top:15px; 
 }
.qual_1ri {
text-align:center; 
 }
.qual_1ri p{
text-align:left; 
 }

#proj{
padding-bottom:10px; 
 }
.main_o2 {
position:static!important; 
 }
#quote{
display:none; 
 }
#faq{
padding-top:30px; 
 }
#plan {
margin-top:0;
}
.plan_1li1 {
left: 0;
}
.plan_1r{
margin-top:15px;
 }
.plan_1r br{
display:none;
 }
.plan_1ri .pe-0{
padding-right:12px!important;
text-align:center; 
 }
.plan_1ri .ps-0{
padding-left:12px!important;
text-align:center; 
 }
 }

@media (min-width:576px) and (max-width:767px) {
.plan_1ri .pe-0{
padding-right:0!important;
 }
.plan_1ri .ps-0{
padding-left:0!important;
 }
 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption .font_90{
font-size:60px;
 }
.main_2 {
position:static!important;
}
#prog {
margin-top:0;
}
.about_h1i1 img{
min-height:270px; 
 }
.about_h1i2 {
padding-top: 50%;
}
.about_h1i3  p{
font-size:12px;
}
.about_h1i3 h5 {
font-size:16px;
}
.prog_1l img{
min-height:560px; 
 }
.qual_1li1 {
width: 90%;
left: 5%;
}
.qual_1li1 h3 i{
font-size:30px;
}
.qual_1r {
padding: 40px 20px;
}
.qual_1li img{
min-height:770px; 
 }
.qual_1ril span {
width: 50px;
height: 50px;
line-height: 52px;
}
.quote_1lir {
padding:30px 15px!important; 
 }
.plan_1li1 {
left:0;
 }
.plan_1li img{
min-height:570px; 
 }
.plan_1ril  .font_60{
font-size:50px; 
 }

 }

@media (min-width:992px) and (max-width:1200px) {
.about_h1i1 img{
min-height:270px; 
 }
.qual_1li1 {
width: 90%;
left: 5%;
}
.qual_1li1 h3 i{
font-size:30px;
}
.qual_1li img{
min-height:770px; 
 }
.qual_1ril span {
width: 50px;
height: 50px;
line-height: 52px;
}
.qual_1r {
padding: 100px 40px;
}
.quote_1lir {
padding:50px 20px!important; 
 }
.plan_1li1 {
left:0;
 }
.plan_1li img{
min-height:570px; 
 }
 }
@media (min-width:1201px) and (max-width:1360px) {
.qual_1li1 {
width: 90%;
left: 5%;
}
.qual_1li1 h3 i{
font-size:30px;
}
.qual_1li img{
min-height:770px; 
 }
.plan_1li1 {
left:0;
 }
 }
@media (min-width:1400px) and (max-width:2000px) {
.carousel-caption{
padding-top:200px;
 }
 }