/*home old style start */

/*ganga */

 
  .calendly-badge-widget
  
  {
  
  display: none;
  
  }
  
  @media(max-width: 767px){
  
  .web_logo{
  display: none;
  
  }
  
  }
  
  .red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
  
  .red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
  
  .red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}
  
  .ribbon {
  
  position: absolute;
  
  right: -5px; top: -5px;
  
  z-index: 1;
  
  overflow: hidden;
  
  width: 75px; height: 75px; 
  
  text-align: right;
  
  }
  
  .ribbon span {
  
  font-size: 10px;
  
  color: #fff; 
  
  text-transform: uppercase; 
  
  text-align: center;
  
  font-weight: bold; line-height: 20px;
  
  transform: rotate(45deg);
  
  width: 100px; display: block;
  
  background: #FFB300;
  
  background: linear-gradient(#FFB300 0%, #FFB300 100%);
  
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  
  position: absolute;
  
  top: 19px; right: -21px;
  
  }
  
  .ribbon span::before {
  
  content: '';
  
  position: absolute; 
  
  left: 0px; top: 100%;
  
  z-index: -1;
  
  border-left: 3px solid #FFB300;
  
  border-right: 3px solid transparent;
  
  border-bottom: 3px solid transparent;
  
  border-top: 3px solid #FFB300;
  
  }
  
  .ribbon span::after {
  
  content: '';
  
  position: absolute; 
  
  right: 0%; top: 100%;
  
  z-index: -1;
  
  border-right: 3px solid #79A70A;
  
  border-left: 3px solid transparent;
  
  border-bottom: 3px solid transparent;
  
  border-top: 3px solid #79A70A;
  
  }
  

  
  .bg-primary {
  
  background-image: linear-gradient(-135deg, #00887a 80.1%, transparent 0),linear-gradient(-45deg, #00887a 80%, transparent 0), linear-gradient(-45deg, #ffffff 100%, transparent 0) !important;
  
  }
  
  #get-start-btn {
  
  /* margin-top: -5% !important; */
  
  }
  

  
  .bold{
  
  font-weight: bold;
  
  color: #FFF;
  
  font-size: 20px;
  
  }
  

  
  #contact a{
  
  color: #FFF;
  
  transition: all .35s;
  
  }
  
  /* } */
  
  /*Pricing*/
  
  /* .panel-footer{
  
  border: 0px #2d2d2d !important;
  
  padding: 8px 0px 0px 0px !important;
  
  } */
  
  #quotes p{
  
  color:#00887a; 
  
  margin-left: 0px;
  
  font-size: 15px;
  
  margin-bottom: 5px;
  
  line-height: 1.8;
  
  padding-top: 10px;
  
  padding-right: 5px;
  
  padding-left: 5px;
  
  }
  
  #quotes .orange{
  
  color:orange;
  
  }
  
  #quotes .user{
  
  color:#00887a;;
  
  padding-bottom: 10px;
  
  }
  
  .tag{
  
  background-color: #00887a;
  
  color: white;
  
  text-align: left;
  
  }
  
  .price-value .spantag{
  
  font-size: 16px !important;
  
  }
  
  .price-value .uscurrency{
  
  padding-right: 0px !important;
  
  }
  
  .billed{
  
  position: relative;
  
  top:12px;
  
  font-size: 12px;
  
  }
  
  sup {
  
  top: 0 !important;
  
  font-size: 14px;
  
  }
  
  .price-value span{
  
  font-size: 35px;
  
  }
  
  .pricingTable .pricingTable-sign-up{
  
  padding: 5px 0;
  
  }
  
  .upper{
  
  text-transform: uppercase;
  
  }
  
  .terms{
  
  margin-top: 22px;
  
  text-align: center;
  
  }
  
  .terms p{
  
  font-size: 18px;
  
  }
  
  .deductionprice .android img{
  
  width: 60%;
  
  /*float: right !important;*/
  
  }
  
  .deductionprice .web img{
  
  width: 60%;
  
  /*float: left !important;*/
  
  }
  
  .deductionprice .ios img{
  
  width: 60%;
  
  /*float: left !important;*/
  
  }
  
  .pricingTable-header span{
  
  font-size: 14px;
  
  line-height: 16px;
  
  }
  
  .horizontal{
  
  margin-top: 10px;
  
  margin-bottom: 10px;
  
  border: 0;
  
  border-top: 2px solid #eee;
  
  width: 44%;
  
  }
  
  .pricing-plans span{
  
  color: #fff;
  
  }
  
  .price-value span{
  
  margin-left: 0 !important;
  
  }
  
  .bold{
  
  font-weight: bold;
  
  }
  
  .popover{
  
  width: 90%;   
  
  }
  
  .compare{
  
  text-align: center;
  
  margin-top: 10px;
  
  }
  
  .compare .btn{
  
  background-color: #00887a;
  
  color: #fff;
  
  border-radius: 3px;
  
  text-transform: uppercase;
  
  }
  
  .right{
  
  text-align: right;
  
  }
  
  .pop-button .btn{
  
  background-color: #00887a;
  
  color:#fff;
  
  }
  
  .pop-button .btn:hover{
  
  background-color: #00887a;
  
  color:#fff;
  
  }  
  
  .feedback{
  
  box-shadow: 1px 4px 9px 3px #efefef;
  
  padding-top: 20px;
  
  padding-bottom: 20px;
  
  border-left:2px solid lightblue;
  
  }
  
  #rightplan .col-md-3>p{
  
  color:#00887a;
  
  font-style: italic;
  
  margin-left: 4px;
  
  font-size: 15px;
  
  margin-bottom: 20px;
  
  line-height: 1.8;
  
  }
  
  #rightplan .orange{
  
  color:orange;
  
  }
  
  #rightplan .user{
  
  color:orange; 
  
  }
  
  #rightplan .selectplan p{
  
  margin-bottom: 10px;
  
  }
  
  #rightplan .horizontal{
  
  width: 100%;
  
  border-top: 2px solid #eee;
  
  /*margin-left: 1%;*/
  
  }
  
  #whouse{
  
  margin-top: 2%;
  
  margin-bottom: 2%;
  
  }
  
  #whouse .pricingTable-header{
  
  background-color: #00887a;
  
  }
  
  #whouse .pricingTable .pricingTable-header h3{
  
  color:#fff;
  
  }
  
  #whouse .pricingContent ul{
  
  margin-bottom: 10px;
  
  }
  
  #payactiveuser{
  
  margin-top: 3% !important;
  
  margin-bottom: 3% !important;
  
  }
  
  #payactiveuser .valuebased{
  
  margin:0;
  
  }
  
  .valuebased h3{
  
  margin-top: 10px;
  
  }
  
  .deductionprice .keypoints h4{
  
  text-align: center;
  
  }
  
  .trynow button{
  
  background-color: #00887a;
  
  color: #fff !important;
  
  padding: 10px 40px;
  
  margin-bottom: 15px;
  
  }
  
  .trynow button:hover{
  
  background-color: #00887a;
  
  color: #fff !important;
  
  }
  
  .paynow p{
  
  margin-top: 20px;
  
  }
  
  .nativecurrency{
  
  font-size: 18px;
  
  }
  
  @media (max-width: 767px){
  
  .deductionprice .ios img{
  
  width: 100%;
  
  }
  
  .deductionprice .android img{
  
  width: 100%;
  
  }
  
  .deductionprice .web img{
  
  width: 100%;
  
  }
  
  .deductionprice .keypoints h4{
  
  line-height: 1.3;
  
  font-size: 17px;
  
  }
  
  #rightplan .feedback{
  
  text-align: center;
  
  }
  
  #rightplan .user{
  
  color:orange;
  
  text-align: center;
  
  }
  
  #payactiveuser{
  
  margin-top: 3% !important;
  
  margin-bottom: 6% !important;
  
  }
  
  #quotes .pricingTable3{
  
  /* margin-right: 31px; */
  
  margin-left: 0 !important;
  
  /*width: auto !important;*/
  
  }
  
  #quotes .pricingTable2{
  
  width: auto !important;}
  
  #quotes .pricingTable1{
  
  margin-right: 0px !important;
  
  width: auto !important;}
  
  #rightplan .horizontal{
  
  margin-left: 0 !important;
  
  }
  
  }
  
    .calendly-badge-content{
  
  background: rgb(255, 179, 0);
  
  position: relative;
  
  top: -25px;
  
  left: -25px;
  
  }
  
    .all_biz ul {
  
  padding-left: 0 !important;
  
  }
  
    .biz_p{
  
  font-size: 18px; 
  
  font-weight: 600;
  
  color: #00887a;
  
  margin-bottom: 5px;
  
  }
  
    .hidden{
  
  visibility: hidden;
  
  }
  
    .pricingContent ul li {
  
  font-size: 14px !important;
  
  text-transform: none !important;
  
  }
  
    .uscurrency{
  
  font-size: 16px !important;
  
  }
  
    .valuebased1 {
  
  margin-bottom: 40px;
  
  margin-top:25px;
  
  padding: 10px;
  
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
  
  background-image: linear-gradient(to right, rgb(0, 136, 122), rgb(51, 139, 147));
  
  }  
  
    .valuebased2 {
  
  margin-bottom: 40px;
  
  margin-top:40px;
  
  padding: 20px;
  
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.14); 
  
  background-image: linear-gradient(to right, rgb(0, 136, 122), rgb(51, 139, 147));
  
  }  
  
    .valuebased4 {
  
  /* margin-bottom: 40px; */
  
  margin-top:40px;
  
  padding: 20px;
  
  }  
  

  
  /* }   */
  

  
    .red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
  
  .red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
  
  .red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}
  
  .ribbon1 {
  
  position: absolute;
  
  right: -5px; top: -5px;
  
  z-index: 1;
  
  overflow: hidden;
  
  width: 75px; height: 75px; 
  
  text-align: right;
  
  }
  
  .ribbon1 span {
  
  font-size: 15px;
  
  color: #fff; 
  
  text-transform: uppercase; 
  
  text-align: center;
  
  font-weight: bold; line-height: 20px;
  
  transform: rotate(45deg);
  
  width: 100px; display: block;
  
  background: #FFB300;
  
  background: linear-gradient(#d43a49 0%, #d43a49 100%);
  
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  
  position: absolute;
  
  top: 19px; right: -21px;
  
  }
  
  .ribbon1 span::before {
  
  content: '';
  
  position: absolute; 
  
  left: 0px; top: 100%;
  
  z-index: -1;
  
  border-left: 3px solid #d43a49;
  
  border-right: 3px solid transparent;
  
  border-bottom: 3px solid transparent;
  
  border-top: 3px solid #d43a49;
  
  }
  
  .ribbon1 span::after {
  
  content: '';
  
  position: absolute; 
  
  right: 0%; top: 100%;
  
  z-index: -1;
  
  border-right: 3px solid #d43a49;
  
  border-left: 3px solid transparent;
  
  border-bottom: 3px solid transparent;
  
  border-top: 3px solid #d43a49;
  
  }
  
    .red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
  
  .red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
  
  .red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}
  
  .ribbon2 {
  
  position: absolute;
  
  right: -5px; top: -5px;
  
  z-index: 1;
  
  overflow: hidden;
  
  width: 75px; height: 75px; 
  
  text-align: right;
  
  }
  
  .ribbon2 span {
  
  font-size: 10px;
  
  color: #fff; 
  
  text-transform: uppercase; 
  
  text-align: center;
  
  font-weight: bold; line-height: 20px;
  
  transform: rotate(45deg);
  
  width: 100px; display: block;
  
  background: #FFB300;
  
  background: linear-gradient(#d43a49 0%, #d43a49 100%);
  
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  
  position: absolute;
  
  top: 19px; right: -19px;
  
  }
  
  .ribbon2 span::before {
  
  content: '';
  
  position: absolute; 
  
  left: 0px; top: 100%;
  
  z-index: -1;
  
  border-left: 3px solid #d43a49;
  
  border-right: 3px solid transparent;
  
  border-bottom: 3px solid transparent;
  
  border-top: 3px solid #d43a49;
  
  }
  
  .ribbon2 span::after {
  
  content: '';
  
  position: absolute; 
  
  right: 0%; top: 100%;
  
  z-index: -1;
  
  border-right: 3px solid #d43a49;
  
  border-left: 3px solid transparent;
  
  border-bottom: 3px solid transparent;
  
  border-top: 3px solid #d43a49;
  
  }
  
    .every_plans{
  
  background-color: #FFF;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
  
  position: relative;
  
  /*top: -60px;*/
  
  padding: 40px;margin-bottom: 40px;
  
  }
  
    .every_plans h3{
  
  color: #00887a;
  
  text-transform: capitalize;
  
  margin-bottom: 2rem;
  
  }
  
    .tip {
  
  display: inline-block;
  
  cursor: pointer;
  
  }
  
    /* tooltip content */
  
    .tooltip h2 {
  
  white-space: nowrap;
  
  }
  
    .append:hover {
  
  color: #4d4d4d !important;
  
  opacity: 1;
  
  } 
  
    .append {
  
  position: relative;
  
  cursor: pointer; 
  
  padding-left: 2px;
  
  opacity: 0.2; 
  
  }
  
    .append1 { 
  
  cursor: pointer;  
  
  }
  
    .append1:hover{
  
    font-weight: bold;
  
  }
  
  /* demo styles */
  
    .append {
  
  margin-left: 0.5em;
  
  }
  
    .star{
  
  color: #EA3A45;
  
  font-size: 20px; 
  
  padding-left: 5px;
  
  }
  
    @media(max-width: 767px){
  
  .every_plans{
  
  padding: 20px;
  
  }
  
  }
  
    .text-center {
  
  text-align: center;
  
  }
  
  #type {
  
  /*text-shadow: 2px 2px #ddd;*/
  
  margin-left: -100px;
  
  display: inline-block;
  
  /* color: #fff; */
  
  }
  
  #blinker {
  
  background: #fff;
  
  background: -webkit-linear-gradient(45deg, #f857a8, #ff5858);
  
  background: linear-gradient(45deg, #f857a8, #ff5858);
  
  display: inline-block;
  
  background-clip: text;
  
  -webkit-background-clip: text;
  
  color: transparent;
  
  transition-timing-function: ease;
  
  }
  
  #blinker.blink {
  
  animation-name: type;
  
  animation-duration: 0.50s;
  
  animation-iteration-count: infinite;
  
  }
  
  @keyframes type {
  
  0% {
  
  opacity: 1;
  
  }
  
  100% {
  
  opacity: 0;
  
  }
  
  }
  
  /*End Banner Slider*/
  

  
  .hero{
  
  /* min-height: 300px; */
  
  }
  
  @media (min-width: 320px) and (max-width: 991px)
  
  {
  /* Ganga 
  #maindiv h1{
      margin-top:-120px!important;
  }*/ 
  
  #banner-content{
  
  margin-left: 0px !important;
  
  }
  
  #moving-letter{
  
  margin-left: 0px !important;
  
  }
  
  #blinker{
  
  font-size: 2rem !important;
  
  letter-spacing: 0% !important; 
  
  }
  
  /*.bg-primary {
  
  background-image: linear-gradient(-135deg, #00887a 35%, transparent 0),linear-gradient(-45deg, #00887a 35%, transparent 0), linear-gradient(-45deg, #ffffff 100%, transparent 0) !important;
  
  }*/
  
  .h1 {
  
  font-size: 2rem !important;
  
  }
  
  .bg-primary {
  
  background-image: none !important; 
  
  background-color: #fff !important;
  }
  
  #letter-pad {
  
  width: 80% !important;
  
  }
  
  .navbar-brand{
  
  bottom: 0% !important;
  
  }
  
  }
  /* Ganga */
  @media (max-width: 600px) {
       
  #maindiv h1{
      margin-top:-120px!important;
  }
  .navbar-brand{
  bottom: 0% !important;
  margin-left:-20px!important;
  } 
  }
  /* Ganga */
  @media (min-width: 320px) and (max-width: 400px) {
     
  
  #animate-letter {
  
  margin-top: 25% !important;
  
  position: absolute !important;
  
  margin-left: 10% !important;
  
  margin-right: 10% !important;
  
  }
  
  #under-hr{
  
  margin-top: 70% !important;
  
  display: none !important;
  
  }
  
  .hero .h1{
  
  margin-bottom: 10px !important;
  
  margin-top: -5% !important;
  
  }
  
  #get-start-btn{
  
  margin-top: 65% !important;
  
  /*margin-bottom: -30% !important;*/
  
  }
  
  #blinker{
  
  display: none !important;
  
  }
  
  #type:after {
  
  content: "|" !important;
  
  /* color: #ffb300 !important;
   */
   color: #2d2d2d !important;
  animation-name: type;
  
  animation-duration: 0.50s;
  
  animation-iteration-count: infinite;
  
  }
  
  .calendly-badge-content
  
  {
  
  left: 0% !important;
  
  }
  
  }
  
  @media (min-width: 401px) and (max-width: 500px) {
  
  #animate-letter {
  
  margin-top: 25% !important;
  
  position: absolute !important;
  
  margin-left: 15% !important;
  
  margin-right: 15% !important;
  
  }
  
  #under-hr{
  
  margin-top: 70% !important;
  
  display: none !important;
  
  }
  
  .hero .h1{
  
  margin-bottom: 10px !important;
  
  margin-top: -5% !important;
  
  }
  
  #get-start-btn{
  
  margin-top: 65% !important;
  
  /*margin-bottom: -30% !important;*/
  
  }
  
  #blinker{
  
  display: none !important;
  
  }
  
  #type:after {
  
  content: "|" !important;
  
  /* color: #ffb300 !important;
   */
  animation-name: type;
  
  animation-duration: 0.50s;
  
  animation-iteration-count: infinite;
  
  }
  
  .calendly-badge-content
  
  {
  
  left: 0% !important;
  
  }
  
  }
  
  @media (min-width: 501px) and (max-width: 600px) {
  
  #animate-letter {
  
  margin-top: 25% !important;
  
  position: absolute !important;
  
  margin-left: 15% !important;
  
  margin-right: 15% !important;
  
  }
  
  #under-hr{
  
  margin-top: 70% !important;
  
  display: none !important;
  
  }
  
  .hero .h1{
  
  margin-bottom: 10px !important;
  
  margin-top: 0% !important;
  
  }
  
  #get-start-btn{
  
  margin-top: 50% !important;
  
  margin-bottom: -30% !important;
  
  }
  
  #blinker{
  
  display: none !important;
  
  }
  
  #type:after {
  
  content: "|" !important;
  
  /* color: #ffb300 !important;
   */
  animation-name: type;
  
  animation-duration: 0.50s;
  
  animation-iteration-count: infinite;
  
  }
  
  .calendly-badge-content
  
  {
  
  left: 0% !important;
  
  }
  
  }
  
  @media (min-width: 601px) and (max-width: 700px) {
  
  #animate-letter {
  
  margin-top: 25% !important;
  
  position: absolute !important;
  
  margin-left: 15% !important;
  
  margin-right: 15% !important;
  
  }
  
  #under-hr{
  
  margin-top: 70% !important;
  
  display: none !important;
  
  }
  
  .hero .h1{
  
  margin-bottom: 10px !important;
  
  margin-top: -10% !important;
  
  }
  
  #get-start-btn{
  
  margin-top: 50% !important;
  
  /*margin-bottom: -30% !important;*/
  
  }
  
  #blinker{
  
  display: none !important;
  
  }
  
  #type:after {
  
  content: "|" !important;
  
  /* color: #ffb300 !important;
   */
  animation-name: type;
  
  animation-duration: 0.50s;
  
  animation-iteration-count: infinite;
  
  }
  
  .calendly-badge-content
  
  {
  
  left: 0% !important;
  
  }
  
  }
  
  @media (min-width: 701px) and (max-width: 800px) {
  
  #animate-letter {
  
  margin-top: 25% !important;
  
  position: absolute !important;
  
  margin-left: 25% !important;
  
  margin-right: 25% !important;
  
  }
  
  #under-hr{
  
  margin-top: 70% !important;
  
  display: none !important;
  
  }
  
  .hero .h1{
  
  margin-bottom: 10px !important;
  
  margin-top: -10% !important;
  
  }
  
  #get-start-btn{
  
  margin-top: 50% !important;
  
  /*margin-bottom: -20% !important;*/
  
  }
  
  #blinker{
  
  display: none !important;
  
  }
  
  #type:after {
  
  content: "|" !important;
  
  /* color: #ffb300 !important;
   */
  animation-name: type;
  
  animation-duration: 0.50s;
  
  animation-iteration-count: infinite;
  
  }
  
  .calendly-badge-content
  
  {
  
  left: 0% !important;
  
  }
  
  }
  
  @media (min-width: 801px) and (max-width: 900px) {
  
  #animate-letter {
  
  margin-top: 25% !important;
  
  position: absolute !important;
  
  margin-left: 25% !important;
  
  margin-right: 25% !important;
  
  }
  
  #under-hr{
  
  margin-top: 70% !important;
  
  display: none !important;
  
  }
  
  .hero .h1{
  
  margin-bottom: 10px !important;
  
  margin-top: -10% !important;
  
  }
  
  #get-start-btn{
  
  margin-top: 50% !important;
  
  /*margin-bottom: -20% !important;*/
  
  }
  
  #blinker{
  
  display: none !important;
  
  }
  
  #type:after {
  
  content: "|" !important;
  
  /* color: #ffb300 !important;
   */
  animation-name: type;
  
  animation-duration: 0.50s;
  
  animation-iteration-count: infinite;
  
  }
  
  .calendly-badge-content
  
  {
  
  left: 0% !important;
  
  }
  
  }
  
  @media (min-width: 901px) and (max-width: 1000px) {
  
  #animate-letter {
  
  margin-top: 25% !important;
  
  position: absolute !important;
  
  margin-left: 25% !important;
  
  margin-right: 25% !important;
  
  }
  
  #under-hr{
  
  margin-top: 70% !important;
  
  display: none !important;
  
  }
  
  .hero .h1{
  
  margin-bottom: 10px !important;
  
  margin-top: -10% !important;
  
  }
  
  #get-start-btn{
  
  margin-top: 50% !important;
  
  /*margin-bottom: -20% !important;*/
  
  }
  
  #blinker{
  
  display: none !important;
  
  }
  
  #type:after {
  
  content: "|" !important;
  
  /* color: #ffb300 !important;
   */
  animation-name: type;
  
  animation-duration: 0.50s;
  
  animation-iteration-count: infinite;
  
  }
  
  .calendly-badge-content
  
  {
  
  left: 0% !important;
  
  }
  
  }
  
