/*Hero Banner Start Here*/
.sb-hero-banner {
  position: relative;
  width:100%;
  padding:60px 0px;
  color: #FFF;
}
.sb-hero-banner h1 {
	text-align:left;
	padding:0px 0px 5px;
	margin: 0px;
	font-size:18px;
	font-weight:500;
	/*color:var(--sbit-base);*/
	padding-bottom:8px;
}
.sb-hero-banner .sub-title {
	font-size:42px;
	text-align:left;
	/*letter-spacing:2px;
	color:var(--sbit-blue);*/
	line-height:50px;
	padding-bottom:5px;
	font-weight:700;
}
.sb-hero-banner .txt {
	font-size:36px;
	text-align:left;
	letter-spacing: 2px;
	/*color: var(--sbit-blue);*/
	line-height: 54px;
	padding-bottom:5px;
}
.sb-hero-banner ul{
	margin-bottom:20px;
	display:flex;
}
.sb-hero-banner ul.hosting{display:block !important;}
.sb-hero-banner ul li {
    font-size: 16px;
	/*margin-bottom:15px;*/
	line-height: 24px;
	list-style: none;
	flex-direction: column;
	align-items: flex-start;
	display: flex;
	padding-right: 12px;
	padding-bottom: 15px;
}
.sb-hero-banner ul li i {
   color: var(--sbit-white);
	margin-bottom: 7px;
	min-width: 32px;
	font-size: 36px;
}
.sb-hero-banner .priceing-and-text {
	margin-bottom:25px;
}
.sb-hero-banner p.main-banner-price {
 color:var(--sbit-base);
 font-size: 27px;
 margin-top:0px;
 margin-bottom:30px;
}
.sb-hero-banner p span {
 font-size:50px;
 display:inline-block;
 font-weight:700;
 padding-left: 10px;
}
.sb-hero-banner .main-banner-price sup {
 	font-size: 16px;
	top: -1.5em;
	right: 5px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"
}
.sb-hero-banner p span.striketxt {
 font-size:20px;
 display:inline-block;
 font-weight:400;
	position:relative;
	margin-left:5px;
 /*text-decoration:line-through*/
}
.sb-hero-banner p span.striketxt i {
	font-size:16px;
}
.sb-hero-banner p span.striketxt:before {
 content: '';
position: absolute;
top: 50%;
left: 0px;
width: calc( 100% + 8px);
height: 1px;
background: #61646e;
}
.sb-hero-banner .default-primary-btn {
	padding: 16px 100px;
	font-weight: 600;
	font-size: 18px;
}
.sb-hero-banner .money-back {
 	padding-top: 25px;
	font-size: 16px;	
}
.sb-hero-banner .money-back i {
	color: var(--sbit-primary);
	font-size: 18px
}
.countdown.show .running {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:start;
}

.countdown.show .running timer {
  font-size:27px;
  font-weight: 600;
  /*display: -webkit-box;
  display: -ms-flexbox;*/
  display:flex;
  align-items:center;
  justify-content:space-between;
  line-height: 1;
  color:var(--sbit-primary);
  margin-bottom: 27px	
}

.countdown.show .running timer .days,
.countdown.show .running timer .hours,
.countdown.show .running timer .minutes,
.countdown.show .running timer .seconds{
  width:55px;
  text-align:center;
  margin: 0 7px;
  background: #fff;
  line-height:55px;
  border-radius: 3px;
  border:1px solid var(--sbit-primary);	
}
.countdown.show .running timer .days:first-child {
  margin-left:0px;
}

@media (max-width: 480px) {
  .countdown.show .running timer  {
    font-size:40px;
	justify-content:flex-start !important; 
	  
  }
  .countdown.show .running timer .days,
  .countdown.show .running timer .hours,
  .countdown.show .running timer .minutes,
  .countdown.show .running timer .seconds {
    width: 45px;
	height: 45px;
	line-height: 45px;
  }
  .countdown.show .running a{padding:10px 60px !important;}
}

