/* .social ul li.facebook {
          
            background: #f2026b;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            color: white;
            background: -webkit-gradient(linear, left bottom, left top, from(#f2026b), color-stop(50%, #ff8aaf), to(#aed476));
            background: linear-gradient(0deg, #22AA3A 0%, #AED467 50%, #22AA3A 181%);
            border: none;
            background-size: 200% 200%;
            background-position: bottom;
            -webkit-transform: var(--transform-fix);
            transform: var(--transform-fix);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            perspective: 1000;
            filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
           -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2))
            -moz-filter: drop-shadow(0px 10px 10px rgba(245, 69, 144, 0.4));
            cursor: pointer;
        } */
        
        /* .social ul li.twitter {
          
            background: #f2026b;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
            color: white;
            background: -webkit-gradient(linear, left bottom, left top, from(#f2026b), color-stop(50%, #ff8aaf), to(#aed476));
            background: linear-gradient(0deg, #22AA3A 0%, #AED467 50%, #22AA3A 181%);
            border: none;
            background-size: 200% 200%;
            background-position: bottom;
            -webkit-transform: var(--transform-fix);
            transform: var(--transform-fix);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            perspective: 1000;
            filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
            -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2))
            -moz-filter: drop-shadow(0px 10px 10px rgba(245, 69, 144, 0.4));
            cursor: pointer;
        } */

        .social ul li:hover {
            background-position: top;
        }

        .newsMain{
    display: flex; flex-direction: column;align-items: start
}