/*Chat*/

#presentation{

   width: 480px;
   
   height: 120px;
   
   padding: 20px;
   
   margin: auto;
   
   /*background: #FFF;*/
   
   margin-top: 10px;
   
   /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
   
   transition: all 0.3s; 
   
   border-radius: 3px;
   
   z-index: 9999;
   
   }
   
   #presentation:hover{
   
   box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
   
   transition: all 0.3s;
   
   transform: translateZ(10px);
   
   z-index: 9999;
   
   }
   
   #floating-button{
   
   width: 55px;
   
   height: 55px;
   
   border-radius: 50%;
   
   background: #00887a;
   
   position: fixed;
   
   bottom: 50px;
   
   right: 20px;
   
   cursor: pointer;
   
   z-index: 9999;
   
   /*box-shadow: 0px 2px 5px #666;*/
   
   }
   
   .plus{
   
   color: white;
   
   position: absolute;
   
   top: 0;
   
   display: block;
   
   bottom: 0;
   
   left: 0;
   
   right: 0;
   
   text-align: center;
   
   padding: 0;
   
   margin: 0;
   
   line-height: 55px;
   
   font-size: 38px;
   
   font-family: 'Roboto';
   
   font-weight: 300;
   
   animation: plus-out 0.3s;
   
   transition: all 0.3s;
   
   }
   
   #container-floating{
   
   position: fixed;
   
   width: 70px;
   
   height: 70px;
   
   bottom: 30px;
   
   right: 30px;
   
   z-index: 9999;
   
   }
   
   #container-floating:hover{
   
   height: 400px;
   
   width: 90px;
   
   padding: 30px;
   
   }
   
   #container-floating:hover .plus{
   
   animation: plus-in 0.15s linear;
   
   animation-fill-mode: forwards;
   
   }
   
   .edit{
   
   position: absolute;
   
   top: 0;
   
   display: block;
   
   bottom: 0;
   
   left: 0;
   
   display: block;
   
   right: 0;
   
   padding: 0;
   
   opacity: 0;
   
   margin: auto;
   
   line-height: 65px;
   
   transform: rotateZ(-70deg);
   
   transition: all 0.3s;
   
   animation: edit-out 0.3s;
   
   }
   
   #container-floating:hover .edit{
   
   animation: edit-in 0.2s;
   
   animation-delay: 0.1s;
   
   animation-fill-mode: forwards;
   
   }
   
   @keyframes edit-in{
   
   from {opacity: 0; transform: rotateZ(-70deg);}
   
   to {opacity: 1; transform: rotateZ(0deg);}
   
   }
   
   @keyframes edit-out{
   
   from {opacity: 1; transform: rotateZ(0deg);}
   
   to {opacity: 0; transform: rotateZ(-70deg);}
   
   }
   
   @keyframes plus-in{
   
   from {opacity: 1; transform: rotateZ(0deg);}
   
   to {opacity: 0; transform: rotateZ(180deg);}
   
   }
   
   @keyframes plus-out{
   
   from {opacity: 0; transform: rotateZ(180deg);}
   
   to {opacity: 1; transform: rotateZ(0deg);}
   
   }
   
   .nds{
   
   width: 40px;
   
   height: 40px;
   
   border-radius: 50%;
   
   position: fixed;
   
   z-index: 9999 !important;
   
   transform:  scale(0);
   
   cursor: pointer;
   
   }
   
   .nd1{
   
   /* //background: #fff; */
   
   right: 25px;
   
   bottom: 85px;
   
   animation-delay: 0.2s;
   
   animation: bounce-out-nds 0.3s linear;
   
   animation-fill-mode:  forwards;
   
   margin-bottom: 15px;
   
   }
   
   .nd3{
   
   /* //background: #fff; */
   
   right: 25px;
   
   bottom: 130px;
   
   animation-delay: 0.15s;
   
   animation: bounce-out-nds 0.15s linear;
   
   animation-fill-mode:  forwards;
   
   margin-bottom: 15px;
   
   }
   
   .nd4{
   
   /* //background: #fff; */
   
   right: 25px;
   
   bottom: 175px;
   
   animation-delay: 0.1s;
   
   animation: bounce-out-nds 0.1s linear;
   
   animation-fill-mode:  forwards;
   
   margin-bottom: 15px;
   
   }
   
   .nd5{
   
   /* //background: #fff; */
   
   right: 25px;
   
   bottom: 220px;
   
   animation-delay: 0.1s;
   
   animation: bounce-out-nds 0.1s linear;
   
   animation-fill-mode:  forwards;
   
   margin-bottom: 15px;
   
   }
   
   .nd6{
   
   /* //background: #fff; */
   
   right: 25px;
   
   bottom: 265px;
   
   animation-delay: 0.1s;
   
   animation: bounce-out-nds 0.1s linear;
   
   animation-fill-mode:  forwards;
   
   margin-bottom: 15px;
   
   }
   
   .nd7{
   /* 
   //background: #fff; */
   
   right: 25px;
   
   bottom: 310px;
   
   animation-delay: 0.1s;
   
   animation: bounce-out-nds 0.1s linear;
   
   animation-fill-mode:  forwards;
   
   margin-bottom: 15px;
   
   }
   
   @keyframes bounce-nds{
   
   from {opacity: 0;}
   
   to {opacity: 1; transform: scale(1);}
   
   }
   
   @keyframes bounce-out-nds{
   
   from {opacity: 1; transform: scale(1);}
   
   to {opacity: 0; transform: scale(0);}
   
   }
   
   #container-floating:hover .nds{
   
   animation: bounce-nds 0.1s linear;
   
   animation-fill-mode:  forwards;
   
   }
   
   #container-floating:hover .nd3{
   
   animation-delay: 0.08s;
   
   }
   
   #container-floating:hover .nd4{
   
   animation-delay: 0.15s;
   
   }
   
   #container-floating:hover .nd5{
   
   animation-delay: 0.2s;
   
   }
   
   #container-floating:hover .nd6{
   
   animation-delay: 0.25s;
   
   }
   
   #container-floating:hover .nd7{
   
   animation-delay: 0.25s;
   
   }
   
   .letter{
   
   font-size: 23px;
   
   font-family: 'Roboto';
   
   color: white;
   
   position: absolute;
   
   left: 0;
   
   right: 0;
   
   margin: 0;
   
   top: 0;
   
   bottom: 0;
   
   text-align: center;
   
   line-height: 40px;
   
   }
   
   .reminder{
   
   position: absolute;
   
   left: 0;
   
   right: 0;
   
   margin: auto;
   
   top: 0;
   
   bottom: 0;
   
   line-height: 40px;
   
   }
   
   .profile{
   
   border-radius: 50%;
   
   width: 40px;
   
   position: absolute;
   
   top: 0;
   
   bottom: 0;
   
   margin: auto;
   
   right: 20px;
   
   }
   
   .tooltip-inner {
   
   background-color: #fff !important;
   
   color: #000;
   
   }
   .carousel-md{
    display: none;
   }
   .carousel-sm{
    display: none;
   }
   
   @media(min-width:  768px){
    .carousel-md{
    display: block;
   }
   }
     @media(max-width: 767px){
   
      .carousel-sm{
        display: block;
      }
   
   /*Chat Shapes*/
   
   .rectangle1 {
   
   top: 10px;
   
   padding: 1px 7px;
   
   height: 25px;
   
   width: 130px;
   
   background-color: #000;
   
   border-radius: 15px;
   
   display: inline-block;
   
   position: absolute !important;
   
   left: -130px;
   
   }
   
   .rect-color{
   
   color: #fff;
   
   text-align: center !important;
   
   float:right;
   
   }
   
   .rectangle2 {
   
   top: 10px;
   
   padding: 1px 6px;
   
   height: 25px;
   
   width: 80px;
   
   background-color: #000;
   
   border-radius: 15px;
   
   display: inline-block;
   
   position: absolute !important;
   
   left: -80px;
   
   }
   
   .rectangle3 {
   
   top: 10px;
   
   padding: 1px 6px;
   
   height: 25px;
   
   width: 50px;
   
   background-color: #000;
   
   border-radius: 15px;
   
   display: inline-block;
   
   position: absolute !important;
   
   left: -50px;
   
   }	
   
   .rectangle4 {
   
   top: 10px;
   
   padding: 1px 6px;
   
   height: 25px;
   
   width: 35px;
   
   background-color: #000;
   
   border-radius: 15px;
   
   display: inline-block;
   
   position: absolute !important;
   
   left: -35px;
   
   }
   
   .rectangle5 {
   
   top: 10px;
   
   padding: 1px 6px;
   
   height: 25px;
   
   width: 100px;
   
   background-color: #000;
   
   border-radius: 15px;
   
   display: inline-block;
   
   position: absolute !important;
   
   left: -100px;
   
   }
   
   .rectangle6 {
   
   top: 10px;
   
   padding: 1px 6px;
   
   height: 25px;
   
   width: 120px;
   
   background-color: #000;
   
   border-radius: 15px;
   
   display: inline-block;
   
   position: absolute !important;
   
   left: -120px;
   
   }
   
     .tooltip-inner{
   
   background-color: #000 !important;
   
   color: #fff;
   
   }
   
     @media(max-width: 767px){
   
   .text-white .pt-5{
   
   padding-top: 0.5rem!important;
   
   padding-bottom: 0.5rem!important;
   
   }
   
       .navbar .btn-primary{
   
   margin-bottom: 15px !important;
   
   }
   
     .drop{
   
   margin-bottom: 10px !important;
   
   }
   
   }
   
     .navbar-toggler:focus, .navbar-toggler:active {
   
   outline: none;
   
   box-shadow: none;
   
   }
   /*ganga */
   .navbar-toggler1:focus, .navbar-toggler1:active {
   
   outline: none;
   
   box-shadow: none;
   
   }
   /* Ganga */
   
   
   
   
       .navbar-nav li a {
   
   color: #eee;
       }
       .navbar-nav li a:hover,a:focus,a:active
       {
         background-color: transparent;
   
         -webkit-box-shadow: none;
   
         -moz-box-shadow: none;
   
          box-shadow: none;
       }
    
   
   }
   
    
   
   
   
   .item p {
   
      padding-top: 5px;
   
      font-size: 16px;
   
      color: #000;
   
   }
   
   
   
   #carousel_box{
   
          margin-top: 65px;
   
      }
   
   
   
      .carousel-indicators li {
   
      width: 8px;
   
      height: 8px;
   
      border-radius: 100%; 
   
      border: 1px solid #000;
   
      position: relative;
   
      top: 60px; 
   
   }
   
   
   
   .carousel-indicators .active {
   
      opacity: 1;
   
      background-color: #00887a;
   
   }
   
   
   
   .svg{
   
      width: 50%;
   
      position: relative;
   
      left: 170px;
   
      margin-top: 0px;
   
   }
   
   
   
   .carousel-inner{
   
      text-align: center;
   
   }
   
   
   
   .img-resize{
   
     height: 275px;
   
   }
   
   
   
   /*  .switch-img-resize{
   
     height: 300px;
   
   } */
   
   
   
   .carousel-item p{
   
     font-size: 17px;
   
     font-weight: 400;
   
   }
   
   
   
   #extra-features{ cursor: pointer; }
   
   
   
   .switch-btn{ 
   
     background-color: #00887a !important;
   
      border-color: #00887a !important;
   
      background-image: none !important;
   
      font-family: "Catamaran",sans-serif;
   
      font-size: 16px;
   
      font-weight: 600;
   
   }
   
   
   
   .carousel-indicators li{
   
      width: 15px;
   
      height: 15px;
   
   }
   
   
   
   .whoShouldUse ul li {
   
   font-size: 20px !important;
   
   text-transform: none !important;
   
   }
   
   
   
   #customer-testimonial{ cursor: pointer; }
   
   
   
   
   
   /* Ganga 17/05*/
   
               #getintouch .icon {
   
                text-align: center;  
   
                background: #ffffff;
   
                position: relative;
   
                overflow: hidden;
   
              }
   
              #getintouch .icon p {
   
                background: #ffffff;
   
                position: relative;
   
                padding: 0 10px;
   
                font-weight: 600;
   
                color: #000000;
   
              }
   
              #getintouch .icon-img {
   
                width: 70px;
   
                border: 5px solid rgba(255, 255, 255, 0.2);
   
              }
   
            
   
          /*ganga 17-05-2021*/
   
      .usd-strickout{
              /*text-decoration: line-through;*/
        font-size: 21px;
            background: linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 52.5%, transparent 54.5%);
      }
   
              
  

