/**
 * Theme Name:     Hostech Child
 * Author:         Avadhana
 * Template:       hostech
 * Text Domain:	   hostech-child
 * Description:    Hostech Web hosting & WHMCS WordPress Theme– sounds like a fantastic solution for businesses looking to streamline their web hosting website business. With its straightforward approach and modern UI design, it offers a promising alternative to the complexities and expenses often associated with creating a customized website.
 */






.offcanvas__info.info-open{
background:white;
}

.vps_hosting_ul li{
	border: solid 1px #E8DCFF;
	width: fit-content;
	padding: 10px 20px !important;
	border-radius: 25px;
}

.vps_hosting_ul li:first-child{
	background-image: linear-gradient(90deg, #BFFFE8 -15.91%, #D9D9D900 82%);
}

.vps_hosting_ul li:nth-child(2){
	background-image: linear-gradient(90deg, #FFE4FD -15.91%, #D9D9D900 82%);
}

.vps_hosting_ul li:nth-child(3){
	background-image: linear-gradient(90deg, #D4E7FF -15.91%, #D9D9D900 82%);
}

.vps_hosting_ul li:nth-child(4){
	background-image: linear-gradient(90deg, #00a7f563 -15.91%, #D9D9D900 82%);
}

.vps_hosting_ul li:nth-child(5){
	background-image: linear-gradient(90deg, 
#0047f563 -15.91%, #D9D9D900 82%)
}

/* Home page - btn color */
.cus_btn a.theme-btn{
	background-color: var( --e-global-color-primary ) !important;
}

/* Home page - Premium feature */
.cus_premium_feature .row > div{
	border-color: var( --e-global-color-primary );
}

.cus_premium_feature .row > div .hosting-box-items:before{
	background-color: var( --e-global-color-primary );
}

.cus_premium_feature .hosting-box-items .theme-btn:hover{
	    color: var( --e-global-color-primary );
    border: 1px solid var( --e-global-color-secondary );
}

.cus_premium_feature .hosting-box-items .theme-btn:before{
	    background-color: var( --e-global-color-secondary );
    color: var( --e-global-color-primary ) !important;
}

/* Home page - FAQs */
/* .cus_faqs .accordion-button{
	color: var( --e-global-color-secondary ) !important;
} */

.cus_faqs .accordion-button:after{
	color: var( --e-global-color-secondary ) !important;
}

/* .cus_faqs .accordion-body, .accordion-button.collapsed{
	color: #ffffff !important;
	border-color: var( --e-global-color-secondary ) !important;
} */

/* Breadcrumb */

.breadcrumb-wrapper .page-heading{
padding: 160px 0 50px 0;
}

.breadcrumb-wrapper .page-heading h1{
	font-size:44px;
}

.breadcrumb-wrapper .page-heading .breadcrumb-image{
	display:none;
}
.home-faq-sec .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button{
	color:white;
}

.home-faq-sec .faq-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body{
	color:white;
}

.home-faq-sec .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button::after{
	color: white;
}

.news-card-items.style-2 .news-content{
	padding:20px;
}

.news-card-items .news-content .author-items{
	display:none;
}

.news-card-items .news-content h3{
	border-bottom: unset;
}

/* contact form */
input.wpcf7-form-control.wpcf7-text::placeholder,
input.wpcf7-form-control.wpcf7-textarea::placeholder{
	color: #01257d5e !important;
}

.contact-wrapper .contact-right .form-clt input,
.contact-wrapper .contact-right .form-clt textarea,
.category-oneadjust{
	padding: 10px !important;
	border-width: 0 0 1px 0 !important;
	border-color: #01257D !important;
}

.contact-wrapper .contact-right{
	background-color: #ffffff;
}


.choose-us-card-items{
	height:100%;
}

.hosting-box-items{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}

.hosting-box-items h3{
	font-size:22px;
}

.pricing-items .image-area img{
	scale:2;
}

.pricing-items h4{
	display:none;
}

.PrivacyPage li{
	list-style-type: disc;
}

.footer-widgets-wrapper .single-footer-widget .footer-content .brand-logo li{
	background:white;
}

.tech_services .image-container{
	display:flex;
}
.tech_services .elementor-tab-content.elementor-clearfix.elementor-active{
	display:flex !important;
	justify-content:space-around;
	align-items:center;
}


.tech_services .elementor-tab-content.elementor-clearfix:after{
	content:unset;
}

.tech_services .image-container .size-full{
	display: flex;
    gap: 35px;
    align-items: center;
}

.Benefits .new .hosting-wrapper .hosting-content .hosting-items{
	background: white;
}

div#n2-ss-4 .n2-ss-slide-limiter{
	max-width:unset;
}

.home-blog .news-card-items .news-content h3{
	font-size: 17px;
}

.home-hero-slider{
	display:flex;
	flex-direction:column;
	gap:25px;
}


.expert-carousel .swiper-wrapper{
justify-content:center;
}