.landing--section {
  position: relative;
  height: 80vh;

  @media (max-height: 991px) {
    height: auto;
  }
  @media (max-width: 1200px) {
    height: auto;
  }
}

/* HERO SECTION */
  .hero--section {
    height: calc(100vh - 100px);
    // background-color: rgba(17,43,117, .06);
    display: flex;
    align-items: center;
    z-index: 1;

    @media (max-width: 1366px)  {
      height: auto;
      padding-top: 120px ;
    }

    @media (max-height: 768px) {
      height: auto;
      padding-top: 70px ;
    }
    &--heading {
      @media (max-width: 767px)   {
        text-align: center;
      }
      @media (max-width: 1200px)  {
        padding-bottom: 30px;
        padding-top: 30px;
      }
     
      &--title {
        padding-bottom: 12px;
        h1 {
          font-weight: 800;
          line-height: 70px;
          --minFontSize: 28px;
          --maxFontSize: 48px;
          --scaler: 5vw;
          font-size: clamp(var(--minFontSize), var(--scaler), var(--maxFontSize));
          color: $c-main;
          letter-spacing: 1px;

          @media (max-width: 1366px){
            font-weight: 700;
            line-height: 50px;
            --minFontSize: 28px;
            --maxFontSize: 38px;
            --scaler: 5vw;
            font-size: clamp(var(--minFontSize), var(--scaler), var(--maxFontSize));
          }

          @media (max-width: 800px) {
            line-height: 40px;
          }
        }
      }

      &--desc {
      
        p {
          font-weight: 400;
          line-height: 30px;
          --minFontSize: 14px;
          --maxFontSize: 18px;
          --scaler: 5vw;
          font-size: clamp(var(--minFontSize), var(--scaler), var(--maxFontSize));
          color: $c-gray;
        }
      }

    }

    &--image {
      width: 100%;
      padding-left: 30px;
      height: auto;

      @media (max-width: 991px)  {
        padding-left: 0 ;
      }
    }

    &--svg {
      width: 100%;
      padding-left: 30px;
      height: auto;

      @media (max-width: 991px)  {
        padding-left: 0 ;
      }
    }


}


.floating--logo {
  position: absolute;
  top: 85%;
  right:  16%;
  animation: float1 4s linear infinite;
  z-index: -1;
}
.floating--logo--2 {
  position: absolute;
  top: 10%;
  right:  30%;
  animation: float1 4s linear infinite;
  z-index: -1;
}
.floating--logo--3 {
  position: absolute;
  top: 20%;
  right:  50%;
  animation: float1 4s linear infinite;
  z-index: -1;
}





.app--badge {
  img {
    height: 40px;
  }
}





.subscribe--section--area .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  margin-bottom: 24px;
  font-weight: 600;
}

.subscribe--section--area .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  border-radius: 8px;
  margin: 24px 0;
  font-weight: 600;
}

.subscribe--section--area .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin-bottom: 24px;
}

.subscribe--section--area .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}




// Loading
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  img {
    width: 6%;
    @media (max-width: 800px) {
    width: 16%;
      
    }
  }
  
}