/*home old style end */


/* HelloLeads Color Class*/
.color1
{
   background-color: #13b495 !important;
}
.text-black
{
   color:#202f3c;
}
.text-gray
{
   color:#7f7f7f ;
}
.text-green
{   
   color:#13b495 !important;
}
.text-orange
{
 color: #ffb300!important
}
.checkbr
{
   border:2px solid red;
}

.home-banner
 {
   margin-top:4.5rem !important;
   
   padding-top: 80px !important;
   padding-bottom: 50px !important;
 }

#pot2  {
   width: 100px;
   height: 100px;
   position:fixed;
  background-color: #00887a;
   animation-name: example;
   -webkit-animation:ease infinite;
   -webkit-animation-name: run;
   -webkit-animation-duration: 6s;
 }
 
 @keyframes example {
   0%   { background-color:red;}
   25%  {background-color:green;}
   50%  {background-color:yellow;}
   100% {background-color: #fff;}
 }
/*animation Gif Moveing */
#pot{
   bottom:0;
   position:fixed;

   -webkit-animation:linear infinite;
   -webkit-animation-name: run;
   -webkit-animation-duration: 60s;
 }
 @-webkit-keyframes run {
     0%  { left: 0;
           -webkit-transform: rotateY(0deg);
         }
     25% { left : 50%;
           -webkit-transform: rotateY(0deg);
            background-color: red;
         }
     51% {
           -webkit-transform: rotateY(180deg);
         }
    99% { left: 0;
           -webkit-transform: rotateY(180deg);
         }
    100% { left: 0;
           -webkit-transform: rotateY(0deg);
         }
 }
 


 
 @media (max-width:576px) {
 
 #pot{
   bottom:0;
   position:fixed;
   -webkit-animation:linear infinite;
   -webkit-animation-name: run;
   -webkit-animation-duration: 15s;
 }
 @-webkit-keyframes run {
     0%  { left: 0;
           -webkit-transform: rotateY(0deg);
         }
     50% { left : 65%;
           -webkit-transform: rotateY(0deg);
         }
     51% {
           -webkit-transform: rotateY(180deg);
         }
    99% { left: 0%;
           -webkit-transform: rotateY(180deg);
         }
    100% { left: 0%;
           -webkit-transform: rotateY(0deg);
         }
 }
 
 }






 #customers .col-md-2
 {
   max-width: 15.66667%;
   
 }



 #customers .col-md-2
 {
   max-width: 15.66667%;
 }
 #customers .swiper-button-next,.swiper-button-prev
 {
    color:gainsboro !important;
  }

  /* .swiper-button-next
  {
    top: -5px;
    background-color: white;
    padding: 6em 1em;
    right:0px !important;
  }
  .swiper-button-prev
  {
    top: -5px;
    background-color: white;
    padding: 6em 1em;
    left:0px !important;
  } */

  @media (max-width: 767px)
  {
   .swiper-button-next,.swiper-button-prev
   {
      top:25rem !important;
   }
  }



  #customers .card 
  {
    height: 137px ;
    border:none !important;
  }

  #customers  .swiper
  {
    width: 90%;
    height: 40%;
  }
  #customers .swiper-slide
  {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  #customers .swiper-slide img 
  {
    display: block;
    /* width: 99% !important;
    height: 50% !important; */
    object-fit: cover;
    border:2px solid gainsboro;
  }
 

/***Media Query for mobile res.
 zoom in 90%  */
@media  (min-width:1400px) {
   .home-banner
   {
      margin-top:4.5rem !important;
      
   }
}

@media (min-width:300px) and (max-width:991px)
{
   #save-text
{
   left:10rem !important;
}
.industry .indus1,.indus2,.indus3
{
   display: flex;
   text-align: left;
}
   #top-features .fcard
   {
      width: 72% !important;
   }
   #switch-on-span
  {
   margin-left: -13.5rem !important;
  }
   #why-helloleads .whz-row
   {
      flex-direction: column;
   }
   .enquire-btn 
  {
    width: 32% !important;
  }
   .fa-eye-span
  {
    
    left: 7rem !important;
   }

   .cus-say-card
   {
     width: auto !important;
   }
   .cus-say-con
   {
      margin-left:0rem !important;
   }
   .get-start-btn
   {
      width:190px !important;
   }
   .banner-text2
   {
      font-size: 13px !important;
   }

   .join-text
   {
    font-size: 23px !important;
   }
   #customers .col-md-2
   {
      
      max-width: 100.66667% !important;
       
   }
   .signav
   {
      margin-top: .5rem !important;
   }
   .swiper .row 
   {
      padding: 65px;
      margin-left: -14px !important;
   }
   .hero 
   {
      /* min-height: 35rem !important; */
   }
   .home-banner
   {
      margin-top:4rem !important;
   }
   .banner-text1
   {
      /* font-size: 32px !important; */
      font-size: 2rem !important;
      margin-top: 0rem !important;
      
   }
   .banner-text3
   {
      margin-left:18px;
      padding-left: 10px;
   }

   .download-icons 
   {
    flex-wrap: wrap;
   }
   .customer-row2
   {
      margin-left:1.5rem !important;
   }
   #customers
   {
      /* margin-top: -95px !important; */
   }
   .customers-container
   {
      flex-wrap: wrap;
      justify-items: center;
   }
   .rateing-container
   {
      flex-wrap: wrap;
      margin-left:78px;
   }
   #customers .description
   {
      padding-top: 5px;
      margin-left: 3px;
      
      text-align: center;
      font-size: 25px !important;
   }
   .scrollWrapper
   {
      margin-top:20px !important;
   }
   .help-container
   {
      flex-wrap: wrap;
      justify-items: center;
      display: grid;
   }

   .card-1,.card-2,.card-3
   {
      border:2px solid gray !important;
      margin-top:1rem !important;
   }
   .get-std-p
   {
      margin-top:19rem !important;
   }

   #animate-letter #type
   {
      margin-top:-1rem !important;
   }
   /*new rateing */
   .rateing-row
   {
    /* margin-left:3rem !important; */
    justify-content: center;
    flex-direction: column;
   }

   .quote-sec
   {
    margin-left: 3rem !important;
    margin-top: -7rem !important;
   }
   .quote-box
   {
    margin-right: 0rem !important;
   }



}



/*Home Banner */
/* .navbar
{
   box-shadow: 0px 0px 10px #888888;
} 
@media (max-width: 767px){
  h1{
      font-size: 2rem !important;
  }
}
@media (min-width: 768px){
  h1{
      font-size: 3.75rem !important;
  }
}*/
.banner-text1
{
   font-size: 3.75rem;
   /* color:#202f3c; */
   color:#00887a;
   margin-top: -1rem;
   padding-bottom: 2rem !important;
   /* font-family: 'Inter' !important; */
   /* font-weight:400; */

}
.banner-text2
{
  font-size: 13px;
  margin-top:2px !important;
}
.banner-text3
{

padding:30px 30px 10px 1px;
font-size: 1.5rem;
color:black;
margin-top:18px ;
margin-left:28px;
letter-spacing: 1.1px;
}
 .get-start-btn
{
   font-weight: 600;
   font-size: 21px !important;
   margin: auto;
   display: flex !important;
   margin-top:1px !important;
   color: #fff !important;
   background:  #13b495 !important;
   width:325px; 
   height: 50px;
   justify-content: center;
   cursor: pointer;  
   border-radius: 30px !important;
   border: none !important;
   padding-top: 10px;
}
.get-start-btn:focus
{
   box-shadow: 0 0 0 0.25rem gainsboro !important;
}
.get-start-btn a:hover,.get-start-btn a:focus
{
   color:white !important;
}
.get-started-text
{
 text-decoration: none !important;
 padding-top:5px;
 color:white;
}
 
.download-icons
{
   margin-top: -20px;
   display: flex;
   flex-direction: row;
   justify-content: center;
}
/* Quote section*/
.quote-sec
{
   margin-top:-6rem;
   margin-left:9rem;
}
.quote-box {

margin-bottom: 40px; 

 padding: 20px;

 /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.14); */

 max-width: 87% !important;
 margin-right:6rem;


   
   }
