@media(max-width:1400.98px) {

    h2 {
        font-size: 45px !important;
    }

}

@media(max-width:1399.98px) {

    .arrow-col::before {
        transform: translate(100%, 40%);
    }


    .step-arrow-col-turn::before {
        right: 6%;
    }

    .fs-xl-16 {
        font-size: 16px;
    }

}


@media (max-width: 1199.98px) {
    h1{
        font-size: 44px;
    }

    .wave-inner {
       padding-top: 50%;
    }


    .fs-lg-12 {
        font-size: 12px;
    }

    h2 {
        font-size: 40px !important;
    }

    .arrow-col::before {
        transform: translate(85%, 40%);
    }

    .arrow-col-success::before {
        width: 90px;
    }

    .step-arrow-col-turn::before {
        right: 4%;
    }

    .step-arrow-col-turn::before {
        top: 33%;
    }

    .emergancy-banner-img img {
        display: none;
    }

    .emergancy-banner-img {
        background-image: url(../../images/emergancy-banner.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: cover;
    }

    .instant-banner-img img {
        display: none;
    }


}



@media(max-width:991.98px) {
    /* .step-arrow-col::before {
        display: none;
    } */

    .step-arrow-col-turn::before {
        display: none;
    }

    .arrow-col-success::before,
    .arrow-col::before {
        display: none;
    }

    h1 {
        font-size: 3rem;
    }

    .banner-section p {
        font-size: 15px;
    }

    .banner-section {
        min-height: auto;
        background-size: cover;
    }

    .main-wrapper {
        margin-top: 72px;
    }

    .logo-img {
        width: 120px;
        height: auto;
    }

    .apply-btn {
        font-size: 10px;
        padding: 7px 9px;
    }

    h2 {
        font-size: 35px !important;
    }

    .fs-18 {
        font-size: 16px;
    }

}



@media (min-width: 768px) and (max-width: 991.98px){
    .node{ width:52px; height:52px; font-size:1rem; }
    .label-box{ width:230px; font-size:.8rem; padding:10px 12px; }
  }

  /* ============ MOBILE VERTICAL LAYOUT ============ */
  .mobile-timeline{ display:none; }

  @media (max-width: 767.98px){
    .instant-banner-img {
        min-height: 400px;
    }

    .download img{
        width: 50%;
        display: block;
        margin: 0 auto;
    }

       .emergancy-banner-img img {
        display: block;
    }

    .emergancy-banner-img {
        background-image: none;
    }

    .step-arrow-col::before {
        display: none;
    }

    h1 {
        font-size: 2.3rem;
    }

    .banner-section p {
        font-size: 13px;
    }


    .btn-apply-instantly {
        font-size: 12px;
    }

    .banner-section {
        background-image: none;
    }

    .border-radius-left,
    .border-radius-right {
        border-radius: 20px;
    }

/* stepper */
    .wave-wrap{ display:none; }
    .mobile-timeline{
      display:block;
      max-width:520px;
      margin:0 auto;
      padding:20px 16px 30px;
      position:relative;
    }
    .m-step{
      position:relative;
      display:flex;
      gap:18px;
      padding-bottom:38px;
    }
    .m-step:last-child{ padding-bottom:0; }
    .m-rail{
      position:relative;
      display:flex;
      flex-direction:column;
      align-items:center;
      flex-shrink:0;
    }
    .m-node{
      width:52px;
      height:52px;
      border-radius:50%;
      background:linear-gradient(135deg, var(--magenta-1), var(--magenta-2));
      color:#fff;
      font-family:'Poppins', sans-serif;
      font-weight:700;
      font-size:1rem;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 6px 14px rgba(122,14,99,.28);
      flex-shrink:0;
      z-index:2;
    }
    .m-line{
      position:absolute;
      top:52px;
      width:3px;
      height:calc(100% - 13px);
      background:var(--track-color);
      opacity:.35;
      left:50%;
      transform:translateX(-50%);
    }
    .m-step:last-child .m-line{ display:none; }
    .m-label{
      background:#FBF4FB;
      color:var(--label-text);
      border-radius:12px;
      padding:14px 16px;
      font-size:14px;
      font-weight:500;
      letter-spacing: -0.14px;
      line-height:1.45;
      margin-top:2px;
    }
  }

@media (max-width: 575.98px) {

    .download img{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 425.98px) {
    h1 {
        font-size: 2rem;
    }

    .logo-img {
        width: 100px;
    }

    .main-wrapper {
        margin-top: 61px;
    }

    h2 {
        font-size: 26px !important;
    }

   


}