.countdown.show .running .labels{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

.countdown.show .running .labels span{
  width: 97px;
  text-align: center;
  margin: 0px 2px;
	color: #0267dd;
}

@media (max-width: 480px) {
  .countdown.show .running .labels span{
    width: 69px;
  }
}

.countdown.show .running .text{
  font-size: 20px;
  margin-top: 12px;
  font-weight: 600;
}

.countdown.show .running a {
  border:none;
  background: var(--sbit-secondary);
  color:var(--sbit-white);
  border-radius: 3px;
  padding:12px 100px;
  font-size:18px;
  font-weight: 600;
}

.countdown.show .running .break{
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}

.countdown.show .ended{
  display: none;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:start;
	padding-bottom: 60px;
}

.countdown.show .ended .text{
  font-size: 20px;
}
.countdown.show .ended a {
   border:none;
  background:var(--sbit-primary);
  color: white;
  border-radius: 3px;
  padding:14px 100px;
  font-size:18px;
  font-weight: 600;
}
.countdown .running .hero-btn, .countdown.show .ended .hero-btn{
  color: var(--sbit-white);
}
.countdown .running .hero-btn::before, .countdown.show .ended .hero-btn::before{
  background:var(--sbit-primary);
}
.countdown .running .hero-btn::after, .countdown.show .ended .hero-btn::after {
  background-color:var(--sbit-blue-drak);
}

.countdown.show .ended .break{
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 0;
}
.main-banner-box-hero {
 /*margin-top:0px;
 margin-left: 0px;
 right: 270px;
 display: block;
 position: absolute;
 top:47px;*/	
 position: relative;
 display: block;	
}
.main-banner-box-hero img {
  width: 100%;
  height: auto;
}
.main-banner-box-hero.web-hosting {
	top:100px;
}
.main-banner-box-hero.web-hosting img {
  width:520px;
  height:519px;
}
.main-banner-box-hero.wordpress-hosting {
	top:50px;
}
.main-banner-box-hero.wordpress-hosting img {
  width:519px;
  height:633px;
}
.main-banner-box-hero.dedicated-servers {
	top:110px;
}
.main-banner-box-hero.dedicated-servers img {
  width:552px;
  height:462px;
}
.main-banner-box-hero.vps-hosting {
	top:120px;
}
.main-banner-box-hero.vps-hosting img {
  width:491px;
  height:513px;
}
@media only screen and (max-width:991px) {
	.sb-hero-banner {padding:10px 0;text-align:left;}
	.sb-hero-banner h1 {text-align:left;font-size:24px;}
	.sb-hero-banner .sub-title {font-size: 24px;font-weight: 700;text-align: center;padding-bottom: 10px;}
	.countdown.show .running {-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;/*display:none !important;*/}
	.countdown.show .running timer {font-size: 24px;}
	.main-banner-box-hero {display:none;}
	.sb-hero-banner ul {display:block;}
	.sb-hero-banner ul li {align-items:center;padding-bottom:5px;flex-direction:inherit;justify-content:flex-start;text-align:start;font-size:15px;}
	.sb-hero-banner ul li i {font-size:18px;margin-bottom:0;min-width:24px;}
	.sb-hero-banner p.main-banner-price {font-size:18px;}
	.sb-hero-banner p span.striketxt {font-size: 16px;}
	.sb-hero-banner p span {font-size:36px;}
	.sb-hero-banner .main-banner-price sup {font-size:16px;top:-1em;}
}
/* Medium Screen */
@media only screen and (min-width:992px) and (max-width:1199px) {
	.main-banner-box-hero {right:30px;}
	.sb-hero-banner h1{text-align:center;}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.sb-hero-banner {padding:40px 0;}	
.sb-hero-banner h1{text-align:left;font-size:18px;font-weight:700;padding-bottom:10px;padding-left:7px;}
.sb-hero-banner .sub-title{text-align:left;font-size:36px;line-height:46px;padding-left:7px;}
.sb-hero-banner .txt {font-size:24px;line-height:24px;font-weight:600;padding-left:7px;}
.sb-hero-banner ul{margin-bottom: 10px;}
.sb-hero-banner ul li {padding-bottom:12px;padding-left:3px;}	
.sb-hero-banner p.main-banner-price {margin-bottom:20px;}	
}

@media only screen and (min-width:1200px) {}
@media only screen and (min-width:1200px) and (max-width:1399px) {}
@media only screen and (min-width:1400px) and (max-width:1599px) {}
@media only screen and (min-width:1600px) {}
/*Hero Banner End Here*/


/*SB Hosting Hero Banner One*/
.sb-hero {
  /*background-color:var(--sbit-accent);*/
  padding-top:40px;
  padding-bottom:40px;
}
.sb-hero .banner-left {
  position: relative;
  display: block;
  margin-top:10px;
}
.sb-hero .banner-left .sub-title {
  position: relative;
  display: flex;
  align-items: center;
}
.sb-hero .banner-left .sub-title .sub-title-txt-one {
  /*color: var(--sbit-white);*/
  margin: 0;
  margin-bottom:10px;
  font-size: 18px;
  font-weight:500	
}
.sb-hero .banner-left .sub-title .sub-title-txt-two {
  /*color: var(--sbit-white);*/
  margin: 0;
  margin-bottom:10px;
  font-size:16px;
  font-weight:500	
}
.sb-hero .banner-left .sub-title .sub-title-txt-two a {color:var(--sbit-white); text-decoration:underline;}
.sb-hero .banner-left .sub-title .sub-title-txt-two a.light {color:var(--sbit-black); text-decoration:underline;}
.sb-hero .banner-left .title {
  font-weight:700;
  font-size:48px;
  line-height:60px;
  /*color: var(--sbit-white);*/
  margin: 0;
  margin-top:5px;
  margin-bottom: 15px;
}
.sb-hero .banner-left .txt {
  /*color:var(--sbit-white);*/
  font-size:18px;	
  margin: 0;
  line-height: 32px;
  margin-bottom:16px;
}
.sb-hero .priceing-and-text {
  margin-bottom: 25px;
}
.sb-hero p.main-banner-price {
/* color: var(--sbit-white);*/
 font-size:18px;
 margin-top: 15px;
 margin-bottom: 27px;
}
.sb-hero p span {
 font-size:50px;
 display:inline-block;
 font-weight:600;
 padding-left: 10px;
}
.sb-hero .main-banner-price sup {
 	font-size: 16px;
	top: -1.5em;
	right: 5px;
}
.sb-hero p span.striketxt {
 font-size:20px;
 display:inline-block;
 font-weight:400;
	position:relative;
	margin-left:5px;
 /*text-decoration:line-through*/
}
.sb-hero p span.striketxt i {
	font-size:16px;
}
.sb-hero p span.striketxt:before {
 content: '';
position: absolute;
top: 50%;
left: 0px;
width: calc( 100% + 8px);
height: 1px;
background:var(--sbit-primary);
}
.sb-hero .cta-button .hero-btn {
 margin-bottom:30px;	
  color: var(--sbit-white);
}
.sb-hero .cta-button .hero-btn:hover {
  color: var(--sbit-blue-drak);
}
.sb-hero .cta-button .hero-btn:before {
  background:var(--sbit-secondary);
}
.sb-hero .cta-button .hero-btn:after {
  background-color: var(--sbit-white);
}
.sb-hero .cta-button .light-hero-btn {
  margin-bottom:30px;	 
  color: var(--sbit-white);
}
.sb-hero .cta-button .light-hero-btn::before {
  background:var(--sbit-primary);
}
.sb-hero .cta-button .light-hero-btn::after {
  background-color: var(--sbit-secondary);
}
.sb-hero .banner-right {
  position: relative;
  display: block;
}
.sb-hero .banner-right .sb-hero-img {
  position: relative;
  display: block;
}
.sb-hero .banner-right .sb-hero-img img {
  width:100%;
  height:auto;	
}
/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner-left {margin-top: 0;}
.sb-hero .banner-left .title {font-size: 48px;line-height: 58px;}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-left {margin-top: 0;}
.sb-hero .banner-right {margin-top: 50px;}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.banner-left {margin-top: 0;}
.sb-hero .banner-right {margin-top: 50px;}
.sb-hero .banner-left .title {font-size: 30px;line-height: 40px;}
.sb-hero p.main-banner-price {font-size:16px;}
.sb-hero p span.striketxt {font-size:18px;}
.sb-hero p span {font-size:45px;}
.sb-hero .banner-left .txt br {display: none;}
.banner-one {padding-top: 163px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1349px) {}
/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {}
@media only screen and (min-width: 1500px) and (max-width: 1770px) {}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {}


/*SB Banner Hero Area Start Here*/
.sb-hero-area {position: relative;display: block;background: #F5F4FF;padding:90px 0 90px;z-index: 1;}
.sb-hero-area .hero-server-left {position: absolute;bottom: 35px;left: 0;z-index: -1;}
.sb-hero-area .hero-server-left img {width: auto;}
.sb-hero-area .hero-server-right {position: absolute;bottom: 35px;right: 0;z-index: -1;}
.sb-hero-area .hero-server-right img {width: auto;}
.sb-hero-area .sb-hero-area-inner {position: relative;display: block;text-align: center;}
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box {position: relative;display: inline-block;}
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .star-left {position: absolute;top: -13px;left: -36px;}
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .star-left img {width: auto;}
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .star-right {position: absolute;top: 10px;right: -41px;}
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .star-right img {width: auto;}
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .sub-title {position: relative;display: inline-block;font-size: 18px;font-weight: 600;color: var(--sbit-black);line-height: 45px;margin: 0;
border: 1px solid var(--sbit-border-color);border-radius: 20px;padding-left: 130px;padding-right: 20px}
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .flase-sale {font-size: 16px;color: var(--sbit-white);font-weight: 600;line-height: 32px;background: var(--sbit-accent);position: absolute;
top: 0px;left: 0;padding: 7px 20px;margin: 0;border-radius: 40px;}
.sb-hero-area .sb-hero-area-inner .title {font-size: 60px;line-height: 70px;color:var(--sbit-primary);font-weight: 700;margin: 0;margin-top: 20px;margin-bottom:15px;}
.sb-hero-area .sb-hero-area-inner .text {font-size: 18px;line-height: 32px;margin: 0;margin-bottom: 15px;}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sb-hero-area .sb-hero-area-inner .title {font-size: 55px;}
.sb-hero-area .sb-hero-area-inner .text br {display: none;}
.hero-server-left, .hero-server-right {display: none;}
.sb-hero-area {padding:60px 0 60px;}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .sub-title {padding-left: 15px;}
.sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .flase-sale {position:relative; top:10px;}
.sb-hero-area .sb-hero-area-inner .title {font-size: 30px;line-height: 40px;}
.sb-hero-area .sb-hero-area-inner .title br {display: none;}
.sb-hero-area .sb-hero-area-inner .text br {display: none;}
.sb-hero-area .hero-server-left, .sb-hero-area .hero-server-right, .sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .star-right, .sb-hero-area .sb-hero-area-inner .sb-hero-area-sub-title-box .star-left {display: none;}
.sb-hero-area {padding:35px 0 35px;}
}
/*SB Sub Banner Hero Area End Here*/

/*SB Hosting Hero Banner One*/
.sb-sub-hero {
  /*background-color:var(--sbit-accent);*/
  padding-top:40px;
  padding-bottom:40px;
}
.sb-sub-hero .banner-left {
  position: relative;
  display: block;
  margin-top:10px;
}
.sb-sub-hero .banner-left .sub-title {
  position: relative;
  display: flex;
  align-items: center;
}
.sb-sub-hero .banner-left .sub-title .sub-title-txt-one {
  /*color: var(--sbit-white);*/
  margin: 0;
  margin-bottom:10px;
  font-size: 18px;
  font-weight:500	
}
.sb-sub-hero .banner-left .sub-title .sub-title-txt-two {
  /*color: var(--sbit-white);*/
  margin: 0;
  margin-bottom:10px;
  font-size:16px;
  font-weight:500	
}
.sb-sub-hero .banner-left .sub-title .sub-title-txt-two a {color:var(--sbit-white); text-decoration:underline;}
.sb-sub-hero .banner-left .sub-title .sub-title-txt-two a.light {color:var(--sbit-black); text-decoration:underline;}
.sb-sub-hero .banner-left .title {
  font-weight:700;
  font-size:36px;
  line-height:60px;
  /*color: var(--sbit-white);*/
  margin: 0;
  margin-top:5px;
  /*margin-bottom: 15px;*/
}
.sb-sub-hero .banner-left .hero-title {
  font-weight:700;
  font-size:50px;
  line-height:80px;
}
.changebox{
   margin:0px 5px -9px;
   color:#012c66;
   overflow:hidden;
   transition:.5s;
   white-space:nowrap;
   background-color:#FFB100;
   padding-left:10px;
   padding-right:10px;
   line-height:54px;	
  display:inline-block;
  padding-top:2px;	 
}
.scrolling-bg {
  background-color:#FFB100;
  font-weight:700;
  padding:0 0.5rem;
  line-height:6.3px;
}
.sb-sub-hero .banner-left .txt {
  /*color:var(--sbit-white);*/
  font-size:18px;	
  margin: 0;
  line-height: 32px;
  margin-bottom:16px;
  font-weight: 600;	
}
.sb-sub-hero .sb-sub-hero-list {
	margin-bottom: 14px;
}
.sb-sub-hero .sb-sub-hero-list { margin-bottom: 14px;}
.sb-sub-hero .sb-sub-hero-list li { padding:3px 0; color:var(--sbit-black);font-size:15px;font-weight:500;}
.sb-sub-hero .sb-sub-hero-list li:before {
	font-family: "Font Awesome 6 Pro";
    content: '\f058';
    margin: 0 10px 0 3px;
    font-size: 16px;
    color: var(--sbit-secondary);
    vertical-align: middle;
    font-weight: 500;
}
.sb-sub-hero .sb-sub-hero-list li.rocket-launch::before {
  content:'\e027';
  color:var(--sbit-primary);
  font-size: 20px;	
}
.sb-sub-hero .sb-sub-hero-list li.thumbs-up::before {
  content:'\f164';
  color:var(--sbit-primary);
  font-size: 20px;	
}
.sb-sub-hero .sb-sub-hero-list li.handshake::before {
  content:'\f2b5';
  color:var(--sbit-primary);
  font-size: 20px;	
}
.sb-sub-hero .money-back {
 	padding-top: 25px;
	font-size: 16px;	
}
.sb-sub-hero .money-back i {
	color: var(--sbit-primary);
	font-size: 18px
}
.sb-sub-hero .priceing-and-text {
  margin-bottom: 25px;
}
.sb-sub-hero p.main-banner-price {
/* color: var(--sbit-white);*/
 font-size:18px;
 margin-top: 15px;
 margin-bottom: 27px;
}
.sb-sub-hero p span {
 font-size:50px;
 display:inline-block;
 font-weight:600;
 padding-left: 10px;
}
.sb-sub-hero .main-banner-price sup {
 	font-size: 16px;
	top: -1.5em;
	right: 5px;
}
.sb-sub-hero p span.striketxt {
 font-size:20px;
 display:inline-block;
 font-weight:400;
	position:relative;
	margin-left:5px;
 /*text-decoration:line-through*/
}
.sb-sub-hero p span.striketxt i {
	font-size:16px;
}
.sb-sub-hero p span.striketxt:before {
 content: '';
position: absolute;
top: 50%;
left: 0px;
width: calc( 100% + 8px);
height: 1px;
background:var(--sbit-primary);
}
.sb-sub-hero .cta-button .hero-btn {
 margin-bottom:30px;	
  color: var(--sbit-white);
}
.sb-sub-hero .cta-button .hero-btn:hover {
  color: var(--sbit-blue-drak);
}
.sb-sub-hero .cta-button .hero-btn:before {
  background:var(--sbit-secondary);
}
.sb-sub-hero .cta-button .hero-btn:after {
  background-color: var(--sbit-white);
}
.sb-sub-hero .cta-button .light-hero-btn {
  margin-bottom:30px;	 
  color: var(--sbit-white);
}
.sb-sub-hero .cta-button .light-hero-btn::before {
  background:var(--sbit-primary);
}
.sb-sub-hero .cta-button .light-hero-btn::after {
  background-color: var(--sbit-secondary);
}



.sb-sub-hero .banner-right {
  position: relative;
  display: block;
}
.sb-sub-hero .banner-right .sb-hero-img {
  position: relative;
  display: block;
}
.sb-sub-hero .banner-right .sb-hero-img img {
  max-width:100%;
  height:auto;	
}
/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner-left {margin-top: 0;}
.sb-sub-hero .banner-left .title {font-size: 48px;line-height: 58px;}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-left {margin-top: 0;}
.sb-sub-hero .banner-right {margin-top: 50px;}
.sb-hero-banner h1 {font-size:32px;}	
.sb-hero-banner .sub-title {font-size:40px;text-align:left;padding-bottom:0;line-height:45px;}
.sb-hero-banner .txt {font-size:36px;text-align:left;line-height: 36px;padding:6px 0 0;}	
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.banner-left {margin-top: 0;}
.sb-sub-hero .banner-right {margin-top: 50px;}
.sb-sub-hero .banner-left .title {font-size: 30px;line-height: 40px;}
.sb-sub-hero p.main-banner-price {font-size:16px;}
.sb-sub-hero p span.striketxt {font-size:18px;}
.sb-sub-hero p span {font-size:45px;}
.sb-sub-hero .banner-left .txt br {display: none;}
.sb-sub-hero .banner-left .hero-title {font-size: 32px;line-height: 55px;}
.changebox {margin:0px 5px -5px; line-height:36px;}	
}
@media only screen and (min-width: 1200px) and (max-width: 1349px) {}
/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {}
@media only screen and (min-width: 1500px) and (max-width: 1770px) {}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {}

/*type*/
.type-hero-title {
  font-weight: 700;
  font-size: 50px;
  line-height: 56px;
}
.type {
  display:inline-block;
  vertical-align: bottom;
}

.type > span {
  color:var(--sbit-accent);
  display:grid;
  overflow: hidden;
  height:1.2em;
}
.type > span.mumbai-hosting{color:#FFB100;}
.type span span {
  width:0%;
  max-width:max-content;
  overflow: hidden;
  height:inherit;
  word-break:break-all;
  animation:
    c 0.5s infinite steps(1),
    t 2s linear infinite alternate,
    m 16s steps(4) infinite;
}
.type span span:before {
  content:" ";
  display:inline-block;
}

@keyframes t{
  90%,100% {width:100%}
}

@keyframes c{
  0%,100%{box-shadow:5px 0 0 #0000}
  50%    {box-shadow:5px 0 0 var(--sbit-primary)}
}

@keyframes m{
  100% {transform:translateY(-400%)}
}