/*Customes  */
.customer-row1
{
   margin-left:2rem !important;
}

#customers
{
   /* margin-top: -93px;  */
   /* margin-top: -49px; */
}

#customers .description
{
   font-weight: 200;
   font-size: 21px;
   color:black;
   margin-top:-3px ;
}

#customers .card .card-body
{
   cursor: pointer !important;
}
/* why-helloleads-2 */
.why-hls2
{
 margin-top: -70px;
}
.why-hls2-row1
{
   margin-top: 30px;
}
.why-hls2-row2
{
   margin-top: 40px;
}
.why-hls2-row3
{
   margin-top: 40px;
}
/*hls-top-features*/
#extra-features
{
   justify-items: center;
}
 #extra-features .description
{
   font-weight: 200;
   padding:30px 0px 10px 0px;
   font-size: 18px;
   color:black;
   margin-top:-35px !important;
   margin-left:25px;
}
/* #extra-features img
{
   width:50px !important;
   height:50px !important;
   
} */
/*Rateing  */
.rateing-head
{
   font-size:2.25rem;
   margin-top: 25px;
   margin-bottom: 10px;
}
.rateing-sub-head
{
  /* font-weight: 200; */
  padding:30px 0px 10px 0px;
  font-size: 24px;
  color:black;
  margin-top:-35px !important;
  margin-left:20px;
}
.rateing-container
{
   display: flex;
   justify-content: space-evenly;
}
 


