body {
    min-height: 100%;
    background-color: #f0f1f6;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #3d465a;
}

@media (max-width: 400px) {


    .test3{
        flex-direction:column !important;
    }
}

.boderRad{
    border-radius: 20px;
}

@media (max-width: 991.98px){
    .header__nav {
        padding: 85px;
    width: 100vw;
    height: 130vh;
    width: 100%;
    position: absolute;
    top: -5rem;
    right: 100%;
    overflow: hidden !important;
    background: #9341d4;
    background: linear-gradient(45deg, #399650 0%, #aed476 100%);
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    padding-top: 15%;
}

}

  .socialInfo{

            bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background-color: white;
    padding: 4rem 4.4rem 2.8rem 4.4rem;
    border-radius: 2rem;
    position: absolute;
    width: 34rem;
        }
    

 /* .FB {
        background: #9341d4;
    background: -webkit-gradient(linear, left bottom, left top, from(#9341d4), color-stop(50%, #d98efb), to(#9341d4));
background: linear-gradient(45deg, #22AA3A 45%, #55CC66) !important ;
    filter: drop-shadow(0px 5px 5px rgba(147, 65, 212, 0.4));
    -webkit-filter: drop-shadow(0px 5px 5px rgba(147, 65, 212, 0.4));
    -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2)) !important;
    -webkit-transform: var(--transform-fix);
    transform: var(--transform-fix);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
 
} */

.FB:hover {
        background-position: center top !important;
}



.pageBackground {
    position: absolute;
    top: 0px;
    right: 0px;
}
.form-group {
    margin-bottom: 15px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.title{
    font-size: 24px;
    font-weight: 600;
    color: #3d465a;
    border-radius: 11px;
    background-color: #fbfbfd;
    width: 310px;
    margin: 0 auto;
    padding: 15px;
    margin-bottom: -10px;
    text-align: center;
    padding-bottom: 25px;
}

.card-body{
    background: #ffffff;
    width: 300px;
    margin: 0 auto;
    padding: 20px;
}

.cardx{
    margin-top: 30vh;
}

input{
    width: 93%;
    background-color: #ffffff;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #f0f1f6;
}

 

.GoogleFlex{
    display: flex
}
.PlaceImg{
    display: flex;
    justify-content: center;
}

.test-img.opera {
  background: #22aa3a;
}

.test2-img.safari {
  background: #22aa3a;
}
.test-img {
                            text-align: center;
                            content: "";
                            display: block;
                            position: absolute;
                            width: 75.3rem;
                            height: 75.3rem;
                            border-radius: 50%;
                            top: 50%;
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                            background: #22aa3a;
                         /*     background: linear-gradient(91deg, #000b15 -49%, #399650 27%, #aed476 100%); */
                            background: linear-gradient(45deg, #399650 0%,   #33CC55 50%, #399650 100%);
                            background-size: 200% 200%;
                            background-position: left bottom;
                            -webkit-backface-visibility: hidden;
                            backface-visibility: hidden;
                            -webkit-perspective: 1000;
                            perspective: 1000;
                           /*  filter: drop-shadow(0px 30px 20px #AED467);
                            -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.12));
                            -moz-filter: drop-shadow(0px 30px 20px #AED467); */
                            -webkit-animation-name: animateGradient;
                            animation-name: animateGradient;
                            -webkit-animation-duration: 2.5s;
                            animation-duration: 2.5s;
                            -webkit-animation-iteration-count: infinite;
                            animation-iteration-count: infinite;
                        }

                        .test2-img {
                            align-items: center;
                            justify-content: center;
                            text-align: center;
                            content: "";
                            display: flex;
                            position: absolute;
                            width: 75.3rem;
                            height: 75.3rem;
                            border-radius: 50%;
                            top: 50%;
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                            background: #22aa3a;
                            background: linear-gradient(45deg, #399650 0%,   #33CC55 50%, #399650 100%);
                            background-size: 200% 200%;
                            background-position: left bottom;
                            -webkit-backface-visibility: hidden;
                            backface-visibility: hidden;
                            -webkit-perspective: 1000;
                            perspective: 1000;
                          /*   filter: drop-shadow(0px 30px 20px #AED467);
                            -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.25));
                            -moz-filter: drop-shadow(0px 30px 20px #AED467); */
                           -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-iteration-count: 0;
    animation-iteration-count: 0;
                        }

                        .clients-sec .testimonial__wrapper .client .testimonial {
                            position: absolute;
                            top: 0;
                            left: 50%;
                            transform: translateX(-50%);
                            -webkit-transform: translateX(-50%);
                            background: #19a5a1;
                            -webkit-backface-visibility: hidden;
                            backface-visibility: hidden;
                            -webkit-perspective: 1000;
                            perspective: 1000;
                            backface-visibility: hidden;
                            perspective: 1000;
                            background: linear-gradient(45deg, #22AA3A 0%, #AED467 100%);
                            width: 60%;
                            height: 100%;
                            color: white;
                            border-radius: 3rem;
                            visibility: hidden;
                            opacity: 0;
                            -webkit-transition: all .25s ease;
                            transition: all .25s ease;
                            filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.));
                            -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.25));
                            -moz-filter: drop-shadow(0px 20px 10px rgba(79, 188, 186, 0.4));
                        }

          @media (max-width: 991px) {
            .header__nav li a {
        padding: 1.4rem 3rem !important;
    }
                            .test-img {
                                background: #22aa3a !important;
                            }

                         .iphone2 {
        top: -26em;
    left: 22.5em;
    position: absolute;
    width: 30rem;
                            }


                        }

                        @media (max-width: 766px) {
        

                         .iphone2 {
       
    left: 17em;
    
                            }


                        }


         @media (min-width: 991px) {
 .PhoneAngle {
                                display: none;
                            }

                           
                        }


                        @media (max-width: 768px) {
                            /* .iphone2{
                                left: 18em;
                            } */
                        }


   @media (max-width: 991px) {
.clients-sec .testimonial__wrapper .client .testimonial {

    height: 50%;
    margin-top: 22rem;
    width: 100% !important;
}

   }


  


@media (max-width: 1200px) {

  

 .clients-sec .testimonial__wrapper .client .testimonial{
    width: 54% ;
}

}






@media (max-width: 991px) {

    .hero__wrapper.go {
    padding: 25.4rem 0 8rem 0 !important;
     width: calc(100% - 5rem) !important;
    
}

    .GoogleFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}


    .hero .main-heading{
        margin-top: 29rem;
    }
    

.PhoneImg{
    display: none;
}

    .test-img{

        height: 40em !important;
        width: 40em !important;

    }

    .s1{
        position: relative;
    z-index: 4;
    }

    .smallPosition{
        display: flex;
    align-content: space-around;
    justify-content: space-around;
    }
}