.alignNews{
        align-items: baseline;
    display: flex;
    flex-direction: column;
}
.alignNewsNew{
    margin-top: 9em;
        align-items: baseline;
    display: flex;
    flex-direction: column;
}
        .newsInput{
          
    display: flex; flex-direction: row;align-items: center
}

    .xInput{
          justify-content: space-between;
    display: flex; flex-direction: row;align-items: center
}

        .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;
        }
             .socialInfo2{

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

        .socialName{
                font-size: 2.2rem;
    font-weight: 600;
    line-height: 3rem;
    color: #000;
        }

        
        .socialName2{
                font-size: 1.8rem;
    font-weight: 400;
    line-height: 3rem;
    color: #000;
        }

        .rowContainer{
            -webkit-filter: drop-shadow(0px 20px 10px rgba(75, 80, 84, 0.4));
    background: whitesmoke;
    border-radius: 3em;
        }

        .rowMargin{
            padding: 10px;
    margin: 0;
        }

        .marginChallenges{
            margin-bottom:5.5rem;
        }

       

.content2{
    width: 100%; padding:20px; border-radius:40px;
  
    justify-content: normal; display:flex; max-height:471px;
}


.paddingBody{
    padding:30px;
    text-align:left;
}
 

.bigQuotes:before {
    content: "\201C";
    font-size: 3em;
    margin-right: 0.2em;
}

.bigQuotes:after {
    position: absolute;
    content: "\201D";
    font-size: 3em;
    margin-left: 0.2em;
    margin-top: 45px;
}


.bottomText{
    color: #474b4c;
    font-size: 1.6rem;
    line-height: 3rem;
}
.bottomTextOne{
    color: #474b4c;
    font-size: 1.6rem;
    line-height: 3rem;
}

                 

   

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /*  body {
        font-size: 62.5%;
    } */

    .random-bg {
        height: 100%;
        background-color: #111d5e;
        padding-top: 1px;
        background: #f0fff0 !important;
        /*     background-image: url('https://images.unsplash.com/photo-1528580279421-f0b84f9d7640?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=731&q=80'); */
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .random-bg::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /*  background: rgba(17, 29, 94, 0.85); */
        z-index: 0;
    }

    .winner-wrap {
        border-radius: 3em;
        box-shadow: 0px 0px 10px rgba(75, 80, 84, 0.2);
        background: linear-gradient(45deg, #22AA3A 0%, #AED467 100%);
        margin: 5% auto 0;
        position: relative;
        padding: 1rem 2rem 6.5rem 2rem;

        text-align: center;
        cursor: pointer;
    }

    .winner-wrap:hover .right-ribbon {
        right: -45px;
        border-left: 20px solid #fae575;
        transition: all ease .3s;
    }

    .winner-wrap:hover .left-ribbon {
        left: -45px;
        border-right: 20px solid #fae575;
        transition: all ease .3s;
    }

    .winner-wrap:hover .winner-ribbon {
        box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        transition: all ease .3s;
    }

    .border {
        border-radius: 3em;
        position: absolute;
        width: 90%;
        height: 90%;
        border: 1px solid rgba(255, 189, 105, 0.4);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .medal-box {
        width: 160px;
        height: 160px;
        background: green;
        color: whitesmoke;
        border-radius: 90px;
        line-height: 70px;
        font-size: 2.3rem;
        margin: 4.8rem auto 1rem;
    }

    .winner-wrap h1 {
        color: black;
        font-size: 3.2rem;
        font-weight: 600;
        width: 80%;
        margin: 4rem auto 9rem auto;
    }

    .winner-wrap h2 {
        color: #fff;
        font-size: 1.2rem;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: .85rem;
    }

    .winner-ribbon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 7rem;
        background: #fae575;
        text-align: center;
        font-family: 'Bebas Neue', cursive;
        font-size: 2.8rem;
        color: #fe346e;
        position: absolute;
        bottom: 45px;
        left: 0;
        z-index: 99;
        /*   box-shadow: 0px 0px 10px rgba(75, 80, 84, 0.2); */
    }

    .right-ribbon {
        width: 0;
        height: 0;
        position: absolute;
        right: -35px;
        bottom: 47px;
        border-top: 33px solid #fae575;
        border-bottom: 33px solid #fae575;
        border-left: 10px solid #fae575;
        border-right: 25px solid transparent;
        transition: all ease .3s;
    }


    .left-ribbon {
        width: 0;
        height: 0;
        position: absolute;
        left: -35px;
        bottom: 47px;
        border-top: 33px solid #fae575;
        border-bottom: 33px solid #fae575;
        border-left: 25px solid transparent;
        border-right: 10px solid #fae575;
        transition: all ease .3s;
    }

    .team-wrap {
        width: 100%;
        margin: 2rem auto;
        text-align: center;
        position: relative;
    }

    .team-wrap.inactive .member-pic {
        animation: fadein .3s ease-in forwards;
    }

    .team-wrap.active .member-pic:nth-child(1) {
        animation: fadeout .3s ease-in forwards;
    }





    .member-pic {
        width: 40rem;

        display: inline-block;
        margin: auto 1rem;

        overflow: hidden;
        opacity: 0;
        transform: translateY(-200%);
        transform-origin: 0 400px;
    }

    .blogTitle{
        margin-left: 3rem;
    }


   

    @keyframes fadeout {
        from {
            opacity: 0;
            transform: translateY(-200%);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes fadein {
        from {
            opacity: 1;
            transform: translateY(0);
        }

        to {
            opacity: 0;
            transform: translateY(-200%);
        }
    }

    .imgStyle {
        display: flex;

        align-items: end;
    }

    .imgPerson {
        /*    margin-right: 2rem;
        margin-top: 3rem; */
        object-fit: cover;
        width: 70px;
        height: 70px;
        border-radius: 50%;

        z-index: 2;

    }

    .imgPhone {
        margin-left: 19rem;
        width: auto;
        max-height: 500px;
        right: 0px;
   /*      max-width: 100%; */
        border-radius: 3rem;
        position: relative;
    }

    .winnerText {
        font-family: 'Poppins', sans-serif;
        font-size: 1.6rem;
        line-height: normal;
        max-width: 311px;
        color: #000 !important;
        font-style: italic;
        font-weight: 500;
        margin-bottom: 0;
    }

    

    .winnerPerson {
        margin-top: 0.5rem;
        font-family: 'Poppins', sans-serif;
        font-size: 1.6rem;
        line-height: normal;
        color: #666b6d;
    }

    .content2 {
        width: 100% !important;
    }

    .growth__box:hover .icon2 {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

            .clientsBody:hover .client-img {
                transform: scale(1.07);
            }

            .img-container {
                object-fit: cover;
                width: 360px;
              /*   max-width: 361px; */
                border-radius: 40px;
                overflow: hidden;
                cursor: pointer;
            }

            .client-img {
                object-fit: cover;
                max-height: 800px;
                width: 100%;
                height: auto;
                transition: transform 0.3s ease;
            }

            @media (max-width: 460px) {

                .subscribeButton{
                    width: 89%;
                }
                .alignNews{
                    align-items: center;
                }
                .alignNewsNew{
                    align-items: center;
                }

                .newsMain{
                    align-items: start;
                   width: 96%;
                }
                .newsInput{
                      width: 100%;
    display: flex; flex-direction: column;align-items: center;justify-content: center;
}

.xInput{
                      width: 100%;
    display: flex; flex-direction: column;align-items: center;justify-content: center;
}
                .containerNews{
    padding: 0 0 3em 0 !important;
}
.containerNewNew{
    padding: 0 0 3em 0 !important;
}
               
                .blog_single .blog_related-single .blog__single-info {
    width: 30rem;
    top: 79%;
    padding: 2.5rem;
    height: 12rem}

                 .paragraph.dark.blogDark {
        display: none !important;
    }
   

                .blogBody {
                    max-width: 90%
                }
            }

            @media (max-width: 390px) {
                .blogBody {
                    max-width: 60%
                }
            }

            .questions .card .card-header h5::before {
                content: "\f056";
                font-family: "Font Awesome 5 Pro";
            }

            .questions .card .card-header h5.hidden::before {
                content: "\f055";
                font-family: "Font Awesome 5 Pro";
            }



          .clientsBody {
        position: relative;
        display: flex;
        width: 380px;
        align-items: center;
        justify-content: center;
    }

    .clientsBodyNew {
        cursor: pointer;
        position: relative;
        display: flex;
        max-width: 361px;
        align-items: center;
        justify-content: center;
    }

    .slider-container {
        display: flex;
        overflow-x: auto;
    }

    .slider {
        display: flex;
        transition: transform 0.5s ease;
    }

    .slider-card {
        min-width: 33.33%;
        box-sizing: border-box;
        margin-right: 15px;
    }

    .slider-card {
        margin: 0 0.5rem;
    }

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

    .displayFlexTwo {
        display: flex;
        align-items: center;

    }

    .displayFlexColumn {
        background: #f0f1f6;
        position: relative;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .displayFlexColumnNew {
        
        position: relative;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .displayFlexColumnTwo {
        position: relative;
        flex-direction: column;
        display: flex;
margin-left: 10px;
        justify-content: center;
    }

    .socialInfo2 {
        opacity: 0;

        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .blog__single:hover .socialInfo2 {
        opacity: 1;

    }

    .blog__single {
        -webkit-filter: drop-shadow(0px 2.5px 10px rgba(75, 80, 84, 0.2));
    }

    .blog__single:hover .scroller[data-animated="true"] .scroller__inner {
        animation-play-state: paused;
    }

    .blogBody {
        max-width: 315px;
        opacity: 0;
        transition: opacity 0.3s ease;
        width: 85%;
        position: absolute;
        bottom: 0;
        margin: 20px;
        cursor: pointer;
    }

    .clients-slide:hover .blogBody {
   opacity: 1;  animation: fadeIn 0.3s forwards;
}



    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

     .marginTop {
        margin: 0 !important;
    }

      .icon2 {
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1);
                    height: 106px;
                    width: 113px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: 3em 8em 7em 4em;
                    background: #ebfaeb !important;

                    border-radius: 50%;
                 /*    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;
                }

                .timeNumber {
                    font-size: 16px;
    font-weight: normal;
                    color: #666b6d !important;
                }

                .growth__box {
                    width: 100%;
                }



                .content2 {
                    border-radius: 56px !important;
                }

               


               

                   .contents1 {
        border-radius: 5em;
        background: linear-gradient(46deg, RGB(85, 221, 109) 0%, rgb(34, 170, 58) 45%);

        color: rgba(0, 0, 0, .8);
        padding: 20px;
        margin: 0;
    }

    .slide-up2,
    .slide-down2 {
        overflow: hidden
    }

    .slide-up2>div,
    .slide-down2>div {
        margin-top: -150%;
        transition: margin-top 0.4s ease-in-out;
    }

    .slide-down2>div {
        margin-top: 0;
    }
 .newContent {
    max-height:471px;
                    width: 100%;
                 
                    background-color: white;
                    display: flex;
                    justify-content: flex-end;
                    border-radius: 56px !important;
                    padding: 20px 10px;
                }

                .newTitle{
                    font-weight: 600;
                    margin-top: 50px;font-size:36px; white-space: nowrap;
                }

                .displayInsta{
                    padding: 0rem 0rem 10rem 0rem ; margin-top:10rem; flex-direction:column
                }

                /* .blogBottom{
                    margin: 10rem 0 10rem 0rem;
                }  */

                .clientsContainer{
                    width: 100% !important; margin: 100px 0 ;
                }


                .iconMargin{
                    margin-bottom: 3rem;
                }


      @media (max-width: 600px) {
        .blogTitle{
        display: none;
    }
        .imgRad{
            max-height: 700px !important;
        }

       .modalPlay{
            padding: 20px;
        }

        /* .clientsBody{
                margin: 0 0.5rem;
        } */
        .winnerText {

            max-width: 160px;
        }



        .tagContent{
            margin-top: 4rem;
        }
        .clients-sec {
    width: 100%;}

        .instaH{
            padding-top: 4rem;
        }

        .insta__wrapper{
            padding-bottom: 0 !important;
            background-color: #f0f1f6 !important;
        }

     

        .feedbackSlide{
            margin-top: 5em;
        }

        .step .section-heading {
  
    margin: 0 auto 0rem auto;
}

        .socialTop {
    margin-top: 1em !important;
}
        .newsletter{
            margin-top: 0 !important;
        }

        .newsletter__wrapper{
            margin-bottom: 3em !important;
        }
        .blog {
    padding: 0rem 3rem !important;
}
        
        .screenshot{
            margin-top: 0;
        }
        .accordionNew{
            margin-top: 3rem;
        }

        .questionMarg{
            margin: 0;
        }

        .clients{
            margin-top: 3em;
        }

        .marginSection{
            width: 100% !important;
            margin: 0 auto 0rem auto !important;
        }
         


        .displayInsta {
    padding: 0rem 0rem 3rem 0rem;
    margin-top: 10rem;
  
}
         .marginChallenges{
            margin-top: 3rem;
            margin-bottom:1rem;
        }
.instaContainer{
    margin-bottom: 1rem;
}
        .instaWrap2{
            margin: 0 0 1rem 0;
        }
        .footer__wrapper{
            padding: 3rem 0 5rem 0;
            margin: 0em auto;
        }

        .bodyAlign{
            text-align: left;
        }

        .imgPhone{
            margin-top: 3rem;
            margin-left: 0;
        }

        .winnerDiv{
            align-items: flex-start !important;
        }

        .icon2{
            margin: 5em 0 0 0;
        }
        .displayInsta{
            margin-top: 0;
        }

        .questions__wrapper {
    background-color: #f0f1f6 !important;}

        .img-container{
            margin-top: 3em;
        }

        .newTitle{
            margin-top: 1em;
            white-space: normal;
        }

        .newContainer {
            margin-bottom: 3em;
        }

         .newContent {
            max-height: 100%;
            padding: 0 20px 25px 20px;
            margin-top: 3em;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
                        flex-direction: column;
                    }

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

                    .displayFlexTwo {
                   
                        align-items: center;
                        /* Optional: Center items in column */
                    }

                    .displayFlexColumnTwo {
                        flex-direction: column;
                        align-items: center;
                        /* Optional: Center items in column */
                    }
        .client-04 {
            margin-top: 32.8rem !important;
        }

        #marginUp {
            margin-top: 32.8rem !important;
        }
    }


      


                            .spanUWA {
                                font-size: 2.2rem;

                                margin-bottom: 10px;
                            }

                            .spanUWABold {
                                font-size: 2.2rem;
                                font-weight: bold;
                                margin-bottom: 10px;
                            }

                            .Flex {
                                display: flex;
                            }


                              .video__play .modal-close:hover button i {
        color: #22AA3A;
    }

    .iconColor {
        background: linear-gradient(45deg, rgb(212, 233, 218), rgb(240, 240, 240)) !important;
        -webkit-filter: drop-shadow(50px 40px 15px whitesmoke) !important;
    }

    /* .feature__box__wrapper {
        background: linear-gradient(46deg, RGB(85, 221, 109) 0%, rgb(34, 170, 58) 45%);
    } */

    .marginText{
        width: 100% !important;
    }


    .socialTop{
        margin-top: 5em;
    }

    .growth__wrapper{
        padding: 10em 0;
    }

    .tagContent{
        width: 100% !important;
    }

    .hero__wrapper {
    width: calc(100% - 2.5rem);}


    .hero{ width: 100%;}

    .instaWrap {
    width: 100%;
}

.growth {
    width: 100%;
}

.step {
    width: 100%;
  
}

.questions {
    width: 100%;
}

.screenshot {
  width: 100%;
}

.newsletter {
    width: 100%;
}

.footer {
    width: 100%;}


    .insta__wrapper{
        width: calc(100% - 10rem);
        padding-bottom: 8rem;
        border-radius: 3em;
      /*   margin-top: 5rem; */
            background-color: #f0fff0 ;
    }

    .video{
        width: 100%;
    }

.instaH{padding-top: 4rem;}



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

  .scale-up {
                            transition: transform 0.15s ease;
                        }

                        .scale-up:hover {
                            transform: scale(1.1);
                        }

                        .flow {
                            border-radius: 3em;
                            overflow: hidden;
                            cursor: pointer;
                            margin-bottom: 20px;
                            -webkit-filter: drop-shadow(0px 20px 10px rgba(75, 80, 84, 0.2));
                        }


                        .ImgFloat{
                            width: 100%;
                        }
                        .flow:last-child {
                            margin-bottom: 0;
                        }

                        .grid {
                            width: 100%;
                            display: flex;
                            justify-content: space-between;
                        }

                        
@media (max-width: 991.98px){

    
        .bottomText{
            padding:  40px 25px 25px 25px;
        }

        .bottomTextOne{
            padding: 0px 25px 0px 25px;
        }
    .blogTitle{
        margin-left: 0rem;
    }
    .flow:last-child {
                            margin-bottom: 20px;
                        }

      .grid {
                          flex-direction: column;
                        }
.header__nav ul {
  
    margin-top: 2.5rem;
}


}

.opera-browser .feature__box--1:hover,
.opera-browser .feature__box--3:hover {
    margin-top: 0 !important;
}

.opera-browser .feature__box--2:hover,
.opera-browser .feature__box--4:hover {
    margin-top: 10rem !important;
}

.PhoneImg{
    max-height: 90em;
    position: absolute;
    top: -7em;
}

.imgRad{
    object-fit: cover;
    max-height: 800px;
    border-radius: 40px;
}

.image2{
    border-radius: 40px;
    max-height: 85em;
    position: absolute;
    top: -7em;
}


.containerNews{
    padding: 10em 0;
}
.containerNewsNew{
    padding: 2em 0 10em 0;
}



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

}