#new_rateing
{
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}
 
#new_rateing .row1,.row2{
   border:1px solid rgb(224, 222, 222);
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.10);
   width:200px;
   margin-top:30px;
   text-align:center;
   height:130px;
}

#new_rateing .row img:not(.star-img){

   width:160px;
   height:90px;
   /* margin-left:20px; */
}
#new_rateing .row p{
   color:black;
   font-weight:bold;
   padding-top:2px;
}
#new_rateing .star-img
{
   width: 25px;
    height: 25px;
}



/**** Priceing Table ***/

/*button row */
#btn-div
{
   border-radius:30px;
   width:255px;
   height: 45px;
   /* margin-top:40px; */
   border:1px solid gray;
}
#btn-div .btn:hover
{
   background-color: none !important;
}
#monthly
{
   width: 115px;
   height: 36px;
   border-radius: 25px;
}
.btn-light:focus {
    
   background-color: none !important;
     border-color:none !important;
   box-shadow: none !important
}
#yearly
{
   width: 115px;
   height: 36px;
   border-radius: 25px;
}
#price-cards
{
   background-color: white;
}
.hr-gray1
{
   border:.5px solid gainsboro;
}
.price-card-hr
{
   margin-top: 2px;
}
#monthly-btn
{
   border: none !important;
}
 
