/*
Template Name: Business Hub
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
:root {
    /* --color-default: #222222; */
    --color-default: #2563ec;
    --color-primaryF: #70aa20;
    --color-primary: #8cda20;
    --color-secondary: #af893f;
  }
/*********************center_home****************/
.carousel-caption{
text-align:left;
background:#0000005e;
padding:30px 20px;
bottom: 9rem;
left: 10%;
width:50%;
color:#fff;
 }
.carousel-indicators{
bottom:0; 
 }
.center_home .carousel-indicators [data-bs-target] {
 background-color: var(--color-primary);
}
/*********************center_home_end****************/

/*********************feature****************/
.feature_2i{
transition: 0.3s; 
 }
.feature_2i:hover{
background:var(--color-default)!important; 
 }

/*********************feature_end****************/

/*********************serv_h****************/
.serv_h1i{
border-left:2px solid var(--color-primary);
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
 }
.serv_h1i:hover{
background:var(--color-primary);
color:#fff;
 }
.serv_h1i:hover span{
color:#fff;
 }
.serv_h1i:hover h4 a{
color:#fff;
 }
.serv_h1i:hover  p{
color:#fff;
 }
.serv_h1i:hover .button_1{
background: var(--color-primaryF);
 }
/*********************serv_h_end****************/

/*********************port****************/
.port_1 .nav-tabs .nav-link{
font-weight:bold;
color:#243238;
font-size:20px;
border:1px solid #14b1bb29;
display:block;
margin-left:8px;
margin-right:8px;
border-radius:5px; 
padding: 5px 20px;
 }
.port_1 .nav-tabs .nav-link:hover{
background:var(--color-default);
color:#fff; 
 }
.port_1 .nav-tabs .nav-link.active{
background:var(--color-default);
color:#fff; 
 }
.port_2im2{
background:var(--color-default);
padding-top:55px;
display:none; 
 }
.port_2im2 span{
background:var(--color-default);
width:50px;
height:50px;
display:inline-block;
line-height:48px;
font-size:22px;
border-radius:5px;
 }
.port_2im:hover .port_2im2{
display:block; 
 }
/*********************port_end****************/


/*********************proj****************/
#proj {
background-image: url(../img/22.jpg);
background-position: center;
}
.proj_m{
background:#000000d1;
padding-top:100px;
padding-bottom:100px; 
 }
.proj_1i{
border:2px solid #14b1bb29;
padding:40px 15px;
transition: 0.3s; 
 }
.proj_1i:hover{
background:var(--color-primary);
 }
.proj_1i:hover span{
color:#fff;
 }
/*********************proj_end****************/

/*********************price****************/
.accordion-item{
border:none;
 }
.accordion-button:not(.collapsed) {
color: var(--color-default);
background-color: #fff;
font-weight:bold;
box-shadow:none;
font-size:18px;
}

.accordion-button:focus {
z-index: 3;
border:none;
box-shadow:none;
}
.accordion-body {
border-top:1px solid #14b1bb29;
border-bottom:1px solid #14b1bb29;
}
.accordion-button {
font-weight:bold!important;
padding: 1.5rem 1.25rem;
margin-top:15px;
}
/*********************price_end****************/

/*********************testim****************/
#testim .carousel-indicators [data-bs-target] {
 background-color: var(--color-default);
}
#testim .carousel-indicators{
bottom:-60px; 
 }
.testim_1ir{
padding:100px 20px;
min-height:400px; 
 }
/*********************testim_end****************/


@media screen and (max-width : 767px){
.center_home img{
min-height:300px; 
 }
.carousel-caption {
text-align: center;
left:0;
width:100%;
bottom:40px;
padding:10px;
}
.carousel-caption .font_60{
font-size:20px; 
 }
.carousel-caption p{
font-size:16px;
text-align:left; 
 }
.carousel-caption br{
display:none;
 }
.carousel-caption .button_1{
padding: 10px 10px!important; 
 }
.carousel-caption .button_2{
padding: 10px 10px!important; 
 }
.feature_2i p{
text-align:left; 
 }
.feature_2i{
margin-bottom:15px;
 }

.serv_h1i{
margin-bottom:15px;
text-align:center; 
 }
.serv_h1i p{
text-align:left; 
 }
.port_1 li{
margin-bottom:8px; 
 }
.port_1 .justify-content-center {
justify-content: left!important;
}
.proj_m {
padding-top: 40px;
padding-bottom: 40px;
}
.proj_1i{
margin-bottom:15px; 
 }
.faq_1r{
margin-top:15px; 
 }
.testim_1ir {
padding: 40px 20px;
min-height:auto;
}
.testim_1il img{
height:auto; 
 }

 }


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

 }
@media (min-width:768px) and (max-width:991px) {
.center_home img{
min-height:500px; 
 }
.carousel-caption .font_60{
font-size:30px; 
 }
.carousel-caption{
width:50%;
bottom: 5rem;
 }
.carousel-caption br{
display:none;
 }
.port_1 .nav-tabs .nav-link {
margin-left: 8px;
margin-right: 8px;
padding: 5px 15px;
}
.port_2im1  img{
min-height:240px; 
 }
.port_2im2  h4{
font-size:18px!important; 
 }
.port_2im2  h5{
font-size:14px!important; 
 }
.faq_1l img{
min-height:500px; 
 }
.testim_1ir {
padding: 75px 20px;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption .font_60{
font-size:38px; 
 }
.carousel-caption{
width:50%;
bottom: 5rem;
 }
.port_2im1  img{
min-height:240px; 
 }
.faq_1l img{
min-height:500px; 
 }
.testim_1ir {
padding: 90px 20px;
}
 }
@media (min-width:1201px) and (max-width:1255px) {

 }