/*
Template Name: Hosting Company
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: var(--bg_back)!important;
	bottom:0;
	left:0;
	color:var(--bs-white);
	width:100%;
	height:100%;
	padding: 200px 140px 0px 140px;
	text-align:left;
 }
.carousel-caption h1{
   font-size:65px;
 }
/*********************center_home_end****************/


/*********************web****************/
.web_1 .input-group{
  width:60%;
 }
.web_1 ul li:hover{
  transition: 0.3s;
  background: var(--bs-dark);
  color:var(--bs-white);
  border:1px solid var(--bs-dark)!important;
 }
/*********************web_end****************/

/*********************web_end****************/

.arrow_button{
  width:50px;
  height:50px;
  line-height:50px;
 }
.trust_1_left:hover{
   background: var(--blue_dark);
   transition: 0.3s;
 }
.trust_1_left:hover h5{
  color:var(--bs-white);
   transition: 0.3s;
 }
.trust_1_left:hover p{
  color:var(--bs-white);
   transition: 0.3s;
 }
.trust_1_left:hover span{
  color:var(--bs-white)!important;
   transition: 0.3s;
 }
.trust_1_left .arrow_button:hover{
  background:var(--bs-white)!important;
   transition: 0.3s;
  color:var(--bs-dark)!important;
 }
/*********************web_end****************/

/*********************price****************/

.price_1 .nav-tabs{
   width:40%;
 }
.price_1 .nav-tabs .nav-link.active {
    color:  var(--bs-white);
    background: var(--gradient);
    border:none;
}

.price_1 .nav-tabs .nav-link {
    color:  var(--bs-white);
    background:none;
    border:none;
	border-radius:50rem;
	padding:15px 60px;
}
.price_1 .nav-tabs .nav-link:hover {
    color:  var(--bs-white);
    background: var(--gradient);
	transition: 0.3s;
}

.price_icon{
  width:100px;
  height:100px;
  line-height:100px; 
 }
.price_1_inner_left:hover .price_icon{
   background: var(--gradient)!important;
   transition: 0.3s;
 }
/*********************price_end****************/

/*********************cloud****************/
.play_icon{
  width:120px;
  height:120px;
  line-height:120px;
 }
.cloud_1{
  border-top:1px solid  var(--border_dark); 
 }
/*********************cloud_end****************/

/*********************secure****************/
.secure_1_left .rotate{
  border:8px solid var(--bs-white); 
  right:0;
  bottom:-110px;
 }
#secure{
  padding-bottom:100px; 
 }
 
.secure_pg{
  padding-bottom:150px!important; 
 }
/*********************secure_end****************/

/*********************feature****************/
.feature_1_left img{
   border-radius:30px 30px 0px 0px; 
 }
.trust_1_left:hover h6 a{
  color:var(--bs-white)!important;
 }
/*********************feature_end****************/

/*********************testim****************/
.testim_1_left img{
  border:5px solid var(--border_light);
  margin-top:-50px;
 }
/*********************testim_end****************/

/*********************data****************/
.data_1_right .nav-tabs{
  border-bottom:2px solid var(--border_light);
 }
.data_1_right .nav-tabs .nav-link.active {
     border-bottom:2px solid var(--blue);
	 color:var(--bs-dark);
}
.data_1_right .nav-tabs .nav-link {
  border:none;
  border-bottom:2px solid transparent;
  color:var(--blue);
  padding:15px 40px;
  background:transparent;
}
.data_1_right .nav-tabs .nav-link:hover {
   border-bottom:2px solid var(--blue);
   color:var(--bs-dark);
   transition: 0.3s;
}

.data_pg .data_1_right .nav-tabs{
  border:none;
 }
.data_pg .data_1_right .nav-tabs .nav-link.active {
	 color:var(--bs-white);
	 background:var(--blue);
}
.data_pg .data_1_right .nav-tabs .nav-link {
  border:none;
  border:1px solid var(--blue);
  color:var(--blue);
  padding:15px 40px;
  border-radius:50rem
}
.data_pg .data_1_right .nav-tabs .nav-link:hover {
   color:var(--bs-white);
    background:var(--blue);
   transition: 0.3s;
}
/*********************data_end****************/

/*********************faq****************/
.faq_1_left ul:hover{
 background: var(--gradient);
  transition: 0.3s;
  color:var(--bs-white);
 }
.faq_1_left ul:hover a{
  color:var(--bs-white);
 }


.accordion-button {
background:var(--purple);
color:var(--bs-white);
padding:8px 15px;
font-weight: bold;
border: 0;
font-size: 18px;
text-align: left;
}
.accordion-button:focus {
box-shadow: none;
border: none;
}
.accordion-button:not(.collapsed) {
background:var(--gradient);
color:var(--bs-white);
padding:8px 15px;
}
.accordion-body {
padding: 20px;
}
.accordion-body p{
color:var(--bs-white);
}
.accordion-button::after {
width: auto;
height: auto;
content: "+";
font-size: 40px;
background-image: none;
font-weight: 100;
color: var(--bs-white);
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 var(--border_dark);
margin-bottom:10px;
}


.serv_dt1_right .accordion-body p{
  color:var(--bs-gray-700);
}

.serv_dt1_right .accordion-item{
  border-bottom:1px solid var(--border_light);
}
/*********************faq_end****************/