#yearly
{
   outline: none !important;
}
#yearly:focus-visible
{
   background: none !important;
   box-shadow: none !important;
}
#yearly:focus
{
   box-shadow: none !important;
   border: none !important;
   outline:  none !important;
}
#list-item
{
   margin-top:8px;
}
.cost-quote
{
   justify-content: center;
   border-color: #fff;
   font-size: 15px;
   margin-top: -30px;
   /* margin-left:50px; */
   color: #00887a;
   text-transform: uppercase;
   font-weight: 200;
   text-decoration: none;
}
/*Switch On div */  

.switch-on-div
{
   margin-top:-130px !important;
   margin-left:250px !important;
}
#switch-on-p
{
   text-align: center;
}
#switch-on-img
{
   margin-top:45px !important;
   margin-left:-20rem !important;
}

#switch-on-span
{
   color:#13b495;
   margin-top:-60px;
   margin-left: 50px;
}
/*Switch On div End  */
.pricing-sub-head
{
   /* font-weight: 200; */
   padding:30px 0px 10px 0px;
   font-size: 24px;
   color:black;
   margin-top:-35px !important;
   margin-left:20px;
}
/* Card-1 */
hr
{
    
   border-color: black;
   width: 100%;
}
.pup-text
{
    
   font-weight: bold;
   text-align: center !important;
}
#trial-p1
{
   font-size:40px;
}
#trial-p2
{
   font-size:40px;
   margin-right: 25px;
}
#trial-span
{
   font-size:25px;
}
#trial-p3
{
   margin-left: 128px;
   margin-top:-40px ;
}

