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

/*********************center****************/
.center_h1il{
padding:114px 40px; 
min-height:560px; 
 }
.center_h1il p{
font-size:17px; 
 }
.center_h1ir img{
min-height:560px; 
 }
/*********************center_end****************/

/*********************spec****************/
.spec_1lil span{
width:80px;
height:80px;
line-height:80px;
transition: 0.3s; 
 }
.spec_1l:hover span{
background:#28406D!important;
color:#fff!important;
 }
/*********************spec_end****************/

/*********************about_h****************/
.about_h2m ul li i{
background:#e1e1e1;
display:inline-block;
width:25px;
height:25px;
line-height:25px;
text-align:center;
font-size:10px; 
 }
 
.accordion-button {
background:#333;
color:#fff; 
padding:2px 15px;
border: 0;
font-size: 16px;
text-align: left;
}
.accordion-button:focus {
box-shadow: none;
border: none;
}
.accordion-button:not(.collapsed) {
background:#a8db51;
color:#000;
padding:2px 15px;
}
.accordion-body {
padding: 10px;
background: #fff;
}
.accordion-body p{
font-size:14px; 
}
.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 #e1dfdf;
margin-bottom:10px;
}
/*********************about_h_end****************/

/*********************supp****************/
#supp .spec_1lil span{
width:60px;
height:60px;
line-height:60px;
 }
.spec_1li:hover span{
background:#28406D!important;
color:#fff!important;
 }
.supp_1l2 span a{
width:80px;
height:80px;
line-height:80px; 
 }
.supp_1l2{
padding-top:30%; 
 }
/*********************supp_end****************/


/*********************subs****************/
#subs .spec_1lil span{
width:60px;
height:60px;
line-height:60px;
 }
.subs_1ril .form-control{
background:#2e343a; 
 }
.subs_1ril .form-select{
background:#2e343a; 
 }
/*********************subs_end****************/

@media screen and (max-width : 767px){
.center_h1il {
padding:30px;
min-height:auto;
text-align:center;
}
.center_h1il p{
text-align:left;
}
.center_h1ir img {
min-height: auto;
}
.center_h1i .pe-0{
padding-right:12px!important 
 }
.center_h1i .ps-0{
padding-left:12px!important 
 }

.about_h2m{
margin-top:15px;
margin-bottom:15px;  
 }
.about_h2m h4{
text-align:center; 
 }
.about_h2r h4{
text-align:center; 
 }
.proj_1l{
margin-top:8px;
margin-bottom:8px; 
 }
.testim_1i  p{
text-align:left;  
 }
.quote_1r {
text-align:center!important;
margin-top:15px; 
 }
.quote_1l {
text-align:center;
 }
.supp_1r{
margin-top:15px; 
 }
.supp_1r h4{
text-align:center;
 }
.supp_1l2 {
padding-top:25%;
}
.blog_h1i{
margin-top:8px;
margin-bottom:8px;
text-align:center; 
 }
.blog_h1i p{
text-align:left; 
 }
.subs_1l {
text-align:center; 
 }
.subs_1l p{
text-align:left; 
 }
.subs_1r {
text-align:center;
margin-top:15px; 
 }
.subs_1ril{
margin-top:10px; 
 }
.quote_1l {
padding-top:0!important; 
 }
 }


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

 }
 
@media (min-width:768px) and (max-width:991px) {
.center_h1il {
padding: 40px 40px;
}
.spec_1lil span {
width: 50px;
height: 50px;
line-height: 50px;
font-size:18px!important;
}
.proj_1li  h5{
font-size:14px; 
 }
.proj_1li {
padding:10px!important; 
 }
.quote_1r{
padding-top:10px; 
 }
#supp .spec_1lil span {
width: 45px;
height: 45px;
line-height: 45px;
font-size:16px!important;
}
#subs .spec_1lil span {
width: 40px;
height: 40px;
line-height: 40px;
font-size:16px!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.center_h1il {
padding: 80px 40px;
}
.spec_1lil span {
width: 60px;
height: 60px;
line-height: 60px;
font-size:20px!important;
}
.proj_1li  h5{
font-size:16px; 
 }
.proj_1li {
padding:10px!important; 
 }
#subs .spec_1lil span {
width: 50px;
height: 50px;
line-height: 50px;
font-size:16px!important;
}
 }
@media (min-width:1201px) and (max-width:1310px) {

 }