body{
  background: #1E1E1E;
}
.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF!important;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
  font: normal normal normal 14px/1!important ;
}

.whatsapp-icon {
  font-family: "FontAwesome"!important;
  margin-top:15px;
  color:#FFF!important;

}
.whatsapp:hover{
  color:#ffecec;
}
.bannerSection{
  background: linear-gradient(180deg, #1E1E1E 62.39%, #2A2A2A 100%); 
  padding: 80px 49px;
  display: flex;
  width: fit-content;
}
.containerTextBanner{
  display: flex;
  flex-direction: column;
  padding: 0% 4%;
}
.titleBanner{
  font-family: var(--bold);
  line-height: 35px;
  font-size: clamp(1.5rem, 2.5vw, 4rem);
  text-align: left;
  color: #fff;
}
.subtitleBanner{
  /* padding: 0 49px; */
  font-family: var(--regular);
  font-size: 16px;
  line-height: 23px;
  color: #fff;
}
.textBlueBanner{
  color: #51A8C9;
  font-family: var(--regular);
  font-size: 16px;
  line-height: 16px;
  margin-top: 16px;
  display: block;
}
.textBlueBannerMobile{
  color: #51A8C9;
  font-family: var(--regular);
  font-size: 16px;
  line-height: 16px;
  margin-top: 16px;
  display: none;
}
.chartImgBanner{
  width: 100%;
}
.divContainerButton{
  display: block;
  padding: 4% 0px;
}
.btn-Mobile{
  display: none;
}
.btn-empiezaGratis{
  background: #51A8C9;
  border-radius: 5px;
  color: #fff;
  padding: 3% 10%;
  font-family: var(--regular);
  font-size: 1rem;
  border: none;
  width: 100%;
}

/* Login CSS */



@media screen and (max-width:575px){
  .bannerSection{
    flex-direction: column;
    padding: 24px 49px;
  }
  .titleBanner{
    line-height: 29px;
  }
  .textBlueBanner{
    display: none;
  }
  .textBlueBannerMobile{
    display: block;
  }
  .containerTextBanner{
    padding: unset;
  }
  .divContainerButton{
    display: none;
  }
  .btn-Mobile{
    display: block;
  }
  .btn-empiezaGratis{
    padding: 4% 10%;
    width: 100%;
  }
}