@media(max-width:992px) {
    body {
        background: url(../img/bg-mobile.webp) no-repeat top center #fff;
        background-size: 100% auto;
    }
.mobile{height: 100vh; align-items: center;}
    header {
        height: 15.815vw;
      margin-top: 10px;
    }

    .logo {
        height: 13.22vw;
   
        margin: .66vw 0 0 3vw
    }

    .header-btns {
        margin: 0 3.2vw 0 auto;
        order: 2
    }

    .btn-signup {
        width: 24vw;
        height: 8.26vw;
        margin: 4.26vw 0 0 1.6vw;
        font-size: 3.2vw
    }

    .btn-login {
        width: 22vw;
        height: 8.26vw;
        margin: 4.26vw 0 0 1.6vw;
        font-size: 3.2vw
    }
	
	 

    .btn-cta {
        width: 53.33vw;
        height: 12.8vw;
        font-size: 4.4vw;
        margin: 0 auto
    }

    .hero-text {
        margin: 4.86vw auto 0;
        width: 79.46vw;
        line-height: 7.46vw;
        filter: drop-shadow(5px 8px 15px rgba(0, 0, 0, 0.502));
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
    }

    .hero-text .p1 {
        font-size: 7.73vw
    }

    .hero .btn-cta {
        width: 53.33vw;
        margin: 0 14vw
    }

    .steps {
        margin: 0;
        text-align: center
    }

    .steps .circle {
        width: 38.93vw;
        height: 38.93vw
    }

    .steps .circle .label {
        font-size: 4.8vw;
        padding-top: 26.4vw
    }

    .steps .circle .number {
        font-size: 24.53vw;
        position: relative;
        width: 10vw;
        top: -2.4vw;
        left: 12vw;
        filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.28));
        text-align: center
    }

    .steps .circle .first {
        left: 14vw
    }

    .steps h2 {
        font-size: 4.26vw;
        margin-top: 3.73vw
    }

    .steps p {
        font-size: 3.2vw;
        margin: 4.8vw 0
    }

    .section-mid {
        min-height: 173vw;
        background: url(../img/bottom-section-mobile.webp);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: bottom center
    }

    .section-mid h3 {
        font-size: 10vw;
        margin-top: 90.53vw
    }

    .btn-cta-mid {
        width: 58.93vw;
        height: 14.39vw;
        margin: 6.93vw 0 10vw 1.6vw;
        font-size: 6.93vw
    }

    footer {
        font-size: 3.2vw
    }
}