@charset "utf-8";
/*===| Fonts Icons |===*/
.fa-diamond::before{content:"\f219"}
.bi-search::before{content:"\f52a"}
.bi-check-circle-fill::before{content:"\f26a"}

.banner-section{background:url(../imgs/banner/home-banner-bg.webp) no-repeat center center;background-size:cover;width:100%;padding:8rem 0 3rem}
.banner-p{font-size:1.25rem;line-height:36px;margin:20px 0;font-weight:300}
.banner-point{width:49%;vertical-align:top}
.banner-point li{display:inline-flex;margin:6px 0;width:100%;align-items:baseline;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.banner-point li i{font-size:14px;margin-right:12px;transition:all .35s cubic-bezier(.38,3,.57,1.6);transform:translate3d(0px,0,0)}
.banner-point li:hover i{transform:translate3d(-6px,0,0)}
.banner-point li span{display:inline-block;font-size:1.125rem;width:calc(100% - 28px)}

.basic-plan{border:1px solid #e5e5e5;padding:3.5rem 1rem 2.5rem;border-radius:var(--border-radius)}
.domainbox{border-radius:var(--border-radius);box-shadow:var(--shadow-light);margin:5rem auto;max-width:1080px}
.input-domain{margin:2rem 0 1rem;border-radius:50px;height:60px;box-shadow:var(--shadow-light)}
.dom-group input{border:0;display:inline-flex;background-color:transparent;width:100%;border-right:1px solid #e5e5e5;padding:0 1rem 0 2rem}
.dom-group select{border:0;padding:0 16px;width:120px;background-color:transparent;background-position:center right;padding-right:1rem!important}
.dom-but{border-radius:50px;min-width:200px;line-height:40px}
.domain-shotlist li{display:inline-flex;border-right:1px solid #e5e5e5;line-height:20px;margin:10px 20px 10px 0;padding-right:21px;color:var(--gray-color);font-size:1.25rem}
.domain-shotlist li:last-child{padding-right:0;margin-right:0;border-right:0}

.plan1-item{border:1px solid #e5e5e5;padding:3.5rem 1rem 2rem;border-radius:var(--border-radius);transition:.3s all ease}
.plan1-item:hover{transform:translateY(-10px)}
.short__plan__info:after,.short__plan__info.red:after{content:'';position:absolute;bottom:0;right:0;left:0;background-color:var(--blue-color);width:64px;height:3px;margin:auto}
.plans-points li{display:inline-block;margin:.25rem 0;width:100%}
.short__plan__info.red:after{background-color:var(--red-color)}

.featurebox{position:relative;padding:30px;transition:all 0.3s ease-in 0s;border-radius:var(--border-radius)}
.featurebox.hovers{box-shadow:var(--shadow-dark);background-color:var(--white-color)}
.featurebox svg{opacity:0;visibility:hidden;transition:all 0.3s ease-in 0s;position:absolute;right:20px;top:20px;width:100px;fill:rgba(23,41,216,.07);height:100px}
.featurebox.hovers svg{opacity:1;visibility:visible}
.featurebox figure{display:inline-flex;width:70px;height:70px;background-color:var(--blue-color);border-radius:50px;margin-bottom:35px;transition:all 0.3s ease-in 0s;justify-content:center}
.featurebox.hovers figure{box-shadow:0 8px 14px rgb(23 41 216 / 50%)}
.featurebox p{min-height:78px}

.plan2-item{position:relative;border-radius:var(--border-radius);border:1px solid #e5e5e5;overflow:hidden;z-index:2}
.plan2-item:before{content:"";position:absolute;top:100%;left:0;width:100%;height:100%;z-index:-1;background-color:var(--blue-light);transition:.5s}
.plan2-item:hover:before{top:20%}
.location-box strong:after{content:'';bottom:0;position:absolute;width:60px;background-color:var(--black-color);height:3px;border-radius:var(--border-radius);left:0;margin:0 auto;right:0}

.company-performance{position:relative;padding:3rem .75rem;border-radius:var(--border-radius);background-color:#f4f5ff;border: 1px solid #d8dbff;display:inline-block;overflow:hidden;width:100%}
.company-performance:after{content:'';position:absolute;width:40%;height:200%;background:rgba(255,255,255,.5);top:0;filter:blur(5px);transform:rotate(45deg) translate(-450%, 0);transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1)}
.company-performance:hover:after{transform:rotate(45deg) translate(450%, 0);transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1);}
.company-performance strong.plus:after{content:'+'}

.hosting-trial{background:var(--brand-color) url(../imgs/hosting-trial-img.png) no-repeat center center;background-size:cover}

.content-element{position:relative;padding-left:40px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.content-element:after{content:'';position:absolute;left:0;top:10px;width:1rem;height:1rem;border-radius:3rem;background-color:var(--blue-color);transition:all .35s cubic-bezier(.38,3,.57,1.6);transform:translate3d(0px,0,0)}
.content-element:hover:after{transform:translate3d(-6px,0,0)}
.content-element:nth-child(2):after{background-color:var(--red-color)}

.blog-detail:hover a h3{color:var(--blue-color)}

/*Responsive*/
@media(max-width:1199px){
	.m-slider-space{padding:0 1.5rem}
	.location-box img{width:35px;height:35px}
}
@media(min-width:992px){
	.banner-section{display:inline-flex;height:100vh;align-items:center}
}
@media(max-width:991px){
	.banner-section{background-position:center left}
	.banner-point{width:100%}

	.domainbox{margin:3rem auto}
	.featurebox p{min-height:unset}
}
@media(max-width:767px){
	.input-domain{display:inline-block!important;box-shadow:none;height:unset;margin-bottom:0}
	.dom-group input{height:60px}
	.dom-group{border-radius:50px;box-shadow:var(--shadow-light);height:60px;align-items:center;padding-right:1.5rem;margin-bottom:1.5rem}
	.testimonial-section{margin-bottom:1.5rem}
	.testimonial-stars{float:unset;margin-top:0;margin-bottom:1rem;width:80px;height:80px}
	.testimonial-stars i{font-size:40px;width:40px;height:40px;display:flex}
}
@media(min-width:576px) and (max-width:767px){
	.heading-one{font-size:42px;line-height:54px}
	.heading-two{font-size:36px;line-height:48px}
	.heading-three{font-size:30px;line-height:38px}
	.heading-four{font-size:26px;line-height:32px}
	.heading-five{font-size:22px;line-height:30px}
}
@media(max-width:575px){
	.heading-one{font-size:34px;line-height:46px}
	.heading-two{font-size:30px;line-height:38px}
	.heading-three{font-size:26px;line-height:32px}
	.heading-four{font-size:22px;line-height:28px}
	.heading-five{font-size:20px;line-height:24px}
	.heading-six{font-size:18px;line-height:24px}

	.banner-section{padding:6rem 0 3rem}
	.banner-p{font-size:17px;line-height:26px}
	.banner-point li{margin:4px 0}
	.banner-point li i{font-size:11px}
	.banner-point li span{font-size:1rem;width:calc(100% - 23px)}
	.testimonial-item{padding:2rem 1.5rem;border-left:2px solid var(--brand-color)}
	.testimonial-item .testimonial-topborder,.testimonial-item .testimonial-bottomborder{height:2px}
	.testimonial-item:before, .testimonial-item:after{width:40px;height:40px;background-size:100%;top:-20px}
	.testimonial-item:after{bottom:-20px;top:auto}
	.owl-carousel .owl-nav button{width:36px;height:36px}
	.testimonial-user-detail{width:100%;margin-top:8px}
}
@media(max-width:480px){
	.m-slider-space{padding:0 1rem}
}