@media screen and (max-width : 767px){
.carousel-caption {
    position:static!important;
	padding:15px 15px 50px 15px;
	background:var(--bs-dark)!important;
}
.carousel-caption h1 {
    font-size: 35px;
}
.carousel-caption br {
    display:none;
}
.carousel-caption p {
    width:100%!important;
}
.carousel-caption .button {
   padding:10px 9px!important;
   font-size:13px;
}
.web_1 .input-group {
    width: 100%;
}
.web_1 .input-group  .button{
   padding-left:10px!important;
   padding-right:10px!important;
}
.web_1 ul li{
   margin-left:3px!important;
   margin-right:3px!important;
    margin-top:10px;
}
.trust_1_left{
  margin-top:10px;
  margin-bottom:10px;
 }
.price_1 .nav-tabs {
    width: 100%;
}
.price_1 .nav-tabs .nav-link {
    padding: 15px 30px;
}
.price_1_inner_left{
  margin-top:10px;
  margin-bottom:10px;
 }
.price_2  ul li{
  margin-top:5px;
  margin-bottom:5px;
 }
.contact_1_left {
  padding-right:0!important;
  margin-bottom:20px;
 }
.contact_1_right {
  padding-bottom:30px;
 }
.cloud_1_left{
   margin-top:10px;
  margin-bottom:10px;
 }
.secure_1_left {
   padding-right:0!important;
   margin-bottom:15px;
 }
.secure_1_left .rotate {
   position:static!important;
}
.secure_1_left img{
   width:100%;
 }
#secure {
    padding-bottom: 50px;
}
.feature_1_right{
  margin-top:15px;
 }
.testim_1_left img {
  margin-top: 20px;
}
.data_1_left {
  padding-right:0!important;
  margin-bottom: 20px;
 }
.data_2_left {
   margin-top:10px;
  margin-bottom:10px;
 }
.data_2_left h2{
   font-size:18px;
 }
.faq_1_left ul{
  width:100%!important;
 }
.faq_1_left {
   margin-bottom:30px;
 }
.blog_1_right{
  margin-top:20px;
 }
.blog_1_right_inner_right{
  margin-top:15px;
 }

.secure_1_right ul li{
  display:block;
 }
.secure_1_right ul {
  display:block!important;
  text-align:center;
 }
.secure_1_right h6 {
  text-align:center;
 }
.secure_pg {
  padding-bottom: 50px!important;
}
.data_pg .data_1_right .nav-tabs .nav-link {
   margin-top:5px;
   margin-bottom:5px;
}
.team_h1im{
   margin-top:10px;
  margin-bottom:10px;
 }
.serv_h1_left{
  margin-top:10px;
  margin-bottom:10px;
 }
.serv_dt1_right{
  margin-top:20px;
 }
.serv_dt1_right br{
  display:none;
 }
.blog_pg1_left {
   margin-top:8px;
   margin-bottom:8px;
 }
.blog_dt1_inner_right {
   text-align:left!important;
   margin-top:15px;
 }
.blog_dt_inner_left{
  margin-top:8px;
  margin-bottom:8px;
 }
#secure{
  overflow:hidden;
 }
.social_icon a{
  margin-top:3px;
 }
 }


@media (min-width:576px) and (max-width:767px) {
.blog_1_right_inner_right{
 margin-top:0; 
 }
.blog_dt1_inner_right{
  text-align:right!important;
  margin-top:0;
 }
 }
 
@media (min-width:768px) and (max-width:991px) {
.center_home img{
   min-height:550px;
 }
.carousel-caption h1 {
    font-size: 50px;
}
.carousel-caption br {
    display:none;
}
.carousel-caption p {
    width:70%!important;
}
.carousel-caption{
	padding: 90px 90px 0px 90px;
 }
.web_1 ul li{
   margin-left:3px!important;
   margin-right:3px!important;
    margin-top:10px;
}
.serv_h1_left   h4{
  font-size:18px;
 }
.trust_1_left{
  margin-top:10px;
  margin-bottom:10px;
 }
.price_1 .nav-tabs {
    width: 70%;
}
.price_2  ul{
  width: 100%!important;
 }
.contact_1_left {
  padding:0!important;
 }
#contact{
  padding-top:40px;
  padding-bottom:40px;
 }
.secure_1_left {
  padding-right:0!important;
 }
.faq_1_left ul{
  width:90%!important;
 }
.social_icon a{
  margin-top:5px;
 }
.data_pg .data_1_right .nav-tabs .nav-link {
   margin-top:5px;
   margin-bottom:5px;
}
#team .social_icon a {
    width: 30px;
    height: 30px;
	line-height:30px;
	font-size:13px;
}
.serv_dt1_right br{
  display:none;
 }

 }

@media (min-width:992px) and (max-width:1200px) {
.center_home img{
   min-height:600px;
 }
.carousel-caption h1 {
    font-size: 50px;
}
.carousel-caption{
	padding: 120px 120px 0px 120px;
 }
.web_1 ul li{
   margin-left:3px!important;
   margin-right:3px!important;
    margin-top:10px;
}
.contact_1_left {
  padding-right:0!important;
 }
.contact_1_left .font_48{
  font-size:36px;
 }
.data_pg .data_1_right .nav-tabs .nav-link {
   margin-top:5px;
   margin-bottom:5px;
}
 }

@media (min-width:1201px) and (max-width:1310px) {

 }
@media screen and (min-width : 1400px){
#secure{
  padding-bottom:150px; 
 }

 }