#card-1-btn
{
   /* background-color:#f3f3f3; */
   background-color: rgb(19,  180, 149);
   border-color: rgb(19, 180, 149);
   
}
/* Card-2  */
#start-up-p1
{
   font-size:40px;
}
#start-up-p2
{
   font-size:40px;
   margin-right: 25px;

}
#start-up-span
{
   font-size:25px;
}
#start-up-p3
{
   margin-left: 155px;
   margin-top:-40px ;
}
/* Card-3 */
#enterprise-p1
{
   font-size:40px;
}
#enterprise-p2
{
   font-size:40px;
   margin-right: 25px;
}
#enterprise-span
{
   font-size:25px;
}

#enterprise-p3
{
   margin-left: 155px;
   margin-top:-40px ;
}

/*Switch to helloleads */
 
/* Download*/
/* #download
{
   margin-top:-60px;
} */
/*help */
.help
{
 /* margin-top: -60px; */
}
.help-container
{
   display:flex;
   flex-direction:row;
   justify-content:space-evenly;
}



/*new Top-features */
.top-features-con
{
   margin-top: -2rem;
}
.top-features-con .main-head
{
   font-size:2.25rem;
   color:#13b495;
   margin-bottom: 10px;
}
.top-features-con .sub-head
{
   /* font-weight: 200; */
   padding:30px 0px 1px 0px;
   font-size: 24px;
   color:black;
   margin-top:-35px !important;
   margin-left:20px;
}
.top-features-con img
{
   width:30%;
   height:auto;
}
.fcard-des
{
   line-height: 23px !important;
}
.fcard{
   border: 1px solid gainsboro;
   padding: 5px;
   border-radius: 5px;
}
.fcard:hover{
   transform: translateY(-10px);
   transition: 0.3s ease-in-out;
   box-shadow: 0px 5px 0px #13b495;
   /* border: none; */
}
.fcard-row{
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   gap: 1em;
}


.fe-card1:hover
{
   background-color: #fff;
   /* box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); */
   box-shadow: 0px 4px 8px 0px #757575;
   color: #4a4a4a;
}
/* What our Customer say -section*/
.card0 {
   box-shadow: 0px 4px 8px 0px #757575;
   border-radius: 20px;
}

.card1 {
   border-bottom-left-radius: 20px;
   border-top-left-radius: 20px;
   background-color: #13b495;
   height: 100%;
   color: #fff;
   padding-left: 13%;
   padding-right: 13%;
}

.logo {
   margin-top: 30px;
   margin-left: 6%;
   text-align: center;
   cursor: pointer;
   font-size: 30px;
}



.card2 {
   border-bottom-right-radius: 20px;
   border-top-right-radius: 20px;
}

.social-connect .fa-google-plus {
   color: #df4b37;
   padding: 10px 12px;
   font-size: 20px;
}

.social-connect .fa-facebook-square {
   color: #3b5998;
   padding: 10px 15px;
   font-size: 20px;
}

.social-connect {
   padding: 3px 0px 3px 3px;
   border-radius: 10px;
   cursor: pointer;
   border: 1px solid #E0E0E0;
}

.social-connect:hover {
   background-color: #EEEEEE;
}

.line {
   height: 1px;
   width: 45%;
   background-color: #E0E0E0;
   margin-top: 10px;
}

.or {
   width: 10%;
}

.text-sm {
   font-size: 14px !important;
}

/*input {
   padding: 10px 12px 10px 12px;
   border: 1px solid lightgrey;
   border-radius: 10px;
   margin-bottom: 25px;
   margin-top: 2px;
   width: 100%;
   box-sizing: border-box;
   color: #2C3E50;
   font-size: 14px;
   letter-spacing: 1px;
}*/

/*input:focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   border: 1px solid #512DA8;
   outline-width: 0;
}*/

::placeholder {
   color: #EEEEEE;
   opacity: 1;
}

:-ms-input-placeholder {
   color: #EEEEEE;
}

::-ms-input-placeholder {
   color: #EEEEEE;
}

/*button:focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   outline-width: 0;
}*/

.btn-blue {
   background-color: #512DA8;
   width: 100%;
   color: #fff;
   border-radius: 6px;
}

.btn-border-blue{
 border-color: #13b495;
}

.btn-blue:hover {
   background-color: #311B92;
   color: #fff;
   cursor: pointer;
}

.card-0 {
   color: #008369;
   background-color: #fff;
   border-radius: 20px;
   min-height: 352px;
   margin-top: 80px;
   padding: 30px;
}

.carousel-indicators.tstmnl {
   position: absolute;
   bottom: -50px;
   display: -webkit-box !important;
}

.carousel-indicators.tstmnl li {
   cursor: pointer;
   border-radius: 50% !important;
   width: 40px !important;
   height: 40px !important;
   opacity: 0.5;
   margin: 5px !important;
}

.carousel-indicators.tstmnl li.active {
   opacity: 1;
   width: 50px !important;
   height: 50px !important;
   margin-top: 0px !important;
   border: 2px solid #fff;
}



.profile-pic {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   position: absolute;
   top: -50px;
   left: calc(50% - 50px);
}

.content {
   color: #000;
   font-size: 14px;
}

.social {
   margin-top: 150px;
}

@media screen and (max-width: 991px) {
   .card1 {
       border-bottom-left-radius: 0px;
       border-top-right-radius: 20px;
   }

   .card2 {
       border-bottom-left-radius: 20px;
       border-top-right-radius: 0px;
   }
}

/*Why Helloleads CRM */
.whz-card-des
{
   display: flex;
   justify-content: center;
   text-align: center;
}
#why-helloleads
{
   margin-top: 2rem;
}
#why-helloleads .main-head
{
   font-size:2.25rem;
   color:#13b495;
   margin-bottom: 10px;
}
#why-helloleads .sub-head
{
   /* font-weight: 200; */
   padding:30px 0px 10px 0px;
   font-size: 24px;
   color:black;
   margin-top:-35px !important;
   margin-left:20px;
}
#why-helloleads .whz-row
{
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   gap: 1em;
   /* margin-top:-2rem; */
}
#why-helloleads .whz-card img
{
   width: 50%;
   align-items: center;
   display: flex;
}
.fa-eye-span
{
   position: relative;
    top: -2rem;
    left: 14rem;
}


/* who should use hls crm*/
.who-get-start-btn
{
   font-weight: 600;
   font-size: 21px !important;


   /* margin-top:-84px !important; */
   color: #fff !important;
   background:  #13b495 !important;
   width:325px; 
   height: 50px;

   cursor: pointer;  
   border-radius: 30px !important;
   border: none !important;
}
.who-get-start-btn:focus
{
   box-shadow: 0 0 0 0.25rem gainsboro !important;
}
.who-get-start-btn a:hover,.who-get-start-btn a:focus
{
   color:white !important;
}
.demo
{
	padding: 100px 0;
}
.heading-title
{
	margin-bottom: 100px;
}

.pricingTable{
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
}

.pricingTable-header{
    padding: 25px 10px;
    background-color: #fff;
}

.pricingTable .pricingTable-header h3{
    font-size:21px;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    margin-top: 10px;
}

.pricingTable-header span{
    display: block;
    font-size:12px;
}

.pricing-plans{
    padding: 25px 0;
}

.price-value{
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    display: inline-block;
    position: relative;
}