.apple-store{
    margin: 10px;
}

.google-play{
    margin: 10px;
}
.video__play>button {
        width: 17.1rem;
        height: 17.1rem;
        border-radius: 50%;
        border: 0;
        outline: 0;
        background: #1369ec;
        cursor: pointer;
        background: linear-gradient(45deg, #AED467 0%, #22AA3A 50%, #AED467 100%);
        background-size: 200% 200%;
        background-position: left bottom;
        position: absolute;
        top: 10rem;
        left: 20%;
        z-index: 20;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
        filter: drop-shadow(0px 40px 15px rgba(34, 120, 237, 0.4));
        -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.15));
        -moz-filter: drop-shadow(0px 40px 15px rgba(34, 120, 237, 0.4));
        -webkit-transform: var(--transform-fix);
        transform: var(--transform-fix);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

   /*  .fad .fa-play {

        background-color: ;
    } */

    .playBtn:after {
        color: whitesmoke;
    }

    .button {
        border: 4px solid white;
        filter: drop-shadow(0px 10px 10px rgba(174, 212, 103, 0.4)) !important;
    }

    .video__background::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -10rem;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        z-index: 5;
        width: 77.6rem;
        height: 77.6rem;
        border-radius: 50%;
        background: #9341d4;
        background: linear-gradient(45deg, #AED467 0%, #22AA3A 50%, #AED467 100%);
        background-size: 200% 200%;
        background-position: left bottom;
        -webkit-animation-name: animateGradient;
        animation-name: animateGradient;
        -webkit-animation-duration: 2.5s;
        animation-duration: 2.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    .video__play>button {
        width: 17.1rem;
        height: 17.1rem;
        border-radius: 50%;
        border: 0;
        outline: 0;
        background: #1369ec;
        cursor: pointer;
        background: linear-gradient(45deg, #AED467 0%, #22AA3A 50%, #AED467 100%);
        background-size: 200% 200%;
        background-position: left bottom;
        position: absolute;
        top: 10rem;
        left: 20%;
        z-index: 20;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
        filter: drop-shadow(0px 40px 15px rgba(34, 120, 237, 0.4));
        -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.15));
        -moz-filter: drop-shadow(0px 40px 15px rgba(34, 120, 237, 0.4));
        -webkit-transform: var(--transform-fix);
        transform: var(--transform-fix);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

   /*  .fad .fa-play {

        background-color: ;
    } */

    .playBtn:after {
        color: whitesmoke;
    }

    .button {
        border: 4px solid white;
        filter: drop-shadow(0px 10px 10px rgba(174, 212, 103, 0.4)) !important;
    }


    .growth__wrapper {

        background-color: whitesmoke !important;
    }

   /*  .growth__box .icon {
        
        width: 11.9rem;
        height: 11.9rem;
        background: #daecf9;
        background: -webkit-gradient(linear, left bottom, left top, from(#e0f8e0), to(#fff));
  
        filter: drop-shadow(0px 30px 20px rgba(42, 129, 238, 0.2));
        -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.15));
        -moz-filter: drop-shadow(0px 30px 20px rgba(42, 129, 238, 0.2));
        position: relative;
        -webkit-transform: var(--transform-fix);
        transform: var(--transform-fix);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    } */

    /*   .growth .button__wrapper a {
        background: #1369ec;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(19, 105, 236, 0)), color-stop(50%, rgba(255, 177, 107, 0)), color-stop(55%, rgb(34, 170, 58)), to(#AED467));
        background-size: 200% 200%;
        background-position: center bottom;
        -webkit-transform: var(--transform-fix);
        transform: var(--transform-fix);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .growth .button__wrapper a:hover {
        background-position: center top;
        border: none;
        filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4));
        -webkit-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4));
        -moz-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4))
    } */

    .step .button__wrapper a {
        background: #1369ec;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(19, 105, 236, 0)), color-stop(50%, rgba(255, 177, 107, 0)), color-stop(51%, rgb(34, 170, 58)), to(#AED467));
        background-size: 200% 200%;
        background-position: center bottom;
        -webkit-transform: var(--transform-fix);
        transform: var(--transform-fix);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .step .button__wrapper a:hover {
        background-position: center top;
        border: none;
        filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4));
        -webkit-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4));
        -moz-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4))
    }

    .related-blog .button a {
        background: #1369ec;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(19, 105, 236, 0)), color-stop(50%, rgba(255, 177, 107, 0)), color-stop(51%, rgb(34, 170, 58)), to(#AED467));
        background-size: 200% 200%;
        background-position: center bottom;
        -webkit-transform: var(--transform-fix);
        transform: var(--transform-fix);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .related-blog .button a:hover {
        background-position: center top;
        border: none;
        filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4));
        -webkit-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4));
        -moz-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4))
    }

    /* .test1 {
        background: #1369ec !important;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(19, 105, 236, 0)), color-stop(50%, rgba(255, 177, 107, 0)), color-stop(51%, rgb(34, 170, 58)), to(#AED467)) !important;
        background-size: 200% 200% !important;
        background-position: center bottom !important;
        -webkit-transform: var(--transform-fix) !important;
        transform: var(--transform-fix) !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        -webkit-perspective: 1000 !important;
        perspective: 1000 !important;
        border: 4px solid #22AA3A !important
    } */



    .test1:hover {
        background-position: center top !important;
        border: none !important;
      /*   filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4)) !important;
        -webkit-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4)) !important;
        -moz-filter: drop-shadow(0px 10px 20px rgba(33, 120, 237, 0.4)) !important; */
    }

    .step__wrapper {
        background-color: #f0fff0 !important;
    }

     .step .button {
        border: 3px solid #22AA3A;
    }



    @media (max-width: 500px) {

        .footerHeader{
            margin-bottom: 2rem !important;
        }
        .download{
            margin: 5rem auto 2rem auto !important;
        }
        .test22{
            padding: 0;
        }

       
.content2 {
                        display: flex;
                        flex-direction: column !important;
                    }


        .hero .main-heading {
            margin-top: 21rem;
        }

    
           
        


        .hero__wrapper {
            padding: 10rem 0 5.9rem 0 !important;
            background-color: whitesmoke;
        }

        .ImgGoogle {

            max-width: 145px !important;
        }

        .ImgApple {
            max-width: 135px  !important;
        }

        .test22 {
            width: 100% ;


        }

        .test11 {
            margin-right: auto;
            margin-left: auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

      


        .ManualCenter {
            display: flex;
            align-items: center;
            flex-direction: column;
        }

        .VideoCenter {
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .VideoWidth {


            width: 90%;
        }

        .video__play>button {
            height: 10rem;
            width: 10rem;
        }


        .video .container {
            height: 33rem;

        }

        .InputSmall {
            width: 90%;
        }


        .screenshot__wrapper {
            padding: 7rem 0 7rem 0;
        }

        .PhoneSlider {
            width: 90%;
        }

        .related-blog .button {
            margin: 5rem auto 0 auto;
        }

      /*   .blog {
            padding: 10rem 0 0 0;
        } */

      /*   .section-heading {
            margin-bottom: 0 !important;
        } */

        .questions__wrapper {
            padding: 5rem 0rem 3rem 0rem !important;
        }

        .test2-img {
            display: none;
        }

        

        .GoogleFlex {
            justify-content: center;
            display: flex !important;
            align-items: center !important;
        }

        .clients-sec .testimonial__wrapper .client .testimonial__wrapper {
            padding: 0 3rem 0 !important;
        }
    }

    .footer-alt {
    background: #f0f1f6;
    padding-top: 20px;
    border-top: #f0f1f6;
}
.GoogleMargin{
    margin-bottom: 20px;
}

@media (max-width: 900px) {

    .teamModal{
        width: 60%;
    }
    .blogsPadding{
        padding: 10rem 0 0 0 !important;
    }
}

 @media (max-width: 900px) {
                .UwaLogo {
                    max-height: 50px !important;

                }

                .header {

                    padding: 1rem 0 1rem 0 !important;
                }

            }

            .UwaLogo {
                max-height: 90px;
                position: absolute;
                top: 10px;
            }

            .bplanetDevelopment {

                font-size: 11px;

                color: black;
            }

            .bplanetDevelopment a {
                color: black;
            }

            @keyframes beat {
                to {
                    transform: scale(1.2);
                }
            }

            .RowMiddle {
                display: flex;
                align-items: center;
                justify-content: center;
            }

.FlexDownload{
    display: flex; flex-direction:column
}
.y__wrapper {
    width: calc(100% - 10rem);
            background-color: white;
            border-radius: 40px;
        }
    @media (max-width: 991.98px) {
        .image2 {
            display: none !important;
        }

        .test2-img{
            display: none !important;
        }

         .newsletter__wrapper {
  
    margin-top: 3em !important;

}
 .y__wrapper {
    width: calc(100% - 5rem);
            background-color: white;
        }

 .x__wrapper {
  
    margin-top: 3em !important;

}

.newsletter__wrapper {
   
    padding-top: 6rem;

}
.x__wrapper {
   
    padding-top: 6rem;

}

        .newsletter__wrapper {
            background-color: #ecffec;

        }
        /* .x__wrapper {
            background-color: white;

        } */
    }


    .newsletter__info button {
            width: 26.1rem;
            margin-left: 1rem;
             min-width: 130px;
        }
        

          .input-field:focus {
            outline: 0;
            border: 4px solid #22AA3A;
        }

       /*  .input-field {
           
            width: 100%;
        } */

        .newsletter__wrapper {
            border-radius: 40px;
            background-color: #f3ffed;
        }

         .x__wrapper {
            border-radius: 40px;
        
        }

        .newsletter__wrapper::before {
            background-color: #ecffec;
        }

        .x__wrapper::before {
       /*      background-color: white; */
        }



        .blog_hero .icon {

            background: whitesmoke;
       box-shadow: 0px 30px 20px rgba(0, 0, 0, 0.01);


        }

        .hero__wrapper {
            background-color: whitesmoke;
        }

        .blog_hero ul li a:hover {
            color: #22AA3A;
        }
       .footer__wrapper {
            background-color: whitesmoke;
        }

    .step__box .image {
        filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.3));

        -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.3));
    }

    .video__play .modal-close button {
        border: 0;
        background-color: #22AA3A;
    }

    .step .button:focus,
    .step .button:hover {
        background-color: #f0fff0;
    }

    .video__background::before {
        content: "";
        display: block;
        position: absolute;
        bottom: -10rem;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        z-index: 5;
        width: 77.6rem;
        height: 77.6rem;
        border-radius: 50%;
        background: #9341d4;
        background: linear-gradient(45deg, #AED467 0%, #22AA3A 50%, #AED467 100%);
        background-size: 200% 200%;
        background-position: left bottom;
        -webkit-animation-name: animateGradient;
        animation-name: animateGradient;
        -webkit-animation-duration: 2.5s;
        animation-duration: 2.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }


.requiredInput{
    border: 3px solid red !Important;
}
.successMessageContact{
    font-weight: 700;
    margin-top: 15px;
    font-size: 20px;
    text-align: right;
    display: none;
    color: #000;
}
.errorMessageContact{
    font-weight: 700;
    margin-top: 15px;
    font-size: 20px;
    color: red;
    text-align: right;
    display: none;
}

.successMessagePartner{
    font-weight: 700;
    margin-top: 15px;
    font-size: 20px;
    text-align: right;
    display: none;
    color: #000;
}
.errorMessagePartner{
    font-weight: 700;
    margin-top: 15px;
    font-size: 20px;
    color: red;
    text-align: right;
    display: none;
}
.errorMessage2{
    font-size: 16px;
    color: red;
    display: none;
}

                    .blackColor {
                        color: black !important;
                    }


                    @media (max-width: 770px){
                        .iphone2{
                            top: -21em;
    left: 17em;
    position: absolute;
    width: 24rem;
                        }

                        .test-img{

        height: 30em !important;
        width: 30em !important;

    }
    .clients-sec .testimonial__wrapper .client .testimonial {
    height: 50%;
    margin-top: 28rem;
    width: 95% !important;
}
}

                    @media (max-width: 770px) {

                 
                        .testimonial {
                            margin-top: 220px;
                        }




                        .Image01 {
                            margin: 10px;
                            width: 90%;
                        }

                        

                        .testimonial {
                            max-height: 50em;
                        }

                        .Image03 {
                            margin-top: 5em;
                        }
                    }

                    .ImageLimit {
                        max-height: 450px;
                        overflow: hidden;
                    }







                    .boxNo {

        box-shadow: none !important;
    }

    .card-header button h5 {
        text-align: start;
        padding-left: 20px;
    }

    .bodyWidth {
        width: 100% !important;
    }

    .boldx {
        font-weight: 600;
        line-height: 1.2;
        color: black;
        font-size: 2.25rem;
        position: relative;
    }

    /* .questions .card .card-header h5::before {
        color: #22AA3A;
    } */

    .questions__wrapper {
        background-color: #ecffec !important;
        padding: 22rem 0rem 25rem 0rem;
    }


        .screenshot__wrapper {
        background-color: whitesmoke;

    }

    .screenshot {
        margin-top: 100px;
    }


    .buttonGo{
        border: 4px solid #22AA3A !important;
    }



        .input-field:focus {
        outline: 0;
        border: 4px solid #22AA3A;
    }

     .newsletter__info button {
                                width: 88%;
                            margin-left: 2rem;
                           min-width: 130px;
                        }

                        .blog_hero ul li a:hover {
                            color: #22AA3A;
                        }

    .input-field {
        border: 4px solid #AED467;
    }

    .newsletter__wrapper::before {
        background-color: #f3ffed;
    }

    .x__wrapper::before {
   /*      background-color: white; */
    }

    .footer__wrapper {
        background-color: whitesmoke !important;
    }
          .ImgGoogle {
                            max-width: 219px;
                        }

                        .ImgApple {
                            max-width: 200px ;
                        }



    .x23{
        position: relative; display:flex;justify-content:center; align-items:center
    }
   .hero__wrapper.go {
        padding: 34.4rem 0 27.9rem 0;
        background-color: whitesmoke;
    }

    .IndexZ {
        z-index: 1;
    }

    .ytdefer{
        width: 100%; height: 100%;
    }

    .FlexRow{
        display: flex;
        align-items: center
        ;justify-content: center;
    }

       


    @media (max-width: 550px){
        .iphone2 {
           width: 23em;
    top: -20em;
    left: 13.5em;
}
    }

     

 


    

@media (max-width: 500px)
 {

     .successMessageContact{
                    width: 88%;
                    padding: 0px 0px 0px 2.5rem;
                    text-align: left;
                 
                    }

                     .errorMessageContact{
                   width: 88%;
    padding: 0px 0px 0px 2.5rem;
    text-align: left;
                    
                    }


    .iphone2 {
        width: 23em;
    left: 10.5em;}
}

@media (max-width: 450px){

        .content2 {
                        display: flex;
                        flex-direction: column !important;
                    }

.iphone2 {
    left: 9em ;
    top: -20em;
    width: 23em;
}
    }

    @media (max-width: 430px){

     

.iphone2 {
    left: 7.5em ;
    top: -20em;
    width: 23em;
}
    }

    @media (max-width: 380px){

     
.iphone2 {
    left: 6.5em ;
    
}

  @media (max-width: 360px){
.test-img {
    height: 24em !important;
    width: 24em !important;
}
     
.iphone2 {
    left: 5.5em ;

}
    }

    @media (max-width: 330px){
        

     
.iphone2 {

    left: 4.5em ;
        width: 20em;
        top: -17em;
    }

      @media (max-width: 300px){

     
.iphone2 {
    left: 3.5em ;
    
}
    }

    .step__box .image img {

    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  
}

    .video__background::before {
        background: #22AA3A !important;
    }

    .feature {
    padding: 4rem 2rem 11rem 2rem;
}

    .newsletter__info{
        align-items: center;
        display: flex;
        flex-direction: column;
    }


     .hero__wrapper.go {
        padding: 21.4rem 0 4.9rem 0 !important;
        background-color: whitesmoke;
    }
    
}

 .newsletter__wrapper {

            margin-bottom: 10em;
            border-radius: 3em;
      /*       margin-top: 15em; */
        }

         .x__wrapper {

            margin-bottom: 10em;
            border-radius: 3em;
      /*  #f0f1f6     margin-top: 15em; */
        }





.ImgGrid{
    display: flex;
    align-items: center;
    float: right; margin-top:120px
}

     .Middle {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .MiddleWidth {
            width: 95%;
        }

.PhoneImg{
    position: absolute;
    top: -6em;
    max-width:450px;
}
label{
    display: block;   
}

button:focus{
    outline: 0 !Important;
}

@media (max-width: 767.98px){

.questions__wrapper {
    width: calc(100% - 5rem);
    padding: 5rem 2rem;
}
}



.secondSendX{
   flex-direction: column;
    position: relative;
    display: flex;
    max-width: 600px; margin-top:5em
}

@media (max-width: 600px){

 
    .clients-sec .testimonial__wrapper .client .testimonial {
    height: 50%;
    margin-top: 27rem;
    width: 95% !important;
}

.secondSend{
    width: 100%;
    flex-direction: column;
}
}


.secondSend{
    display: flex; align-items:center; justify-content:center; margin-bottom:2rem
}

@media (max-width: 550px){.clients-sec .testimonial__wrapper .client .testimonial {
    height: 50%;
    margin-top: 28rem;
    width: 95% !important;
}
}


@media (max-width: 500px){
    .clients-sec .testimonial__wrapper .client .testimonial {
    height: 50%;
    margin-top: 24rem;
    width: 95% !important;
}

   }


@media (max-width: 420px) {
.clients-sec .testimonial__wrapper .client .testimonial {
    height: 50%;
    margin-top: 23.5rem;
    width: 95% !important;
}
}
 .blog_hero .icon {
            background: whitesmoke;
            filter: drop-shadow(0px 10px 10px rgba(174, 212, 103, 0.3));
            -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.25));
        }

        .input-field:focus {
            outline: 0;
            border: 4px solid #22AA3A;
        }

        .mainImg {
            border-radius: 40px;
            object-fit: cover;
            max-height: 580px;
        }

        .newsletter__info button {
            width: 88%;
          
        }

        .newsletter__wrapper::before {
            background-color: #ecffec;
            ;
        }

    



        

        .newsletter__wrapper {
            background-color: #ecffec;
        }

      /*   .x__wrapper {
            background-color: white;
        } */
          .y__wrapper {
            background-color: white;
        }

        .newsletter__wrapper::before {
            background-color: #ecffec;
        }



        .blog_hero .icon {

            background: whitesmoke;
            filter: drop-shadow(0px 10px 10px rgba(174, 212, 103, 0.3));
            -webkit-filter: drop-shadow(0px 30px 20px rgba(0, 0, 0, 0.25));
        }

        .hero__wrapper {
            background-color: whitesmoke;
        }

       /*  p {
            text-align: justify;
        } */

        .blog_single .blog_related-single .blog__single-info {
            right: 2rem;
        }





        .blog_single .blog_related__wrapper {
            background-color: #ecffec;
            /* background-color: whitesmoke; */
            padding: 10rem 0;
        }

        .blog_single_thumbnail {

            display: flex;
            align-items: center;
            justify-content: center;

        }

        @media (max-width: 570px) {

            .Middle {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .MiddleWidth {
                width: 95% !important;
            }

        }

            @media (max-width: 500px) {




                .blog_related {

                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .blog_related__wrapper {
                    width: 90%;

                    border-radius: 3rem;
                    overflow: hidden;
                }

                .blog_single .blog_related-single .blog__single-info {
                    height: calc(100% - 4rem) !important;
                }
            }


button{
    width: 192px;
    height: 42px;
    border: none;
    border-radius: 25px;
    box-shadow: 0 1px 16px 0 rgba(197, 197, 197, 0.5);
    /*background-image: linear-gradient(to bottom, #00448d, #00a2d7);*/
    background-color: #2c47db;
    font-size: 14px;
    font-weight: 600;
    transition: .3s;
    color: #ffffff;
}

.btn-primary:hover{
    background-image: linear-gradient(to bottom, #0456af, #02b4ef);
}


.missingData{
     background-color: #f1847629 !Important;
    transition: .3s;
}

.image2{
    max-height: 700px;
    border-radius: 40px;
}


.InputSmall::placeholder {
    color: #666b6d;

}