/* === Banner Form Component Styles === */
	
	.leap-qr-code{margin: 10px auto;}
	
	.downld-app-text{font-size:19px; font-weight:700;}

    .leap-app-bg-main {
      background-image: url('https://dev.religareonline.com/religareonline/wp-content/themes/religareonline/images/banner-form-footer/leap-bg-app.png');
      background-repeat: no-repeat;
      background-size: cover;
    }
	
.banner-form-list{background: #f5f8febf;}

button.banner-form-c {
    margin-left: -4px !important;
	background-color: #4CB050 !important; 
}

button.banner-form-c:hover {
background-color: #3E33BA !important;}

    .leap-app-main-section {
      padding: 30px;
    
    }

    .banner-form-demat-text {
      font-size: 30px;
      font-weight: 600;
      color: #222;
      margin-bottom: 15px;
	  line-height: 35px;
    }

    .banner-form-demat-texta {
      font-size: 37px;
      color: #3E33BA;
      font-weight: bold;
    }

    .feature-box {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 20px;
    }

    .feature-box img {
      width: 55px;
      height: 55px;
    }

    .feature-box span {
font-size: 12px;
    color: #000000;
    font-weight: normal;
    }

    .feature-box span.highlight {
      font-size: 13px;
      color: #000000;
      font-weight: 600;
    }

    .dwnld-leap-app {
      border: 1px solid #E8E4E4;
      border-radius: 8px;
      text-align: center;
    
    }

    .dwnld-leap-app-box img {
      width: auto;
      max-width: 150px;
    
    }

    .leap-app-feature {
      width: 100%;
      max-width: 380px;
      display: block;
      margin-left: 20px;
    }

    @media (max-width: 767px) {
      .banner-form-demat-text {
        font-size: 24px;
      }

      .banner-form-demat-texta {
        font-size: 28px;
      }

      .dwnld-leap-app {
        margin-top: 30px;
      }

      .leap-app-feature {
        margin-top: 30px;
		max-width: 300px;
      }
    }
	
@media screen and (max-width: 480px) {
.banner-form-sbmt-btn {
        margin-left: 9px !important;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
        width: 85% !important;
    }
	
    .banner-form-demat-text {
        font-size: 17px;
        margin-left: 20px;
    }
	
    .banner-form-demat-texta {
        font-size: 22px;
    }
	
	button.btn.btn-primary.btn-submit.bg-gradient.w-100.m-0 {
    width: 100% !important;}

}