.price-value i{
    position: absolute;
    top: 3px;
    font-size: 22px;
}

.price-value span{
    font-size: 40px;
    color: #fff;
    margin-left: 17px;
}

.pricing-plans .month{
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 100;
}

.pricingContent ul{
    padding: 0 15px;
    margin-bottom: 0;
    list-style: none;
}

.pricingContent ul li{
    padding: 15px 0;
    text-transform: capitalize;
}

.pricingContent ul li:nth-child(even){
    background-color: #f7f8f4;
}

.pricingTable .pricingTable-sign-up{
    padding: 25px 0;
    border-top: 1px solid #dbdbdb;
}

.btn-block{
    /* width: 50%;
    margin: 0 auto;
    background: #6c6c6c;
    border: 1px solid #6c6c6c;
    padding: 10px 0;
    color:#fff;
    text-transform: uppercase; */
    /* border-radius: 50px; */
    /* transition:0.3s ease; */
}

.pricingTable .btn-block:hover{
    background: #fff;
    color: #008b8b;
    border: 1px solid #008b8b;
}

.pricingTable.purple .pricing-plans{
    background-color: #b696e9;
}

.pricingTable.yellow .pricing-plans{
    background-color: #e8ae42;
}

.pricingTable.green .pricing-plans{
    background-color: #008b8b;
}

@media screen and (max-width:990px){
    .pricingTable{
        margin-bottom: 30px;
    }
}

/*industry */
.indus-head
{
   font-size:45px;
   margin-bottom: 10px;
}
.indus-sub-head
{
    
   padding:30px 0px 10px 0px;
   font-size: 24px;
   color:black;
   margin-top:-35px !important;
   margin-left:20px;
}
.industry
{
 margin-left: 8rem !important;
 margin-bottom: -60px;
 /* display: flex;
 flex-direction: row;
 justify-content: center; */
}
@media(max-width: 767px){
  
   .industry{
   
   margin-left: 3rem !important;
   
   margin-bottom: -20px !important;

   flex-direction: column;
   justify-content: center;
   
   }
   
   }
.industry li{
  
   font-size: 17px;
   
   padding-top: 10px;
   
   font-weight: 400;
   
   }
.industry ul li a
{
  text-decoration: none !important;
  
}

.enquire-btn 
{
   font-size: 16px;
   text-decoration: none !important;
   color: #ffffff;
   border:none;
   background-color:#13b495;
   border-radius:30px;
   width: 20%;
   margin-top: 10px;
   height: 44px;
   
}
.enquire-btn:hover
{
  color:#FFF ;
}
.enquire-btn:focus
{
   box-shadow: 0 0 0 0.25rem gainsboro !important;
}
 
/*what would like today */
@media (min-width:300px) and (max-width:991px)
{
   .wt-sec{

      height: 33rem !important;
     
      }
      .wt-div 
      {
         margin-bottom: 60% !important;
      }
      .wt-get-start-btn
      {
         margin-top: 17rem !important;
      }
}
.wt-sec{

   height: 22rem;
   padding-bottom: 0 !important;
   padding-top: 5rem !important;
   
  
   }
.wt-btn.div
{
   /* margin-top:14rem; */
}
.wt-get-start-btn
{
   font-weight: 600;
   font-size: 21px !important;


   /* margin-top:-84px !important; */
   color: #fff !important;
   background:  #13b495 !important;
   width:325px; 
   height: 50px;

   cursor: pointer;  
   border-radius: 30px !important;
   border: none !important;
}
.wt-get-start-btn:focus
{
   box-shadow: 0 0 0 0.25rem gainsboro !important;
}
.wt-get-start-btn a:hover,.wt-get-start-btn a:focus
{
   color:white !important;
}


/*CRM-Guide overwrite google recaptcha checkbox div*/
@media (min-width:300px) and (max-width:991px)
{
.g-recaptcha iframe
{
   width: 11.5rem !important;
   margin-left: -7rem !important;
}
}

/*Every Business Plan */

.tooltip > .tooltip-inner
{
   color:#000 !important;
   background-color:white !important;
}

/*video must watch*/
@media (min-width:300px) and (max-width:991px)
{
.video-con .video-row1 ,.video-row2
{
   gap:1rem;
}
}

/*insights */
@media (min-width:300px) and (max-width:991px)
{
.insights-con .insights-row1 ,.insights-row2
{
   gap:1rem;
}
}

.month-mt
{
   margin-top:-58px;
}
.year-mt
{
   margin-top:10px;
}

/*CRM Guide*/


/* our partners*/
.partners-sec
{
  padding: 10px 0 !important;
}
.our-partners
{
  /* margin-bottom: 4%; */
  display:flex;
  justify-content: center;
  margin-top: 1%;
  padding: 1% 4%;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);  */
}
.partners-hr
{
   width: 55rem;
}

.partners-div
{
   display: flex;
   justify-content: end;
}
.partners-img
{
   height:60%;
   max-width: 100%;
   margin-top:25px;
}
@media (max-width:757px)
{
   .partners-img
   {
      height: 17rem !important;
   }
   .partners-div
   {
      display:unset !important;
   }
   .partners-hr
   {
      width: unset;
   }
   .res-div
   {
      flex-direction: column !important;
   }
   .our-partners
   {
      margin-top:5rem !important;
   }
}

/*Quote 2*/
.quote_con
{
  padding: 20px 0;
  margin-top: -12rem;
  box-shadow: none !important;
}

/* .new-cus-feedback
{
  display: flex;
  justify-content: center;
} */
.new-cus-feedback
{
   margin-top:-5rem;
}
@media (max-width:767px)
{
   .new-cus-feedback
   {
      margin-top:1px !important;
   }
}
.new-cus-feedback .star_icons .fa-star
{
  color:#FFC000;
  font-size: 22px;
}
.new-cus-feedback .star_icons
{
  letter-spacing: 5px;
}
.new-cus-feedback .cus-quote,.cus-name,.cus-location
{
  font-family: 'Catamaran',sans-serif !important;
}
.new-cus-feedback .cus-quote
{
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1px;
}
.new-cus-feedback .cus-name
{
  color:orange;
  font-size: 19px;
}
.quote-orange
{
   color:orange;
}
/* end*/
 /*resources that would love*/
 .res-head
 {
   color:#13b495;
   font-size: 45px;
   text-align: center;
 }
 .res-div .img-fluid
 {
   /* width:30%; */
   display: flex;
 }
 .res-div
 {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
 }
 .cus-quote-head
 {
   font-size: 45px;
   text-align: center;
   color:#13b495;
 }
 .partners-hr
 {
   border-color: gainsboro !important;
 }

 .qt-get-start-btn
{
   font-weight: 600;
   font-size: 21px !important;


   /* margin-top:-84px !important; */
   color: #fff !important;
   background:  #13b495 !important;
   width:325px; 
   height: 50px;

   cursor: pointer;  
   border-radius: 30px !important;
   border: none !important;
   padding-top: 10px;
   text-transform: none;
}
.qt-get-start-btn:focus
{
   box-shadow: 0 0 0 0.25rem gainsboro !important;
}
.qt-get-start-btn a:hover,.qt-get-start-btn a:focus
{
   color:white !important;
}


/* .cus-feedback
{
  display: flex;
  justify-content: center;
} */
.cus-feedback
{
   margin-top:-5rem;
}
@media (max-width:767px)
{
   .cus-feedback
   {
      margin-top:3rem !important;
   }
}
.cus-feedback .star_icons .fa-star
{
  color:#FFC000;
  font-size: 22px;
}
.cus-feedback .star_icons
{
  letter-spacing: 5px;
}
.cus-feedback .cus-quote,.cus-name,.cus-location
{
  font-family: 'Catamaran',sans-serif !important;
}
.cus-feedback .cus-quote
{
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1px;
}
.cus-feedback .cus-name
{
  color:orange;
  font-size: 19px;
}