/*====================================== MQ STARTS======================================== */

/* =======================================Homepage starts====================================== */

@media (max-width: 1530px) {
  .testimonial .slick-prev {
    left: -40px;
  }

  .testimonial .slick-next {
    right: -42px;
  }
}

@media (max-width: 1500px) {
  .slick-dotted.slick-slider {
    width: 95%;
    margin: auto;
  }
}
@media (max-width: 1440px) {
  .slick-initialized .slick-slide {
    display: block;
    padding: 0 31px;
  }
}

@media (max-width: 1400px) {
  .price-plans .subheading .pos-arrow {
    right: 34%;
  }

  /* 
  .testimonial .slick-prev {
    position: static;
  }

  .testimonial .slick-next {
    position: static;
  } */
}

@media (max-width: 1350px) {
  .advantage-heading-para h3 {
    font-size: 24px;
  }

  .advantage-heading-para p {
    font-size: 13px;
  }

  .main-bg .heading h1 {
    font-size: 66px;
  }

  .main-bg .heading .subheading {
    font-size: 45px;
  }

  .advance-form .btns .btn {
    font-size: 15px;
  }

  .flexed-itm .advance-form .heading h2 {
    font-size: 33px;

    line-height: 44px;
  }

  .custom-form .main-flex {
    display: flex;
    gap: 100px;
  }

  /* about us */
  .aboutus-what-makesus-unique-content-wrap2 {
    width: 90%;
  }

  /* ----------------------contact section----------------- */
  .contact-us-wrapper {
    padding: 35px 45px 168px;
  }
}

@media screen and (max-width: 1337px) {
  .advantage-heading-para h2 {
    font-size: 23px;
  }
}

@media screen and (max-width: 1300px) {
  /* -----------------------------header----------------- */
  .logo-name span {
    font-size: 32px;
  }

  /* --------------------homepage--------------------- */

  .leftmid {
    position: absolute;
    bottom: 170px;
    left: 0px;
    font-size: 0;
    width: 285px;
  }

  .righttop {
    position: absolute;
    bottom: 118px;
    right: 0;
    font-size: 0;
    width: 285px;
  }

  .message-bottom {
    width: 640px;
    font-size: 0;
    z-index: -1111;
  }

  .advance-form-img {
    width: 60%;
  }

  .advance-form {
    width: 40%;
  }

  .main-bg .heading h1 {
    font-size: 60px;
  }

  .main-bg .heading .subheading {
    font-size: 40px;
    line-height: 65px;
  }

  .price-plans .subheading .pos-arrow {
    right: 32%;
    top: -33%;
  }

  .price-blocks .blocks-wrapper {
    width: 100%;
  }

  .feature-wrap-per-row {
    width: 80%;
  }

  /* =============================================================Contact us PAGE========================================================= */
  .appoint-btn a {
    font-size: 17px;
    padding: 10px 13px;
  }

  .nav-items .nav-item {
    font-size: 17px;
  }

  .contact-wrapper {
    gap: 30px;
  }

  /* ===================================blog page============== */
  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading
    h1 {
    font-size: 60px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-blogs-empower-your-bussiness-main-heading-wrap {
    padding: 100px 30px;
  }

  /* -------------------------------About us page--------------------- */

  .aboutus-how-we-started-pic {
    width: 50%;
  }

  .aboutus-how-we-started-content-para {
    width: 90%;
  }
}

@media (max-width: 1280px) {
    .app-install .heading {

    padding: 70px 0;
}


  .fixed-head {
    padding-top: 0;
  }
  .aboutus-install-app-wrap h2 {
    font-size: 50px;
  }
  .feature-flex .btns .btn .txt {
    font-size: 18px;
  }

  .nav-bar-wrapper > a .logo-section {
    width: 280px;
  }

  .slick-dotted.slick-slider {
    width: 95%;
  }

  .testimonial .slick-prev,
  .testimonial .slick-next {
    display: none;
  }

  .app-install .heading h2 {
    font-size: 50px;
  }

  span.features-name {
    font-size: 20px;
  }

  /* -----------------homepage */

  /* abouotus */
  .sec3-block-1,
  .sec3-block-2,
  .sec3-block-3,
  .sec3-block-4 {
    font-size: 14px;
    padding: 15px;
  }

  span.features-img {
    width: 33px;
    font-size: 0;
  }

  /* -------------blog single0 */
  .blog-wrap {
    width: 70%;
  }

  /* pricing page 24 feb css */
  .price-plans .subheading .pos-arrow {
    right: 33%;
    top: -33%;
    width: 57px;
  }

  .plan-info .plan-description {
    padding: 46px 35px;
    margin: 1px 0;
  }

  .plan-info .try-free span {
    background: #c1c1c1;
    padding: 18px 95px;
  }

  /* pricing page 24 feb css ends */
  .plan-info .plan-description {
    padding: 46px 35px 46px 15px;
    margin: 1px 0;
  }

  .plan-info .plan-description .list {
    font-size: 20px;
    font-weight: 500;
  }
  .pricing-last3btns-wrap {
    padding: 20px 1.2% 50px 1.2%;
    display: flex
;
    justify-content: end;
    gap: 37px;
    border-top: 2px solid #eeeeee;
    background-color: #f8f8f8;
}
}

@media (max-width: 1258px) {
  .form-dev-efficiency-first-half-wrap h2 {
    font-size: 35px;
  }

  .advantage-heading-para h3 {
    font-size: 20px;
  }

  .form-dev-efficiency-first-half-wrap p {
    font-size: 16px;
  }
}

@media (max-width: 1240px) {
  .leftmid {
    position: absolute;
    bottom: 170px;
    left: 0px;
    font-size: 0;
    width: 265px;
  }

  .righttop {
    position: absolute;
    bottom: 125px;
    right: 0;
    font-size: 0;
    width: 265px;
  }

  .message-bottom {
    width: 615px;
  }

  .center-text h2 {
    line-height: 45px;
  }

  .center-text h2 {
    margin-bottom: 20px;
  }

  /* ------------About us----------------- */
  .aboutus-what-makesus-unique-content-wrap2 {
    width: 90%;
  }

  .aboutus-what-makes-us-unique-picture {
    width: 65%;
  }

  .center-text h2 {
    font-size: 33px;
    font-weight: 600;
    line-height: 41px;
  }

  .center-text p {
    font-size: 16px;
  }

  /* ------------------homepage--------------------- */

  .advance-form-flex .advance-form {
    width: 54%;
  }

  .advance-form-flex {
    display: flex;
    justify-content: space-between;
    gap: 100px;
  }

  .feature-flex .btns .btn .txt {
    font-size: 18px;
  }

  .advance-form-img {
    width: 46%;
  }

  .advance-form-img2 {
    width: 71%;
  }

  .advance-form-flex .advance-form {
    width: 54%;
    padding-bottom: 0;
  }

  .c-reverse {
    flex-direction: column-reverse;
  }

  .w-45 {
    width: 40%;
  }

  .w-55 {
    width: 60%;
  }

  .flexed-itm .advance-form .heading h2 {
    margin-bottom: 10px;
  }

  .contact-us-heading-section .heading p {
    width: 53%;
  }
}

/*======================
 M.Q. FOR 1200 PX STARTS
 ======================== */
@media screen and (max-width: 1220px) {
  .form-dev-efficiency-first-half-wrap h3 {
    font-size: clamp(21px, 3vw, 32px);
  }
}

@media screen and (max-width: 1203px) {
  .advantage-heading-para h2 {
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .price-plans .subheading .pos-arrow {
    width: 4%;
    right: 31%;
    top: -28%;
  }

  /* -----------------Navigation----------------- */
  .logo-name {
    font-size: 22px;
    font-weight: 600;
  }

  .nav-items {
    gap: 26px;
  }

  .main-nav {
    gap: 26px;
  }

  .main-bg::before {
    bottom: -1%;
  }

  /* ------------------Blog Cards section ----------------*/
  .card-detail h2 {
    font-size: 18px;
  }

  .card-date {
    font-size: 15px;
  }

  .read-more {
    font-size: 17px;
  }

  /*---------------- Contact -----------------*/
  .contact-wrapper {
    padding: 0px;
  }

  .contact-us-wrapper {
    padding: 45px 45px 175px;
  }

  /* ----------------------------HOmepage------------------------ */
  .main-bg .heading h1 {
    font-size: 55px;
  }

  .main-bg .heading .description {
    padding-top: 10px;
  }

  .main-bg::before {
    bottom: -1%;
  }

  .advance-form .btns {
    margin: 17px auto;
  }

  .w-40 {
    width: 47%;
  }

  .w-60 {
    width: 53%;
  }
}

@media (max-width: 1170px) {
  .form-dev-efficiency-first-half-wrap h2 {
    font-size: 33px;
    line-height: 40px;
  }
}

@media (max-width: 1160px) {
  .leftmid {
    width: 250px;
  }

  .righttop {
    width: 250px;
  }

  .message-bottom {
    width: 560px;
  }
}

@media (max-width: 1150px) {
  .contact-us-wrapper {
    padding: 45px 45px 150px;
  }

  .design-ideal .center-text {
    width: 55%;
  }

  .plan-info .plan-description {
    padding: 46px 15px 46px 20px;
    margin: 1px 0;
  }
}

@media (max-width: 1140px) {
  .feature-wrap-per-row {
    width: 90%;
  }

  span.plans-btn-inblock {
    width: 200px;
  }

  .plan-p {
    font-size: 45px;
  }

  button.form-plan-btn1 {
    font-size: 20px;
  }

  button.form-plan-btn2 {
    font-size: 20px;
  }

  button.form-plan-btn3 {
    font-size: 14px;
  }

  .choose-your-plans-block p {
    line-height: 55px;
    color: #404b52;
    font-size: 45px;
  }

  .proplan-block {
    height: 310px;
  }

  .choose-your-plans-block {
    height: 310px;
  }

  .freeplan-block {
    height: 310px;
  }

  .proplusplan-block {
    height: 310px;
  }

  .plan-p {
    padding-bottom: 20px;
  }
}

@media (max-width: 1135px) {
  .form-advantages-outer-wrap {
    flex-direction: column;
  }

  .form-advantages-wrap {
    width: 100%;
  }

  .form-dev-efficiency-first-half {
    width: 50%;
  }

  .form-dev-efficiency-second-half {
    width: 50%;
  }

  .form-dev-efficiency-first-half-wrap h2 {
    font-size: 35px;
    line-height: 50px;
  }

  .form-advantages-wrap {
    display: flex;
    flex-direction: column;
  }

  .form-advantages-outer-wrap {
    gap: 0;
  }

  .form-advantages {
    display: flex;
    width: 75%;
    margin: 0 auto;
  }
}

@media (max-width: 1105px) {
  .plan-info .plan-description .list {
    font-size: 18px;
    font-weight: 500;
  }

  .plan-info .plan-price .value {
    font-size: 45px;
  }

  .plan-info .try-free span {
    background: #c1c1c1;
    padding: 18px 70px;
  }
}

@media (max-width: 1100px) {
  /* ========home */

  .price1 h3,
  .price2 h3,
  .price3 h3 {
    font-size: 25px;
  }

  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 32px;
    font-weight: 700;
    white-space: nowrap;
  }

  .forms-h {
    font-size: 35px;
  }

  .unlimited-forms-blocks {
    font-size: 20px;
  }
}

/* ==========================
MQ FOR 1080 PX AND BELOW 
==================================================== */
@media (max-width: 1098px) {
  .aboutus-what-makesus-unique-content-wrap2 {
    width: 95%;
  }

  h2.aboutus-heading {
    line-height: 60px;
  }
}

@media (max-width: 1090px) {
  .leftmid {
    position: absolute;
    bottom: 170px;
    left: 0px;
    font-size: 0;
    width: 220px;
  }

  .righttop {
    bottom: 127px;
    width: 220px;
  }

  .message-bottom {
    width: 480px;
  }

  .center-text h2 {
    font-size: 30px;
  }

  .center-text p {
    font-size: 15px;
  }
}

@media (max-width: 1088px) {
  .form-dev-efficiency-first-half-wrap h3 {
    font-size: clamp(21px, 3vw, 30px);
  }
}

@media (max-width: 1080px) {
      .aboutus-what-makes-us-unique-picture {
    width: 93%;
    transform: translateX(-25px);
  }

  .price-plans .subheading .pos-arrow {
    width: 49px;
    right: 31%;
    top: -34%;
  }
  .nav-bar-wrapper > a .logo-section {
    width: 250px;
  }

  /* ----------Homepage */
  .main-bg .main-content {
    width: 63%;
  }

  .logo-swiper {
    padding: 85px 0;
  }

  .design-ideal {
    padding: 134px 0 0 0;
  }

  .main-bg .btns a .green::before {
    left: 200px;
    height: 175px;
    width: 70px;
  }

  .main-bg {
    padding: 150px 0 175px;
  }

  /* ------------------------contact */
  textarea {
    height: 110px;
  }

  .detail-list a span {
    font-size: 14px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading-wrap {
    padding: 100px 100px;
  }

  /* ----------------------------faq------------------ */
  .answer.one.active {
    min-height: 100%;
  }

  .answer.two.active {
    min-height: 100%;
  }

  .answer.three.active {
    min-height: 100%;
  }

  .answer.four.active {
    min-height: 100%;
  }

  .answer.five.active {
    min-height: 100%;
  }

  .answer.six.active {
    min-height: 100%;
  }

  .answer.seven.active {
    min-height: 100%;
  }

  /* ---------------------------header------- */

  .main-nav {
    gap: 0px;
  }

  /* ----------------------about us ----------- */

  .sec3-block-1,
  .sec3-block-2,
  .sec3-block-3,
  .sec3-block-4 {
    padding: 8px 0;
  }

  /* -----------------------------------------------Pricing page---------------------- */
  .price-plans .heading h2 {
    font-size: 50px;
  }

  .price-plans .subheading p,
  .toggle-m-y {
    font-size: 30px;
  }

  /* Homepage------------------------------------ */

  .main-bg .heading h1 {
    font-size: 50px;
  }

  .main-bg .main-content {
    width: 63%;
  }

  .main-bg .heading .subheading {
    line-height: 50px;
    font-size: 30px;
  }

  .integrate-app .heading {
    max-width: 100%;
  }

  .integrate-app .wrapper-main .item-boxes .item .txt p {
    font-size: 22px;
  }

  .logo-swiper .swiper-slide img {
    width: 100%;
    max-width: 116px;
    margin: auto;
  }

  .slick-track {
    gap: 0px;
    padding: 20px 0;
  }

  .advance-form .heading h2 {
    margin-bottom: 5px;
  }

  .advance-form-flex .advance-form {
    width: 50%;
  }

  .advance-form-img {
    width: 50%;
  }

  .feature-flex .btns .btn .txt {
    font-size: 16px;
  }

  .advance-form .heading h2 {
    line-height: 43px;
    font-size: 27px;
  }

  .advance-form .heading p {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .advance-form .btns {
    gap: 0px;
  }

  /* -----------------Navigation----------------- */

  .main-nav {
    width: 75%;
  }

  .nav-items .nav-item {
    list-style: none;
    font-size: 15px;
  }

  .sub-btn {
    padding: 7px 16px;
    font-size: 15px;
  }

  .detail-list a .img {
    width: 35px;
  }

  .social-handles span {
    width: 30px;
  }

  /* -------------------Contact us---------------------- */

  .form-builder .txt {
    font-size: 16px;
  }

  .term-support-wrap span a {
    font-size: 16px;
  }

  .form-copyright-flex {
    padding: 40px 20px;
  }

  .contact-us-wrapper {
    padding: 30px 45px 115px;
  }

  .get-in-touch {
    padding: 30px 40px;
  }
  .advance-form .btns .btn {
    gap: 4px;
  }
  /* -------------------map -section-------------------------- */
  .map-section iframe {
    height: 350px !important;
  }
  .advance-form .btns {
    padding-left: 2px;
  }
  .feature-flex .btns .btn .txt {
    font-size: 10px;
  }
  .feature-flex .btns .btn .txt {
    font-size: 11px;
  }
  .contact-us .head {
    line-height: 53px;
    font-size: 40px;
  }

  .get-in-touch-head .heading {
    font-size: 40px;
  }

  /* -------------------------------app install section-------------------------- */

  .app-install .heading {
    padding: 75px 0;
  }

  .app-install .heading h2 {
    font-size: 40px;
    padding-bottom: 32px;
  }

  .app-install .heading p > a {
    padding: 11px 21px;
    font-size: 16px;
  }

  .appoint-btn a {
    padding: 10px 12px;
    text-align: center;
  }

  .appoint-btn a span {
    font-size: 15px;
  }

  .nav-bar-wrapper {
    margin-top: 10px;
  }

  /* -----------------homekpage */
}

@media (max-width: 1075px) {
  .sec3-block-1 p,
  .sec3-block-2 p,
  .sec3-block-3 p,
  .sec3-block-4 p {
    font-size: 15px;
  }
}

@media (max-width: 1068px) {
  .aboutus-how-we-started-pic {
    width: 75%;
  }

  .aboutus-how-we-started-content {
    width: 50%;
  }

  .aboutus-how-we-started-inner-wrap {
    width: 50%;
  }
}

@media (max-width: 1024px) {
        .plan-info .plan-description .list {
        font-size: 17px;
      
    }
    .tabber .main-tabs .main-content {

    padding: 20px;
}
    .aboutus-block1-img h3, .aboutus-block2-img h3, .aboutus-block3-img h3, .aboutus-block4-img h3 {
    font-size: 22px;
 
}
    .aboutus-blocks-inner-wrap {

    gap: 15px;
   
}
  .aboutus-block1-img,
  .aboutus-block2-img,
  .aboutus-block3-img,
  .aboutus-block4-img {
    padding: 15px;
  }

  .logo-swiper {
    padding: 80px 0;
  }

  .advance-form-flex {
    padding: 80px 30px 0;
  }

  .integrate-app .wrapper-main {
    padding: 80px 0;
  }

  .custom-form .main-flex {
    padding: 80px 0px;
  }

  section.the-features {
    padding: 80px 0px;
  }

  section.form-dev-efficiency {
    padding: 80px 0;
  }

  section.form-plans {
    padding: 80px 0;
  }

  .testimonial .wrapper-main {
    padding: 80px 0px;
  }

  .app-install .heading {
    padding: 80px 0;
  }

    .contact-sec {
        padding: 80px 0 20px;
    }
}

@media (max-width: 1024px) {
    
    .terms-and-conditions-wrapper .terms-and-conditions-heading h1 {
    font-size: 45px;
    }
    .privacy-policy-heading-and-description h1 {
    font-size: 45px;
    }
    
    .pr-policy-and-tr-conditions-content h2 {
   
    font-size: 35px;
    }
    .pr-policy-and-tr-conditions-content h3 {
    font-size: 25px;
    }
    
  .aboutus-how-we-started-content-para {
    width: 100%;
  }
  .submitPopup {
    width: 520px;

    height: 400px;
  }
  .popuptick-wrap {
    width: 150px;
    height: 150px;
  }
  .thankyou-sub {
    font-size: 38px;
  }
  .sub-popup-cross-wrap {
    width: 55px;
    height: 55px;

    top: -28px;
    right: -28px;
  }

  span.plans-btn-inblock {
    width: 165px;
  }

  .single-blog-content h1 {
    font-size: 47px;

    line-height: 60px;
  }

  .main-nav {
    gap: 10px;
  }

  .main-bg {
    padding: 150px 0 109px;
  }

  /* -----------------------------navigation- */
  .nav-items {
    gap: 20px;
  }

  .appoint-btn a {
    padding: 9px 12px;
  }

  .appoint-btn a span {
    font-size: 14px;
  }

  .nav-items .nav-item {
    font-size: 14px;
  }

  /* -----------------------------homepage---------------------------------- */

  .main-bg .main-content {
    margin-bottom: 80px;
  }

  .feature-name p {
    font-size: 15px;
  }

  .feature-icon {
    width: 50px;
  }

  .advantage-heading-para h2 {
    font-size: 19px;
  }

  /* ----------------------about us-=------------ */
  h2.aboutus-heading {
    font-size: 43px;
  }

  .aboutus-how-we-started-content h2 {
    font-size: 35px;
  }

  .aboutus-blocks-heading-wrap h2 {
    font-size: 35px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    font-size: 35px;
  }

  .aboutus-how-we-started-pic {
    width: 70%;
  }

  .aboutus-how-we-started-content-para {
    width: 90%;
    font-size: 15px;
  }

  .aboutus-how-we-started-wrap {
    margin: 0px;
  }

  .aboutus-what-makes-us-unique-picture {
    width: 75%;
    transform: translateX(-40px);
  }

  .aboutus-what-makesus-unique-content-wrap p {
    padding: 5px 0px 5px 0px;
  }

  .float-img .date {
    bottom: 24%;
    right: 87px;
  }

  /* -----------------------------------contact us------------------------- */
  .contact-us .head {
    line-height: 56px;
  }

  /* ---------------------------------app install------------------------ */
  .app-install .heading {
    padding: 70px 0;
  }

  /* -----------------------------------FAQ page-------------------------- */
  .faq-heading-section .wrapper-main {
    flex-direction: column;
  }

  .faq-heading-section .heading.half {
    width: 80%;
    padding-bottom: 50px;
  }

  .faq-heading-section .heading.half {
    width: 80%;
  }

  .faq-heading-section .questions.half {
    width: 80%;
  }

  .contact-us-heading-section .heading h1 {
    font-size: 49px;
  }

  /* --------------------------------blog page---------------------------- */
  .form-plan-heading p {
    font-size: 55px;
  }

  /* pricing 24 feb csss */
  .plan-info .try-free span {
    padding: 15px 75px;
  }

  .forms-h {
    font-size: 32px;
  }

  .plan-info .plan-price .value {
    font-size: 45px;
    word-spacing: -9px;
  }

  .plan-info .try-free span {
    padding: 15px 65px;
    font-size: 17px;
  }

  .plan-description.span.txt {
    font-size: 19px;
  }

  .price-plans .heading p {
    font-size: 60px;
  }

  section.all-features {
    background-color: #f8f8f8;
  }

  /* pricing 24 feb csss ends*/

  /* aboutus 24feb */
  h1.aboutus-heading {
    font-size: 40px;
  }

  .pic-item1,
  .pic-item2,
  .pic-item3,
  .pic-item4 {
    max-width: 260px;
  }

  .aboutus-how-we-started-content-para p {
    padding: 5px 0px 10px 0px;
    width: 100%;
  }

  .aboutus-how-we-started-content-para {
    width: 100%;
    font-size: 17px;
  }

  .aboutus-how-we-started-inner-wrap {
    width: 45%;
  }

  .aboutus-how-we-started-content {
    width: 55%;
  }

  .aboutus-blocks-inner-wrap {
    gap: 14px;
  }

  .aboutus-block1-img h3,
  .aboutus-block2-img h3,
  .aboutus-block3-img h3,
  .aboutus-block4-img h3 {
    font-size: 23px;
  }

  .aboutus-block1-img,
  .aboutus-block2-img,
  .aboutus-block3-img,
  .aboutus-block4-img {
    padding: 15px;
    font-size: clamp(13px, 2vw, 15px);
  }

  .aboutus-blocks-heading-wrap {
    padding: 0px 0px 25px 0px;
  }

  .aboutus-what-makes-us-unique-picture {
    width: 93%;
    transform: translateX(-25px);
  }

  .aboutus-what-makesus-unique-content-wrap2 {
    width: 100%;
  }

  .aboutus-what-makes-us-unique-picture-wrap {
    width: 45%;
  }

  .aboutus-what-makesus-unique-content-wrap {
    width: 55%;
  }

  .aboutus-what-makesus-unique-content-wrap p {
    padding: 10px 0px 10px 0px;
    font-size: 17px;
  }

  .aboutus-install-app-wrap {
    padding: 50px 0px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    padding: 0px 0px 15px 0px;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 40px;
  }

  .aboutus-how-we-started-wrap {
    padding: 60px 0px 40px 0px;
  }

  .aboutus-blocks-wrap {
    padding: 40px 0;
  }

  /* aboutus 24feb ends */
  .form-advantages-wrap {
    gap: 0px;
  }

  .unlimited-forms-blocks {
    font-size: 19px;
  }
  
  .pricing-last3btns-wrap {
    padding: 20px 1.2% 50px 1.2%;

    gap: 25px;
  
}
  button.pricing-btn1 {
    width: 200px;

 
}
  
 button.pricing-btn2 {
    width: 200px;

} 
  button.pricing-btn3 {
    width: 200px;

}
  
}

@media (max-width: 1060px) {
  .aboutus-what-makesus-unique-content-wrap h2 {
    line-height: 45px;
  }

  ul.features-list {
    column-gap: 20px;
    row-gap: 30px;
  }

  span.features-name {
    font-size: 18px;
  }
}

@media (max-width: 1055px) {
  .card-detail h2 {
    font-size: 15px;
    line-height: 32px;
  }

  .card-date {
    font-size: 14px;
  }

  .read-more {
    font-size: 14px;
  }

  span.plans-btn-inblock {
    font-size: 15px;
  }

  .plan-p {
    font-size: clamp(20px, 4vw, 33px);
    word-spacing: -5px;
  }

  .choose-your-plans-block p {
    line-height: 50px;
  }

  .form-dev-efficiency-first-half-wrap h3 {
    font-size: clamp(25px, 3vw, 40px);

    line-height: 30px;
  }

  .form-dev-efficiency-first-half-wrap p {
    font-size: 15px;
    padding: 15px 0px 0px 0px;
  }

  .freeplan-block {
    height: 300px;
  }

  .proplan-block {
    height: 300px;
  }

  .proplusplan-block {
    height: 300px;
  }

  .choose-your-plans-block {
    height: 300px;
  }
}

@media (max-width: 1030px) {
  .price-plans .subheading .pos-arrow {
    width: 5%;
    right: 31%;
    top: -36%;
  }
}

@media (max-width: 1010px) {
  button.form-plan-btn1 {
    font-size: 18px;
  }

  button.form-plan-btn2 {
    font-size: 18px;
  }

  button.form-plan-btn3 {
    font-size: 12px;
  }
}

@media (max-width: 1010px) {
  .form-dev-efficiency-first-half-wrap h2 {
    font-size: 33px;
    line-height: 50px;
  }
}

/*================== 
M.Q. 991 PX STARTS
===================== */
@media (max-width: 991px) {
  .price-plans .subheading .pos-arrow {
    width: 5%;
    right: 30%;
    top: -34%;
  }
  .popup-wrapper {
    position: absolute;
    right: 28px;
    top: 28px;
    width: 35px;
  }

  .slick-initialized .slick-slide {
    padding: 0 35px;
  }

  .choose-your-plans-block p {
    line-height: 44px;
    font-size: 37px;
  }

  .freeplan-block {
    width: 25%;
  }

  .proplan-block {
    width: 25%;
  }

  .proplusplan-block {
    width: 25%;
  }

  .choose-your-plans-block {
    width: 25%;
  }

  /* =========Homepage */
  .appoint-btn a {
    padding: 10px 15px;
    float: left;
  }

  .logo-sec-hide {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .logo-sec-hide a {
    width: 200px;
  }

  .main-bg .btns a .green {
    padding: 11px 30px;
    font-size: 15px;
  }

  .main-bg .btns a .green::before {
    left: 169px;
  }

  .advance-form .heading p {
    margin-bottom: 0;
  }

  .advance-form .btns .btn {
    font-size: 13px;
  }

  .btns .btn .img {
    width: 22px;
  }

  .message-bottom {
    width: 50%;
  }

  .float-img .date {
    position: absolute;
    bottom: 27%;
    right: 90px;
  }

  .advance-form-flex .advance-form {
    width: 64%;
  }

  .advance-form-flex {
    gap: 50px;
  }

  .feature-flex .btns .btn .txt {
    font-size: 14px;
  }

  /* ==================================header======================= */

  .navigation-wrapper {
    width: 100%;
  }

  nav.main-nav {
    position: absolute;
    width: 100%;
    top: -1500px;
    left: 0;
    height: 100vh;
    background-color: white;
    gap: 20px;
    flex-direction: column;
    padding: 18px 18px;
    z-index: 1111;

    justify-content: start;
    transition: all 0.9s;
  }

  .active-class {
    top: 0px !important;
    transition: all 0.9s !important;
  }

  .appoint-btn {
    width: 100%;
  }

  .nav-items {
    display: block;
    float: none;
    padding-top: 15px;
  }

  .integrate-app .wrapper-main .item-boxes .item1 {
    width: 33px;
  }

  /* ------------------Navigation ------------------ */
  /* .nav-items {
    gap: 21px;

  } */

  .nav-items .nav-item {
    font-size: 16px;
  }

  /* -----------------------Hero banner------------------------ */

  .blogs-search-bar .input-search {
    padding: 10px;
    font-size: 17px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading
    h1 {
    font-size: 55px;
  }

  /*---------------------- Blog Card sections -----------------------*/
  .blogs-cards-collection {
    padding: 0 12px 24px;
  }

  .blogs-crads-holder {
    margin: 30px -12px;
  }

  .main-card a {
    padding: 10px;
  }

  .card-detail h2 {
    font-size: 16px;
    line-height: 30px;
  }

  .card-date {
    font-size: 14px;
  }

  .read-more {
    font-size: 14px;
  }

  .load-more-btn button {
    padding: 10px 17px;
    font-size: 15px;
  }

  /* --------------------------------------contact section------------------------------- */

  .contact-us-heading-section .heading p {
    width: 90%;
  }

  .contact-us .head {
    font-size: 35px;
  }

  .detail-list a span {
    width: 92%;
    font-size: 15px;
  }

  .contact-wrapper .get-in-touch-head .heading {
    font-size: 35px;
  }

  /* -----------------------Homepage---------------------------------- */
  .main-bg {
    padding: 150px 0 100px;
  }

  .main-bg .heading h1 {
    font-size: 45px;
    line-height: 60px;
  }

  .main-bg .heading h1 span {
    font-size: 60px;
  }

  .main-bg .main-content .btns .green .txt {
    width: 75%;
  }

  .main-bg .main-content .btns .green .img {
    width: 25%;
  }

  .float-img .firstN {
    top: 13%;
    width: 18%;
  }

  .float-img .date {
    width: 18%;
  }

  .float-img .dragdrop {
    top: 2%;
  }

  .w-55 {
    width: 60%;
  }

  .flexed-itm .advance-form .heading h2 {
    font-size: 30px;
    line-height: 42px;
  }

  .w-45 {
    width: 40%;
  }

  .tabber .main-tabs .heading .tab {
    padding: 6px 0px;
  }

  .tabber .main-tabs .heading .tab span {
    font-size: 15px;
  }

  .tabber .main-tabs .heading .tab {
    width: 30%;
  }

  .form-dev-efficiency-first-half-wrap p {
    font-size: 14px;
  }

  /* ------------------------------------navigation------------------------- */
  .burger-wrapper {
    display: block;
    width: 65%;
    position: relative;
  }

  .nav-bar-wrapper > a {
    width: 35%;
  }

  .cancel {
    width: 24px;
    display: none;
    font-size: 0;
  }

  .toggle-burger {
    font-size: 35px;
  }

  .burger-dropdown-toggle {
    display: flex;
    gap: 10px;
  }

  .burger-dropdown-toggle .appoint-btn a {
    padding: 8px 9px;
  }

  .burger-dropdown-toggle .appoint-btn span {
    font-size: 16px;
  }

  /* --------------------- */
  .integrate-app .wrapper-main .item-boxes .item {
    width: 16%;
  }

  .integrate-app .wrapper-main .item-boxes .item .txt p {
    font-size: 17px;
  }

  /* ----------------------------------------terms and condtion------------------------ */
  .terms-and-conditions-wrapper {
    margin-top: 30px;
  }

  /* pricing page css 24 feb */

  /* pricing page css 24 feb nds*/

  /* aboutus 24feb css */
  .aboutus-what-makes-us-unique-picture {
    width: 91%;
    transform: translateX(-20px);
  }

  section.aboutus-install-app-section {
    margin: 35px 0px 70px 0px;
  }

  /* aboutus 24feb css ends*/
  .forms-h {
    padding: 10px 0px 10px 3%;
    font-size: 40px;
    background-color: #ececec;
  }

  .unlimited-forms-blocks {
    padding: 0px 0px 0px 10%;
  }

  .price-plans .heading p {
    font-size: 55px;
  }

  .plan-info .plan-description {
    padding: 25px 0px 25px 5px;
    margin: 1px 0;
  }

  .heading-and-picture {
    text-align: center;
    font-size: 28px;
  }

  .forms-h h2 {
    padding: 10px 0px 10px;
    font-size: 35px;
    background-color: #ececec;
    font-weight: 600;
    color: #404b52;
  }

  .plan-info .try-free span {
    padding: 15px 65px;
    font-size: 16px;
  }

  .list img {
    width: 23px;
  }

  .plan-info .plan-description .list {
    font-size: 15px;
    font-weight: 500;
  }

  .plan-info .plan-description {
    padding: 20px 0px 20px 0px;
    margin: 1px 0;
  }
  .plan-info .plan-description {
    padding: 46px 0px 46px 15px;
    margin: 1px 0;
  }
  
    .pricing-last3btns-wrap {
        padding: 20px 2.5% 50px 2.5%;
        gap: 55px;
    }
    button.pricing-btn1 {
        width: 165px;
    }
     button.pricing-btn2 {
        width: 165px;
    }  
    
      button.pricing-btn3 {
        width: 165px;
    } 
  
}

@media (max-width: 950px) {
  .center-text h2 {
    font-size: 29px;

    line-height: 41px;
  }

  .leftmid {
    width: 200px;
  }

  .righttop {
    bottom: 134px;

    width: 200px;
  }

  .message-bottom {
    width: 47%;
  }

  .center-text p {
    font-size: 14px;
  }
}

@media (max-width: 950px) {
  .form-dev-efficiency-first-half-wrap {
    width: 95%;
  }

  .form-dev-efficiency-first-half-wrap h2 {
    width: 100%;
    padding: 0px 0px 15px 0px;
  }

  .form-advantages-outer-wrap {
    display: flex;
    gap: 0px;
  }
}

@media (max-width: 946px) {
  button.form-plan-btn1 {
    font-size: 16px;
  }

  button.form-plan-btn2 {
    font-size: 16px;
  }

  button.form-plan-btn3 {
    font-size: 10px;
  }
}

@media (max-width: 930px) {
  .feature-wrap-per-row {
    width: 100%;
  }

  .price-plans .subheading .pos-arrow {
    width: 5%;
    right: 28%;
    top: -25%;
  }
}

@media (max-width: 925px) {
  .pic-item1,
  .pic-item2,
  .pic-item3,
  .pic-item4 {
    max-width: 225px;
  }

  .aboutus-how-we-started-inner-wrap2 {
    width: 65%;
  }
}

@media (max-width: 920px) {
}

.form-plans-last-btn a {
  font-size: 16px;
}

.advance-form {
  width: 70%;
}

.advance-form-img {
  width: 70%;
}

.feature-icon {
  width: 47px;
}

.form-advantages {
  width: 90%;
}

@media (max-width: 915px) {
  .aboutus-blocks-inner-wrap {
    grid-template-columns: repeat(2, 1fr);
  }

  .aboutus-block1-img,
  .aboutus-block2-img,
  .aboutus-block3-img,
  .aboutus-block4-img {
    padding: 30px;
  }

  .aboutus-block1-img p,
  .aboutus-block2-img p,
  .aboutus-block3-img p,
  .aboutus-block4-img p {
    padding-top: 5px;
  }
}

@media (max-width: 912px) {
  span.features-name {
    font-size: 14px;
  }

  ul.features-list {
    column-gap: 20px;
    row-gap: 25px;
  }
}

@media (max-width: 900px) {
  .card-detail h2 {
    font-size: 17px;
  }

  .main-bg .btns a .green::before {
    height: 140px;
    width: 57px;
  }

  /* -------------------------------price page--------------- */

  .price-plans .subheading .pos-arrow {
    width: 6%;
    right: 26%;
    top: -31%;
  }

  .plan-info .plan-description .list {
    font-size: 14px;
  }

  .plan-info .plan-price .try-free {
    font-size: 14px;
  }

  .plan-info .plan-description {
    padding: 41px 35px;
  }

  /* ---------------------------Homepage--------------------------- */
  .main-bg::before {
    left: 60%;
    height: 142px;
    width: 56px;
    bottom: 2%;
  }

  .main-bg {
    padding: 100px 0 50px;
  }

  .main-bg .heading h1 {
    font-size: 48px;
  }

  .main-bg .heading .subheading {
    font-size: 30px;
    line-height: 38px;
  }

  .flexed-itm .advance-form .heading h2 {
    font-size: 32px;
    line-height: 34px;
  }

  .center-text h2 {
    line-height: 31px;
  }

  /* .center-text p {
        font-size: 12px;
    } */

  span.plans-btn-inblock {
    width: clamp(60px, 15vw, 140px);
    height: clamp(40px, 5vh, 45px);
  }

  span.plans-btn-inblock {
    font-size: 12px;
  }

  .choose-your-plans-block {
    height: 270px;
  }

  .freeplan-block {
    height: 270px;
  }

  .proplan-block {
    height: 270px;
  }

  .proplusplan-block {
    height: 270px;
  }

  .choose-your-plans-block p {
    line-height: 40px;
    font-size: 30px;
  }

  /* -------------------------------homepage */
  .flexed-itm .advance-form .heading h2 {
    font-size: 25px;
  }

  /*------------------------ Navigation menu --------------------------*/

  /* Burger menu */

  .items .item {
    padding: 10px 0;
  }

  /* -------------When burger menu actives ------------*/

  .logo-name {
    width: 85%;
  }

  /*-------------------- Hero banner section -----------------*/
  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading
    h1 {
    font-size: 60px;
  }

  /* ----------------------Blog Cards sections------------------------- */
  .blogs-cards-collection {
    max-width: 50%;
  }

  .card-date {
    font-size: 14px;
  }

  /* ---------------------Contact form ------------------*/

  .contact-wrapper .get-in-touch {
    border-radius: 30px;
  }

  .contact-wrapper {
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    padding: 13px;
  }

  .contact-us-wrapper {
    width: 100%;
    border-radius: 30px;
  }

  .get-in-touch {
    width: 100%;
    padding: 24px;
  }

  .map-section {
    margin-top: 50px;
  }

  .contact-us-heading-section {
    padding: 50px 0px 0;
  }

  /* -------------------------FAQ page */

  .faq-heading-section .heading h1 {
    margin: 30px 0 30px;
  }

  /* -----------------------Footer section -------------------*/
  .form-copyright-main-bg {
    margin-top: 48px;
    border-radius: 20px;
  }

  .form-copyright-flex {
    flex-direction: column;
    gap: 10px;
    padding: 10px;
  }

  .form-builder {
    gap: 0px;
    justify-content: center;
    text-align: center;
  }

  .copyright p {
    font-size: 12px;
  }

  /* ===========Single Blog page starts m================== */
  /* -----------------For text section ------------------ */
  .single-blog-content .heading .head {
    font-size: 42px;
    line-height: 60px;
  }

  .card-detail h2 {
    line-height: 26px;
  }

  .advance-form .heading h2 {
    line-height: 34px;
    font-size: 25px;
  }

  .advance-form .heading p {
    font-size: 14px;
  }
}

@media (max-width: 890px) {
  .leftmid {
    position: absolute;
    bottom: 135px;
    left: 0px;
    font-size: 0;
    width: 175px;
  }

  .righttop {
    bottom: 103px;

    width: 175px;
  }

  .center-text h2 {
    font-size: 27px;

    line-height: 32px;
  }

  .message-bottom {
    width: 45%;
  }
}

@media (max-width: 885px) {
  .aboutus-block1-img,
  .aboutus-block2-img,
  .aboutus-block3-img,
  .aboutus-block4-img {
    padding: 20px;
  }
}

@media (max-width: 878px) {
  button.form-plan-btn1 {
    font-size: 15px;
    padding: 10px 22px;
  }

  button.form-plan-btn2 {
    font-size: 15px;
    padding: 10px 22px;
  }

  button.form-plan-btn3 {
    font-size: 9px;
    padding: 3px 17px;
  }
}
@media (max-width: 853px) {
    .aboutus-how-we-started-inner-wrap2 {
        width: 85%;
    }
        .unlimited-forms-blocks {
        font-size: 17px;
    }
}

@media (max-width: 850px) {
  /* -----------------------homepage------------------ */
  .main-bg .heading .subheading {
    font-size: 27px;
  }

  .float-img .firstN {
    left: 11px;
  }

  .float-img .dragdrop {
    top: 11%;
    right: 0%;
    width: 20%;
  }

  .float-img .date {
    bottom: 19%;
    right: 29px;
  }

  .float-img .choosefile {
    top: 62%;
    left: 32px;
  }

  .main-bg .btns a .green {
    padding: 10px 27px;
  }

  .logo-swiper {
    padding: 60px 0;
  }

  .w-55,
  .w-45 {
    width: 70%;
  }

  .app-install .heading p > a {
    font-size: 15px;
  }

  .main-form-img .form-img {
    margin-top: -150px;
  }

  .custom-form .main-flex {
    padding: 60px 0;
  }

  .advance-form-flex {
    padding: 60px 0 0 0;
  }

  .integrate-app .wrapper-main {
    padding: 60px 0;
  }

  .contact-sec {
    padding: 60px 0 20px;
  }

  .integrate-app .heading h2 {
    font-size: 35px;
  }

  .flexed-itm .advance-form .btns .btn .img {
    font-size: 0;
  }

  .form-dev-efficiency-first-half-wrap h2 {
    line-height: 43px;
  }

  .faq-heading-section .wrapper-main .heading h2 {
    font-size: 35px;
  }

  .contact-us-heading-section .heading h1 {
    font-size: 45px;
    width: 100%;
  }

  .form-plan-heading {
    width: 20%;
  }

  .form-plan-btns {
    width: 80%;
  }

  .w-40 {
    width: 50%;
  }

  .w-60 {
    width: 50%;
  }

  .btns .btn .img {
    width: 17px;
  }

  .custom-form .main-flex {
    gap: 55px;
  }

  /* -------------About us-------- */
  .aboutus-what-makesus-unique-content-wrap p {
    padding: 5px 0px 5px 0px;
  }

  .aboutus-what-makes-us-unique-picture {
    width: 85%;
    transform: translateX(-25px);
  }

  h2.aboutus-heading {
    line-height: 50px;
  }
}

@media (max-width: 840px) {
        button.pricing-btn1, button.pricing-btn3 {
        display: none;
    }
    
    .pricing-last3btns-wrap {
     
        justify-content: center;}
    
        button.pricing-btn2 {
        width: 400px;
    }
    
    
  .plan-info .plan-description .list {
    font-size: 16px;
    gap: 7px;
    padding: 15px 0px 15px 0%;
  }
  .submitPopup {
    width: 465px;

    height: 380px;
  }
  .popuptick-wrap {
    width: 140px;
    height: 140px;
  }
  .thankyou-sub {
    font-size: 36px;
  }
  .sub-popup-cross-wrap {
    width: 55px;
    height: 55px;

    top: -28px;
    right: -28px;
  }
  .sub-sent {
    padding-top: 14px;
  }

  section.form-plans {
    padding: 60px 0;
  }

  .form-dev-efficiency-wrap {
    padding: 0px;
  }

  section.the-features {
    padding: 60px 0px;
  }

  section.form-dev-efficiency {
    padding: 60px 0;
  }

  .single-blog-content h1 {
    font-size: 40px;
    line-height: 55px;
  }

  .single-blog-content {
    margin: 55px 0;
  }

  .plan-p {
    padding-bottom: 10px;
  }

  .freeplan-block {
    height: 270px;
  }

  .proplan-block {
    height: 270px;
  }

  .proplusplan-block {
    height: 270px;
  }

  .choose-your-plans-block {
    height: 270px;
  }

  /* pricing page css 24 feb */
  .plan-info .plan-price .value {
    font-size: 42px;
  }

  .plan-price .value {
    padding: 10px 0px 65px 0;
  }

  .plan-info .plan-price {
    padding: 50px 0;
  }

  .plan-info .try-free span {
    padding: 15px 65px;
    font-size: 15px;
  }

  .plan-info .plan-description {
    padding: 25px 8px;
  }

  .plan-info .plan-description .list {
    font-size: 16px;
  }

  .price-and-features-wrap {
    padding: 30px 0;
  }

  .heading-and-picture {
    text-align: center;
    font-size: 28px;
  }

  .unlimited-forms-blocks {
    font-size: 18px;
  }

  /* pricing page css 24 feb */

  /* about us css 24 feb */
  h1.aboutus-heading {
    font-size: 37px;
  }

  .aboutus-how-we-started-wrap {
    padding: 40px 0px 40px 0px;
  }

  .aboutus-how-we-started-inner-wrap2 {
    width: 100%;
  }

  .aboutus-how-we-started-pic {
    width: 75%;
  }

  .aboutus-how-we-started-content-para {
    font-size: 16px;
    text-align: justify;
  }

  .aboutus-how-we-started-content h2 {
    font-size: 35px;
  }

  .aboutus-blocks-wrap {
    padding: 25px 0px 40px 0px;
  }

  .aboutus-blocks-inner-wrap {
    gap: 50px;
    padding: 20px 50px;
  }

  .aboutus-what-makes-us-unique-wrap {
    padding: 40px 0;
  }

  .aboutus-blocks-heading-wrap h2 {
    font-weight: 600;
    font-size: 35px;
  }

  .aboutus-blocks-inner-wrap {
    gap: 50px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    font-size: 35px;

    white-space: nowrap;
  }

  .aboutus-what-makes-us-unique-picture {
    width: 90%;
    transform: translateX(-24px);
  }

  .aboutus-what-makesus-unique-content-wrap p {
    font-size: 16px;
  }

  /* about us css 24 feb ends */
  .unlimited-forms-blocks {
    padding: 0px 0px 0px 2%;
  }
}

@media (max-width: 820px) {
        .plan-info .plan-description .list {
        font-size: 15px;
    }
  .switch {
    width: 72px;
    height: 37px;
  }
  .slick-initialized .slick-slide {
    padding: 0px 30px;
  }

  .switch .slider::before {
    height: 30px;
    width: 30px;
  }
  .switch input:checked + .slider::before {
    transform: translateX(35px);
  }
  section.all-features-annual {
    margin-bottom: 80px;
  }

  .design-ideal {
    padding: 80px 0 0 0;
  }

  .message-bottom {
    width: 52%;
  }

  .center-text h2 {
    margin-bottom: 14px;
  }

  span.features-name {
    font-size: 13px;
    padding: 0px 0px 0px 5px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading
    h1 {
    font-size: 45px;
    line-height: 65px;
  }
  section.all-features {
    margin-bottom: 80px;
  }
}

@media (max-width: 816px) {
  .design-ideal .center-text {
    width: 85%;
  }

  .feature-name {
    padding: 0px 0px 0px 5px;
  }

  .feature-name p {
    font-size: 14px;
  }

  .leftmid {
    bottom: -30px;

    z-index: -111;
  }

  .righttop {
    bottom: -70px;
    z-index: -111;
  }
}

@media (max-width: 800px) {
  /* pricing */
  section.all-features {
    padding: 60px 0px;
  }

  .price-plans .subheading .pos-arrow {
    right: 25%;
    top: -23%;
  }

  /* ---------------about us */
  .aboutus-how-we-started-pic {
    width: 77%;
  }

  .aboutus-how-we-started-content-para {
    width: 100%;
  }

  .aboutus-install-app-wrap h3 {
    font-size: clamp(24px, 5vw, 34px);
  }

  .aboutus-blocks-wrap {
    padding: 25px 0px 25px 0px;
  }

  /* ----------------Homepage */

  .main-bg .heading h1 {
    font-size: 40px;
    line-height: 47px;
  }

  .tabber .main-tabs .heading .tab span {
    font-size: 13px;
  }

  /* ---------------------------------testimonial section---------------------------- */

  .testimonial .slick-prev {
    display: none !important;
  }

  .testimonial .slick-next {
    display: none !important;
  }
}

@media (max-width: 795px) {
  .plan-info .plan-description .list {
    gap: 4px;
  }
}

@media (max-width: 791px) {
  /* -----------------HOMepage
     */

  .main-bg .heading h1 {
    font-size: 38px;
  }

  .center-text h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .center-text p {
    line-height: 25px;
  }

  .main-bg .btns div a {
    font-size: 15px;
  }

  .main-bg .btns div {
    padding: 10px 20px;
  }

  .advance-form .btns .btn {
    width: 100%;
  }

  .advance-form .heading p {
    font-size: 14px;
  }

  .integrate-app .wrapper-main .item-boxes {
    justify-content: space-evenly;
  }

  .design-ideal .center-text {
    width: 80%;
  }
}

@media (max-width: 768px) {
    .terms-and-conditions-wrapper .terms-and-conditions-heading h1 {
    font-size: 40px;
    }
    .privacy-policy-heading-and-description h1 {
    text-align: center;
    font-size: 40px;
    }
    
    .pr-policy-and-tr-conditions-content h2 {
  
    font-size: 30px;
    }
  .pic-item1,
  .pic-item2,
  .pic-item3,
  .pic-item4 {
    max-width: 200px;
  }
  .tabber .main-tabs .main-content .content {
    border-radius: 10px;
  }
  .popuptick-wrap {
    width: 125px;
    height: 125px;
  }
  .sub-popup-cross-wrap {
    width: 53px;
    height: 53px;
    top: -27px;
    right: -27px;
  }
  .submitPopup {
    width: 435px;
    height: 340px;
  }

  .thankyou-sub {
    font-size: 35px;
  }
  .sub-sent {
    font-size: 14px;
  }

  section.all-features-annual {
    margin-bottom: 70px;
  }

  .testimonial .slick-initialized .slick-slide {
    padding: 0 8px;
  }

  .popup-wrapper {
    position: absolute;
    right: 23px;
    top: 22px;
  }

  .blog-wrap {
    width: 90%;
  }

  .single-blog-content h1 {
    font-size: 37px;
    line-height: 50px;
  }

  .nav-bar-wrapper {
    margin-top: 8px;
  }

  .contact-wrapper {
    padding: 0;
  }

  .advance-form .heading h2 {
    margin-bottom: 15px;
  }

  .form-plans-last-btn a {
    font-size: 15px;
  }

  ul.features-list {
    column-gap: 10px;
    row-gap: 25px;
  }

  .freeplan-block {
    height: 270px;
    width: 33.33%;
    border-radius: 6px 0px 0px 6px;
  }

  .proplan-block {
    height: 270px;
    width: 33.33%;
  }

  .proplusplan-block {
    height: 270px;
    width: 33.33%;
  }

  .choose-your-plans-block {
    height: 270px;
    display: none;
  }

  span.plans-btn-inblock {
    width: clamp(60px, 20vw, 160px);
    font-size: 13px;
  }

  .plan-p {
    padding-bottom: 25px;
  }

  /* -----------homepage */

  .main-bg .btns a .green {
    padding: 8px 22px;
    gap: 5px;
  }

  .w-40 {
    width: 100%;
  }

  .advance-form-flex {
    gap: 20px;
  }

  .w-60 {
    width: 80%;
  }

  .main-bg .main-content .btns .green .txt {
    width: 83%;
    font-size: 16px;
  }

  .main-bg .main-content {
    width: 90%;
  }

  .integrate-app .wrapper-main {
    padding: 70px 0;
  }

  .advance-form-flex {
    gap: 0;
  }

  .advance-form .feature-flex {
    display: flex;
    width: 90%;
    margin: auto;
    margin: auto;
    padding-left: 42px;
  }

  .advance-form .btns {
    margin: 17px auto;
    width: 65%;
    padding-left: 30px;
  }

  .advance-form-img {
    width: 89%;
  }

  .custom-form .main-flex {
    flex-direction: column;
  }

  .advance-form-flex {
    flex-direction: column;
  }

  .advance-form-flex .advance-form {
    width: 85%;
  }

  .custom-form .main-flex .flexed-itm .advance-form {
    width: 85%;
    margin: auto;
  }

  .advance-form .heading h2 {
    line-height: 45px;
    width: 100%;
    font-size: 35px;
    text-align: center;
  }

  .advance-form .heading p {
    font-size: 16px;
    text-align: center;
  }

  .feature-flex .btns .btn .txt {
    font-size: 15px;
  }

  .advance-form .btns {
    margin: 17px auto;
    width: 65%;
  }

  .righttop {
    width: 160px;
    bottom: -47px;
    right: 7px;
  }

  .advance-form .btns .btn {
    font-size: 15px;
  }

  .design-ideal {
    padding: 80px 0 0 0;
  }

  .center-text h2 {
    font-size: 30px;
  }

  .advance-form-img {
    width: 89%;
    margin-top: 30px;
  }

  .center-text p {
    font-size: 14px;
  }

  .integrate-app .wrapper-main .item-boxes .item .txt p {
    font-size: 14px;
    line-height: 30px;
  }

  .integrate-app .wrapper-main .item-boxes .item {
    gap: 8px;
  }

  /* ---------------------navigation----------- */

  /* ----------------------------testimonial--------- */
  .speed-plus-first-slide .rating {
    width: 99px;
    padding-bottom: 9px;
  }

  /* -----------blog page--- */
  .read-more {
    font-size: 13px;
  }

  .card-date {
    font-size: 12px;
  }

  /* -------------------------about us------------- */

  .pic-item1 img,
  .pic-item2 img,
  .pic-item3 img,
  .pic-item4 img {
    width: 80%;
  }

  h1.aboutus-heading {
    font-size: 35px;
  }

  .pic-item1,
  .pic-item3 {
    transform: translateX(40px);
  }

  .pic-item2,
  .pic-item4 {
    transform: translateX(-25px);
  }

  .aboutus-what-makes-us-unique-picture-wrap {
    display: flex;
    align-items: center;
  }

  .aboutus-what-makesus-unique-content-wrap p {
    text-align: justify;
  }

  .aboutus-how-we-started-inner-wrap2 {
    width: 100%;
  }

  .aboutus-how-we-started-content-para {
    text-align: justify;

    font-size: 14px;
    text-align: justify;
  }

  .aboutus-how-we-started-wrap {
    display: flex;
    width: 100%;
    padding: 30px 0px 10px;
  }

  .aboutus-what-makes-us-unique-wrap {
    padding: 30px 0px;
  }

  .aboutus-what-makesus-unique-content-wrap p {
    font-size: 14px;
  }

  .baneer-heading {
    padding: 45px 0px;
  }

  .aboutus-install-app-wrap {
    padding: 25px 0px;
  }

  .aboutus-install-app-wrap button {
    height: 45px;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 35px;
  }

  /* ------------------------------price page------------------- */

  .price-plans .mini-heading h1 {
    font-size: 26px;
  }

  .plan-price {
    border-radius: 6px 6px 0px 0px;
  }

  .price-plans .subheading p,
  .toggle-m-y {
    font-size: 25px;
  }

  .blocks-wrapper {
    width: 100%;
  }

  .blocks-wrapper .main-price-block {
    flex-direction: column;
  }

  .blocks-wrapper .main-price-block .plan-info {
    text-align: center;
    width: 100%;
  }

  .heading-and-picture {
    font-size: 26px;
  }

  .price-and-features-wrap {
    padding: 20px 0;
  }

  .lifetime {
    font-size: 13px;
  }

  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 35px;
  }

  .price1 h3,
  .price2 h3,
  .price3 h3 {
    font-size: 30px;
  }

  .blank-div {
    display: none;
  }

  .price1,
  .price2,
  .price3 {
    width: 33.33%;
  }

  .forms-h {
    font-size: 26px;
  }

  .unlimited-forms-blocks {
    font-size: 18px;
  }

  .pricing-last3btns-wrap {
    gap: 20px;
    padding: 40px 5% 40px 5%;
    justify-content: center;
  }

  button.pricing-btn1,
  button.pricing-btn2,
  button.pricing-btn3 {
    width: 185px;
    height: 48px;

    font-size: 16px;
  }

  section.all-features {
    padding: 50px 0px;
  }

  .plan-info .plan-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .plan-info .plan-description {
    border-radius: 0px 0px 6px 6px;
    margin: 1px 0px 0px 0px;
  }

  .blocks-wrapper .main-price-block {
    box-shadow: none;
  }

  .plan-info {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    margin: 10px 0px;
    border: 1px solid #eeeeee;
  }

  .feature-picture-pricing-wrap {
    padding: 20px;
  }

  .section.all-features {
    padding: 50px 0px;
  }

  .active-plan-tag {
    width: 40%;
  }

  .price-plans .heading h2 {
    font-size: 45px;
  }

  .price-plans .heading p {
    font-weight: 600;
    font-size: 60px;
    line-height: 88px;
    letter-spacing: -1%;
    color: var(--primary);
  }

  .price-plans .mini-heading h1 {
    font-size: 26px;
  }

  .price-plans .subheading p,
  .toggle-m-y {
    font-size: 25px;
  }

  .blocks-wrapper {
    width: 100%;
  }

  .blocks-wrapper .main-price-block {
    flex-direction: column;
  }

  .blocks-wrapper .main-price-block .plan-info {
    text-align: center;
    width: 100%;
  }

  .heading-and-picture {
    font-size: 26px;
  }

  .price-and-features-wrap {
    padding: 20px 0;
  }

  .lifetime {
    font-size: 13px;
  }

  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 24px;
  }

  .price1 h3,
  .price2 h3,
  .price3 h3 {
    font-size: 20px;
  }

  .forms-h {
    font-size: 26px;
  }

  .unlimited-forms-blocks {
    font-size: 18px;
  }

  .pricing-last3btns-wrap {
    gap: 20px;
    padding: 40px 5% 40px 5%;
    justify-content: center;
  }

  button.pricing-btn1,
  button.pricing-btn2,
  button.pricing-btn3 {
    width: 185px;
    height: 48px;

    font-size: 16px;
  }

  .plan-info .plan-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  /* /* ----------------------------------------homepage---------------------------  */

  .toggle-burger {
    font-size: 28px;
  }

  .main-bg .heading .subheading {
    font-size: 20px;
  }

  .main-bg::before {
    left: 60%;
    height: 109px;
    width: 43px;
    bottom: 2%;
  }

  .main-bg {
    padding: 100px 0 60px;
  }

  .main-bg .main-content {
    width: 90%;
  }

  .main-bg .btns a .green::before {
    left: 144px;
    height: 130px;
    width: 52px;
  }

  .main-bg .main-content .btns .green .img {
    width: 17%;
  }

  .main-bg .main-content .btns .green .txt {
    width: 83%;
    font-size: 16px;
  }

  .float-img .dragdrop {
    top: 3%;
    right: 0%;
  }

  .float-img .choosefile {
    top: 60%;
  }

  .float-img .firstN {
    top: 8%;
    width: 18%;
  }

  .float-img .date {
    right: 8%;
    bottom: 19%;
  }

  .onlybg {
    padding-top: 95px;
    margin-top: -108px;
  }

  .tabber .main-tabs .main-content {
    margin-top: 20px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading-wrap {
    padding: 60px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading
    h1 {
    font-size: 40px;
    line-height: 60px;
  }

  .main-bg .heading .subheading {
    font-size: 24px;
  }

  .main-bg .heading .description {
    padding-top: 5px;
  }

  .w-45 {
    width: 100%;
  }

  .w-55 {
    width: 70%;
  }

  .flexed-itm .advance-form .heading h2 {
    text-align: center;
    width: 100%;
  }

  .flexed-itm .advance-form .heading p {
    text-align: center;
  }

  .flexed-itm .advance-form .heading h2 {
    font-size: 35px;
  }

  .integrate-app .wrapper-main {
    padding: 60px 0;
  }

  .advance-form-flex {
    flex-direction: column;
  }

  .advantage-heading-para p {
    font-size: 11px;
  }

  .app-install .heading h2 {
    font-size: 35px;
    padding-bottom: 20px;
  }

  .app-install .heading p > a {
    font-size: 15px;
    padding: 8px 20px;
  }

  .contact-us-heading-section .heading h1 {
    font-size: 35px;
    line-height: 45px;
  }

  .contact-us-heading-section .heading p {
    width: 100%;
    font-size: 15px;
  }

  .feature-heading h2 {
    font-size: 35px;
  }

  .feature-name p {
    font-size: 14px;
  }

  .feature-icon {
    width: 35px;
  }

  .feature-list {
    padding: 10px 0px;
  }

  .form-dev-efficiency-first-half-wrap p {
    font-size: 13px;
  }

  .form-plan-heading p {
    font-size: 35px;
  }

  /* ===================== Blogs page starts ======================= */
  /* -----------------------For burger menu -----------------------*/
  .burger-wrapper {
    display: block;
  }

  /* -------------------------For main banner margin --------------- */
  .blogs-empower-your-bussiness-banner {
    margin: 30px 0 48px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-blogs-empower-your-bussiness-main-heading-wrap {
    padding: 60px 15px;
  }

  /* -------------------------------Contact Info ----------------------------*/

  /* =====================Blogs page ends ======================= */

  /* =======================Single blog page starts================= */
  /* -------For share icon on banner image---- */
  .single-blog-banner-imageimg {
    border-radius: 17px;
  }

  .single-blog-image {
    right: 37px;
    top: 40px;
  }

  .single-blog-image a svg {
    width: 35px;
    height: 35px;
  }

  /* ------------Main text heading------------ */
  .single-blog-content {
    margin: 40px 0;
  }

  .single-blog-content .heading .head {
    font-size: 35px;
    line-height: 53px;
  }

  .heading .para {
    padding: 0px 0;
    font-size: 14px;
  }

  .points-for-blog .point {
    margin: 30px 0 -15px 0;
  }

  .points-for-blog .point .point-head h4 {
    font-size: 20px;
  }

  .point .point-txt {
    font-size: 14px;
  }

  .prev-next-wrapper {
    text-align: center;
  }

  .prev-next-wrapper .btn {
    padding: 10px 18px;
  }

  .comment-wrapper {
    width: 100%;
    margin: 50px 0;
  }

  .comment-section {
    width: 100%;
  }

  .name-email {
    display: flex;
    flex-direction: column;
  }

  .comment-section .leave-a-reply h2 {
    font-size: 35px;
  }

  .name-email .half {
    width: 100%;
  }

  /* --------------------header------------0 */

  /* Blog cards with 100% width */
  section.blogs-crads-container {
    margin-top: 20px;
  }

  .blogs-crads-heading p {
    font-size: 35px;
  }

  .blogs-cards-collection {
    max-width: 50%;
    padding: 0 12px 10px;
  }

  .blogs-crads-holder {
    margin: 15px -12px;
  }

  .form-dev-efficiency-wrap {
    padding: 0px;
  }

  .faq-heading-section .heading h1 {
    font-size: 35px;
  }

  .faq-heading-section .questions .question {
    border: 1px solid #aaeac7;
    padding: 10px;
  }

  .questions .question h2 {
    font-size: 15px;
  }

  .terms-and-conditions-wrapper .terms-and-conditions-heading h2 {
    font-size: 35px;
    line-height: 50px;
  }

  .form-dev-efficiency-wrap {
    flex-direction: column;
  }

  .form-dev-efficiency-first-half {
    width: 100%;
    text-align: center;
  }

  .form-dev-efficiency-second-half {
    width: 100%;
  }

  .form-advantages-wrap {
    display: flex;
    flex-direction: row;
  }

  .form-advantages {
    width: 40%;
  }

  .form-advantages-outer-wrap {
    display: flex;
    gap: 0px;
    padding: 25px 0px 0px 0px;
  }

  .form-dev-efficiency-first-half-wrap p {
    font-size: 16px;
  }

  .advantage-heading-para p {
    font-size: 12px;
  }

  .single-blog-content .heading .head span {
    display: inline;
  }

  /* pricing page css 24 feb */
  .plan-price .price {
    font-size: 40px;
  }

  .price-plans .subheading .pos-arrow {
    right: 28%;
    top: -30%;
    transform: rotate(-3deg);
  }

  .plan-info .plan-price .value {
    font-size: 60px;
  }

  .plan-info .try-free span {
    padding: 22px 140px;
    font-size: 18px;
  }

  .price1 h3,
  .price2 h3,
  .price3 h3 {
    font-size: 27px;
  }

  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 37px;
  }

  .unlimited-forms-blocks {
    font-size: 19px;
  }

  /* pricing page css 24 feb */

  /* about us css 24 feb*/
  .baneer-heading {
    padding: 80px 0px;
  }

  h1.aboutus-heading {
    font-size: 34px;
  }

  .aboutus-how-we-started-content h2 {
    font-size: 30px;
  }

  .aboutus-blocks-heading-wrap h2 {
    font-size: 30px;
  }

  .aboutus-block1-img h3,
  .aboutus-block2-img h3,
  .aboutus-block3-img h3,
  .aboutus-block4-img h3 {
    font-size: 20px;
  }

  .aboutus-block1-img,
  .aboutus-block2-img,
  .aboutus-block3-img,
  .aboutus-block4-img {
    font-size: clamp(12px, 2vw, 14px);
  }

  .aboutus-blocks-inner-wrap {
    gap: 40px;
  }

  .aboutus-blocks-inner-wrap {
    gap: 50px;
    padding: 20px 0px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    font-size: 30px;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 30px;
  }

  .aboutus-install-app-wrap button {
    width: clamp(100px, 30vw, 180px);

    font-size: clamp(13px, 2vw, 14px);
  }

  .pic-item1,
  .pic-item2,
  .pic-item3,
  .pic-item4 {
    max-width: 215px;
  }

  .pic-item1 img,
  .pic-item2 img,
  .pic-item3 img,
  .pic-item4 img {
    width: 100%;
  }

  /* about us css 24 feb ends*/
  .unlimited-forms-wrap {
    width: 40%;
  }

  .ticks-free-wrap,
  .ticks-pro-wrap,
  .ticks-pro-plus-wrap {
    width: 20%;
  }

  .plan-info .plan-description .list {
    font-size: 20px;
  }

  .plan-info .plan-price {
    padding: 30px 0 50px;
  }

  .plan-info .plan-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 0px 0px 30%;
  }

  .blocks-wrapper .main-price-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .blocks-wrapper .main-price-block .plan-info {
    text-align: center;
    width: 80%;
  }

  .plan-info .plan-description .list {
    font-size: 20px;
  }

  .plan-info .plan-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 0px 40px 5%;
  }

  .plan-info .try-free span {
    padding: 22px 190px;
    font-size: 18px;
  }

  .plan-info .plan-description .list {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0px 6px 3%;
    justify-content: start;
    font-size: 20px;
    font-weight: 500;
  }
  section.all-features {
    margin-bottom: 70px;
  }
  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 27px;
  }
  .unlimited-forms-blocks {
    font-size: 16px;
  }
  
  button.pricing-btn3.pro_plus,button.pricing-btn1.free {
    display: none;
}
  
     button.pricing-btn2 {
        width: 360px;
        height: 48px;
        font-size: 16px;
    }
  
}
@media (max-width: 767px) {
  .plan-info .plan-price {
    padding: 30px 0 50px;
    border-radius: 6px 6px 0px 0px;
  }
}
@media (max-width: 765px) {
  ul.features-list {
    grid-template-columns: repeat(3, 1fr);
  }

  ul.features-list {
    column-gap: 45px;
    row-gap: 30px;
  }
}

@media (max-width: 755px) {
  .advantage-heading-para h3 {
    font-size: 18px;
  }
}

@media (max-width: 724px) {
  .price-plans .subheading .pos-arrow {
    right: 150px;
    top: -33%;
    width: 7%;
  }

  .speed-plus-first-slide .review .txt {
    height: 150px;
  }

  .blank-div {
    display: none;
  }

  .price1,
  .price2,
  .price3 {
    width: 33.33%;
    height: 135px;
  }

  /* pricing */

  .main-form-img .form-img {
    margin-top: -116px;
  }

  .flexed-itm .advance-form .heading h2 {
    margin-bottom: 15px;
  }

  .logo-name span {
    font-size: 30px;
  }

  .btns .btn .img {
    font-size: 0;
  }

  .design-ideal .center-text {
    width: 100%;
    padding-bottom: 40px;
  }

  .design-ideal .center-text p {
    width: 55%;
    margin: auto;
  }

  /* ------------------------------Hero banner -------------------------------*/
  .blogs-search-bar .input-search {
    width: 88%;
  }

  .blogs-search-bar .btn-search {
    width: 12%;
  }

  .btn-search .search-text {
    display: none;
  }

  .btn-search .search-svg {
    font-size: 0;
    width: 100%;
  }

  .search-svg svg {
    width: 75%;
  }

  .contact-wrapper {
    border-radius: 30px;
  }

  .contact-us-wrapper {
    border-radius: 30px;
  }

  .leftmid {
    bottom: 0;
  }

  .righttop {
    bottom: -27px;
  }

  /* ---------------------------------------------Homepage---------------------------------- */

  .advance-form .btns .btn {
    align-items: center;
  }

  .flexed-itm .advance-form .btns .btn {
    font-size: 15px;
  }

  .advance-form .btns {
    gap: 0px;
  }

  .form-dev-efficiency-first-half-wrap p {
    font-size: 16px;
  }

  .advantage-heading-para h3 {
    font-size: 22px;
  }

  .advantage-heading-para p {
    font-size: 14px;
  }

  .form-dev-efficiency-first-half {
    width: 100%;
  }

  .form-dev-efficiency-first-half-wrap {
    width: 100%;
  }

  .form-dev-efficiency-first-half-wrap h2 {
    text-align: center;
  }

  .form-dev-efficiency-second-half {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 30px 0px;
  }

  .form-dev-efficiency-first-half-wrap h3 {
    text-align: center;
  }

  .form-dev-efficiency-first-half-wrap p {
    text-align: center;
    padding: 0px;
  }

  .advantage-heading-para h2 {
    font-size: 22px;
  }

  .form-plan-heading {
    width: 25%;
  }

  .form-plan-btns {
    width: 75%;
  }

  /* ----------------------------------------------FOOTER SECTION--------------------------------------------- */

  .copyright {
    flex-direction: column;
    gap: 10px;
  }

  .copyright .social-handle {
    justify-content: center;
  }

  .term-support-wrap span a {
    font-size: 15px;
  }

  /*form input {*/
  /*  padding: 7px 10px;*/
  /*}*/

  select[id="country-code"] {
    bottom: 8px;
  }

  .sub-btn {
    padding: 5px 10px;
    font-size: 15px;
  }

  .questions .question span i {
    font-size: 20px;
  }

  .map-section {
    margin-top: 30px;
  }

  .map-section iframe {
    height: 250px !important;
  }

  /* -----------------------------footer------------------------ */

  .form-builder.outside-bg .txt {
    color: var(--primary) !important;
  }

  .form-copyright-flex {
    padding: 12px 25px 12px;
  }
}

@media (max-width: 709px) {
  .features-wrap {
    flex-direction: column;
  }

  .wrap-of-first-14features {
    width: 100%;
  }

  .feature-wrap-per-row {
    width: 60%;
  }

  .wrap-of-last-14-features {
    width: 100%;
  }
}

@media (max-width: 705px) {
  button.form-plan-btn1 {
    font-size: 13px;
    padding: 10px 20px;
  }

  button.form-plan-btn2 {
    font-size: 13px;
    padding: 10px 20px;
  }

  button.form-plan-btn3 {
    font-size: 7px;
    padding: 3px 9px 3px 16px;
  }
}

@media (max-width: 694px) {
  .aboutus-what-makes-us-unique-picture {
    width: 85%;
    transform: translateX(-25px);
    margin: 0px;
  }
}

@media (max-width: 680px) {
  .plan-info .try-free span {
    padding: 22px 160px;
    font-size: 18px;
  }
      .aboutus-how-we-started-pic {
        width: 86%;
    }
        .aboutus-what-makes-us-unique-picture {
        width: 90%;
      
    }
}

@media (max-width: 670px) {
  .form-advantages {
    width: 45%;
  }
}

@media (max-width: 655px) {
  .leftmid {
    bottom: -20px;
    width: 130px;
  }

  .righttop {
    bottom: -41px;
    width: 130px;
  }

  .center-text h2 {
    font-size: 29px;
  }
}

@media (max-width: 650px) {
  /* -------------------------------header----------------- */

  .logo-swiper .swiper-slide img {
    width: 100%;
    max-width: 95px;
  }

  .logo-swiper {
    padding: 45px 0;
  }

  /* -------------about us */

  .aboutus-what-makesus-unique-content-wrap h2 {
    text-align: center;
  }

  .aboutus-how-we-started-content-para {
    text-align: justify;

    font-size: 14px;
    text-align: justify;
  }

  .aboutus-how-we-started-wrap {
    flex-direction: column-reverse;
  }

  .aboutus-how-we-started-content {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .aboutus-how-we-started-inner-wrap-res {
    display: flex;
    justify-content: center;
  }

  .aboutus-how-we-started-inner-wrap {
    display: none;
  }

  .aboutus-how-we-started-content h2 {
    padding: 0px;
  }

  .aboutus-how-we-started-inner-wrap2 {
    justify-content: center;
    padding: 15px 0px;
    width: 100%;
  }

  .aboutus-what-makesus-unique-content-wrap2 {
    width: 100%;
  }

  .pic-item1,
  .pic-item2,
  .pic-item3,
  .pic-item4 {
    max-width: 235px;
  }

  .aboutus-how-we-started-content-para p {
    padding: 8px 0px 8px 0px;
  }

  .aboutus-how-we-started-inner-wrap {
    justify-content: center;
    width: 100%;
  }

  .aboutus-how-we-started-pic {
    width: 100%;
    align-items: center;
  }

  .aboutus-how-we-started-wrap {
    padding: 30px 0;
  }

  .aboutus-blocks-wrap {
    padding: 30px 0;
  }

  .aboutus-blocks-heading-wrap {
    padding: 0px 0px 20px 0px;
  }

  .aboutus-blocks-inner-wrap {
    gap: 20px;
  }

  .sec3-block-1 p,
  .sec3-block-2 p,
  .sec3-block-3 p,
  .sec3-block-4 p {
    padding: 14px;
  }

  .aboutus-what-makes-us-unique-wrap {
    flex-direction: column-reverse;
  }

  .aboutus-what-makesus-unique-content-wrap {
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .aboutus-what-makes-us-unique-picture-wrap-div2 {
    width: 100%;
    display: flex;
  }

  .aboutus-what-makes-us-unique-picture-wrap {
    display: none;
  }

  .aboutus-what-makes-us-unique-picture {
    width: 100%;
    transform: none;
  }

  .aboutus-what-makes-us-unique-picture-inner-wrap {
    justify-content: center;
    padding: 30px 0;
  }

  /* -----------------price page------------ */
  .price-plans .subheading .pos-arrow {
    width: 6%;
    right: 21%;
    top: -23%;
  }

  .main-bg .heading h1 {
    font-size: 32px;
    line-height: 43px;
  }

  .advance-form .heading h2 {
    font-size: 33px;
    line-height: 41px;
  }

  .advance-form {
    width: 85%;
  }

  .app-install .heading {
    padding: 60px 0;
  }

  .faq-heading-section .wrapper-main .heading h2 {
    padding-bottom: 10px;
  }

  .faq-heading-section .wrapper-main .heading p {
    padding-bottom: 15px;
    font-size: 15px;
  }

  /* ----------------------------------HOmepage--------- */

  .advance-form .btns {
    width: 100%;
  }

  .flexed-itm .advance-form .heading h2 {
    line-height: 41px;
  }

  .message-bottom {
    top: 100%;
  }

  /* -----------------------------faq---------------------- */
}

@media (max-width: 640px) {
    .terms-and-conditions-wrapper .terms-and-conditions-heading h1 {
    font-size: 35px;
    }
    .privacy-policy-heading-and-description h1 {
    text-align: center;
    font-size: 35px;
    }
    .pr-policy-and-tr-conditions-content h2 {
    font-weight: 500;
    font-size: 28px;
    }
    .pr-policy-and-tr-conditions-content h3 {
    font-size: 22px;
    }
  .plan-info .try-free span {
    padding: 22px 125px;
    font-size: 18px;
  }
  .righttop {
    bottom: -53px;
    width: 143px;
    right: -8px;
  }
  .leftmid {
    bottom: -30px;
    width: 143px;
    left: -8px;
  }
  .submitPopup {
    width: 390px;
    height: 300px;
  }
  .popuptick-wrap {
    width: 100px;
    height: 100px;
  }
  .sub-sent {
    font-size: 13px;
  }
  .thankyou-sub {
    font-size: 32px;
  }

  .table th,
  td {
    font-size: 14px;
  }

  .nav-bar-wrapper > a .logo-section {
    width: 210px;
  }

  .advantage-heading-para h3 {
    font-size: 18px;
  }

  .single-blog-content h1 {
    font-size: 30px;
    line-height: 50px;
  }

  ul.features-list {
    column-gap: 50px;
    row-gap: 30px;
  }

  .advance-form .btns {
    margin: 17px auto;
    width: 65%;
    padding-left: 15px;
  }

  span.features-name {
    font-size: 15px;
    padding: 0px 0px 0px 5px;
  }

  ul.features-list {
    grid-template-columns: repeat(2, 1fr);
  }

  /* pricing page css 24 feb */
  .price-plans {
    padding: 60px 0px 175px 0px;
  }

  .price-plans .subheading .pos-arrow {
    width: 43px;
    right: 23%;
    top: -28%;
  }

  .price-plans .heading p {
    font-size: 55px;
  }

  .plan-info .plan-price {
    padding: 20px 0px 70px 0px;
  }

  /* pricing page css 24 feb */

  /*about us pafge css 24feb  */
  .aboutus-what-makes-us-unique-picture {
    width: 80%;
    transform: none;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 30px;
  }

  .aboutus-install-app-wrap button {
    width: clamp(100px, 30vw, 165px);
    font-size: clamp(10px, 2vw, 13px);
  }

  .aboutus-blocks-inner-wrap {
    gap: 35px;
  }
  .unlimited-forms-blocks {
    font-size: 17px;
  }
      .search-svg svg {
        width: 90%;
    }
  /*about us pafge css 24feb ends  */
}

@media (max-width: 620px) {
  .integrate-app .wrapper-main .item-boxes .item .txt p {
    font-size: 12px;
  }

  /* ---------------------------------------------- */
  .feature-heading {
    font-size: 25px;
  }

  .feature-name {
    font-size: 17px;
  }

  .feature-wrap-per-row {
    width: 100%;
  }

  section.the-features {
    padding: 35px 0;
  }

  .inner-features-grid-wrap {
    width: 100%;
  }

  section.form-dev-efficiency {
    padding: 30px 0;
  }

  .form-dev-efficiency-first-half-wrap h3 {
    font-size: 25px;
  }

  .form-dev-efficiency-first-half-wrap p {
    font-size: 16px;
  }

  .form-advantages-wrap {
    flex-direction: column;
  }

  .form-advantages {
    width: 75%;
  }

  .advantage-heading-para h2 {
    font-size: 18px;
  }

  .form-advantages-outer-wrap {
    padding: 0px 0px 0px 0px;
  }

  .form-dev-efficiency-second-half {
    justify-content: center;
  }

  .form-advantages {
    padding: 0px 0px 10px 0px;
  }

  section.form-plans {
    padding: 35px 0px;
  }

  .form-plan-heading {
    font-size: 25px;
  }

  .choose-your-plans-block {
    height: 200spx;
  }

  .choose-your-plans-block p {
    line-height: 18px;
    font-size: 15px;
    padding: 0px 0px 0px 12%;
  }

  .freeplan-block {
    height: 200px;
  }

  .active-plan-image {
    margin-top: 5px;
  }

  .plan-inner-wrap p {
    font-size: 28px;
  }

  .plan-p {
    font-size: 35px;
    padding-bottom: 0px;
    word-spacing: -1px;
  }

  span.plans-lowercase {
    font-size: 12px;
    word-spacing: 0px;
  }

  .plan-inner-wrap p {
    word-spacing: -6px;
  }

  span.plans-btn-inblock {
    width: 120px;
    height: 30px;
    margin: 20px 0px 0px 0px;
    font-size: 12px;
  }

  span.plans-btn-inblock.proplus {
    margin: 15px 0px 0px 0px;
  }

  .proplan-block {
    height: 200px;
  }

  .proplusplan-block {
    height: 200px;
  }

  button.form-btn2 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .form-plans-last-btn a {
    font-size: 13px;
    padding: 10px 17px;
  }

  .form-install-heading {
    font-size: 20px;
    white-space: normal;
  }

  .form-install-btn button {
    width: 140px;
    height: 30px;
    font-size: 12px;
  }

  .form-install-wrap {
    padding: 25px 0;
  }

  section.form-install {
    padding: 20px 0;
  }

  .advantage-icon {
    width: 20px;
    height: 20px;
  }

  .wrap-of-first-7-features {
    width: 30%;
  }

  .wrap-of-7-14-features {
    width: 30%;
  }

  .wrap-of-14-21-features {
    width: 30%;
  }

  .wrap-of-21-28-features {
    width: 30%;
  }

  .wrap-of-first-14features {
    display: flex;
    justify-content: center;
  }

  .wrap-of-last-14-features {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 610px) {
}

@media (max-width: 600px) {
  .testimonial .slick-initialized .slick-slide {
    padding: 0 30px;
  }

  .speed-plus-first-slide .review .txt {
    height: 125px;
  }

  /* ---------------------app install-------------------- */

  .form-copyright-main-bg {
    margin-top: 15px;
  }

  /* Header burger menu */

  /* -----------------------------faq-------------- */

  .faq-heading-section .heading h1 {
    font-size: 33px;
  }

  /* ----------------------------Pricing page-------------------------- */
  .price1 h3,
  .price2 h3,
  .price3 h3 {
    font-size: 25px;
  }

  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 30px;
    word-spacing: -2px;
  }

  .lifetime {
    font-size: 11px;
  }

  .forms-h {
    font-size: 22px;
  }

  .unlimited-forms-blocks {
    font-size: 15px;
  }

  /*button.pricing-btn1,*/
  /*button.pricing-btn2,*/
  /*button.pricing-btn3 {*/
  /*  width: 165px;*/
  /*  height: 44px;*/
  /*  font-size: 14px;*/
  /*}*/

  .unlimited-forms-blocks {
    height: 80px;
  }

  .free-ticks-blocks,
  .pro-ticks-blocks,
  .pro-plus-ticks-blocks {
    height: 80px;
  }

  .pricing-last3btns-wrap {
    padding: 30px 5% 30px 5%;
  }

  .advance-form {
    width: 95%;
  }

  .contact-us .head {
    font-size: 40px;
  }

  .get-in-touch-head .heading {
    font-size: 30px;
  }

  .contact-wrapper .get-in-touch {
    width: 100%;
    padding: 25px;
  }

  form label {
    font-size: 13px;
  }

  .get-in-touch-head .text {
    font-size: 13px;
  }

  .sub-btn {
    font-size: 13px;
  }

  textarea {
    height: 120px;
  }

  .speed-plus-first-slide .rating {
    max-width: 23%;
  }

  .questions .answer.active {
    max-height: 229px;
  }
}

@media (max-width: 580px) {
        .active-plan-image {
        margin-top: 18px;
    }
  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading-wrap {
    padding: 60px 20px;
  }

  .plan-inner-wrap p {
    font-size: 25px;
  }

  .plan-p {
    font-size: 32px;
  }

  span.plans-btn-inblock {
    width: 125px;
    height: 32px;
  }

  .plan-p {
    padding-bottom: 8px;
  }

  .design-ideal .center-text p {
    width: 100%;
  }

  .faq-heading-section .wrapper-main .heading h2 {
    font-size: 33px;
  }

  .question p {
    padding-top: 25px;
    font-size: 15px;
  }

  /* ===========header============ */

  /* ----------------------------homepage---------------*/
  .main-bg::before {
    /* display: none; */
    left: 64%;
    bottom: -3%;
  }

  .feature-flex .btns .btn .txt {
    font-size: 13px;
  }

  .integrate-app .heading h2 {
    font-size: 25px;
    padding-bottom: 20px;
    line-height: 30px;
  }

  .app-install .heading p > a {
    font-size: 15px;
    padding: 10px 17px;
  }

  .advance-form .btns .btn {
    font-size: 15px;
  }

  /* pricing
    */
}

@media (max-width: 570px) {
  .leftmid {
    bottom: -20px;
    width: 115px;
  }

  .righttop {
    bottom: -41px;
    width: 115px;
  }

  .center-text h2 {
    font-size: 29px;
  }

  .message-bottom {
    width: 47%;
  }

  .leftmid {
    bottom: -13px;
    width: 115px;
  }
}

@media (max-width: 545px) {
  ul.features-list {
    column-gap: 35px;
  }
}

@media (max-width: 542px) {
  .wrap-of-first-7-features {
    width: 35%;
  }

  .wrap-of-7-14-features {
    width: 35%;
  }

  .wrap-of-14-21-features {
    width: 35%;
  }

  .wrap-of-21-28-features {
    width: 35%;
  }
}

@media (max-width: 546px) {
  .price-plans .subheading .pos-arrow {
    width: 6%;
    right: 17%;
    top: -10%;
  }
}

@media (max-width: 540px) {

    

  .slick-initialized .slick-slide {
    padding: 0 30px;
  }

  .leftmid {
    bottom: -20px;
    width: 115px;
  }
  .message-bottom {
    width: 58%;
  }
  span.plans-btn-inblock {
    font-size: 11px;
  }

  .app-install .heading h2 {
    font-size: 33px;
    padding-bottom: 20px;
  }

  section.form-plans {
    padding: 60px 0px;
  }

  section.form-dev-efficiency {
    padding: 60px 0;
  }

  section.the-features {
    padding: 60px 0;
  }

  .popup-wrapper {
    width: 35px;
  }

  #single-blog-options {
    width: 35px;
  }

  .prev-next-wrapper .btn {
    padding: 8px 14px;
    font-size: 16px;
  }

  .single-blog-content ul li {
    color: var(--primary);
    padding: 5px 0;
    list-style-position: inside;
    font-size: 14px;
  }

  .single-blog-content p {
    font-size: 15px;
  }

  .main-bg .btns a .green::before {
    left: 144px;
    height: 117px;
    width: 47px;
  }

  .advance-form .btns {
    margin: 17px auto;
    width: 65%;
    padding-left: 5px;
  }

  /* ------------------------------- */
  .integrate-app .wrapper-main .item-boxes .item .txt p {
    font-size: 10px;
  }

  .price-plans .heading p {
    font-weight: 600;
    font-size: 50px;
    line-height: 74px;
    letter-spacing: -1%;
    color: var(--primary);
  }

  /* --------------pricing */

  .main-bg .main-content {
    margin-bottom: 5px;
  }

  .main-form-img .form-img {
    margin-top: -88px;
  }

  .advance-form .btns .btn {
    font-size: 16px;
    width: 100%;
  }

  .contact-us-wrapper {
    padding: 25px 20px;
  }

  .frm-copyright-main-bg {
    margin-top: 10px;
  }

  /* ------------------------------contact secction------------------------- */
  .contact-us-wrapper {
    padding: 25px 20px 150px;
  }

  .homepage .contact-wrapper {
    padding: 32px 13px 13px;
  }

  .main-bg::before {
    /* display: none; */
    left: 65%;
    height: 83px;
    width: 34px;
  }

  .contact-us .head {
    font-size: 35px;
  }

  .blogs-search-bar .input-search {
    padding: 6px;
  }

  .blogs-search-bar .btn-search {
    width: 12%;
  }

  button.btn-search {
    padding: 6px 7px;
  }

  /* about us */

  h2.aboutus-heading {
    font-size: 38px;
  }

  /* --------------------------homepage----------------- */
  .main-bg .heading .description {
    font-size: 14px;
  }

  .main-bg {
    padding: 100px 0;
  }

  .float-img .choosefile {
    top: 62%;
    left: 13px;
    width: 23%;
  }

  .main-bg .btns a .green {
    padding: 7px 15px;
  }

  .main-bg .btns a .green::before {
    left: 125px;
  }

  .tabber .main-tabs .heading .tab span {
    font-size: 11px;
  }

  /* pricing page 24 feb */
  .price-plans .mini-heading h1 {
    font-size: 24px;
  }

  .price-plans .subheading .pos-arrow {
    width: 41px;
    right: 19%;
    top: -28%;
  }

  .price-plans .heading p {
    font-weight: 600;
    font-size: 45px;
    line-height: 74px;
    letter-spacing: -1%;
    color: var(--primary);
  }

  .price-plans .subheading p,
  .toggle-m-y {
    font-size: 23px;
  }

  .plan-info .plan-price .value {
    font-size: 55px;
  }

  .plan-info .try-free span {
    padding: 22px 120px;
    font-size: 18px;
  }

  .plan-info .plan-description .list {
    font-size: 21px;
  }

  /* pricing page 24 feb */

  /* about us page css 24 feb */
  .aboutus-install-app-wrap h2 {
    font-size: 27px;
  }

  /* about us page css 24 feb ends*/
  .plan-info .try-free span {
    padding: 18px 94px;
    font-size: 18px;
  }

  .plan-info .try-free span {
    padding: 22px 115px;
    font-size: 18px;
  }
  .unlimited-forms-blocks {
    font-size: 14px;
  }
         .plan-p {
       
        word-spacing: -8px;
    }
    
}

@media (max-width: 530px) {
  .contact-us-wrapper {
    border-radius: 45px;
  }
  .leftmid {
    bottom: -50px;
    width: 115px;
  }

  .righttop {
    bottom: -80px;
    width: 124px;
    right: -9px;
  }

  .center-text h2 {
    font-size: 25px;
  }

  .center-text p {
    font-size: 13px;
  }
}

@media (max-width: 527px) {
  .price-plans .subheading .pos-arrow {
    width: 6%;
    right: 16%;
    top: -9%;
  }
}

@media (max-width: 500px) {
  /* =======================faq ------------- */
  .faq-heading-section .heading h1 {
    font-size: 28px;
  }

  .heading-and-picture {
    font-size: 30px;
  }

  .price1,
  .price2,
  .price3 {
    border-left: none;
  }

  .price1,
  .price2,
  .price3 {
    width: 33.33%;
    height: 135px;
  }

  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 24px;
  }

  .price1 h3,
  .price2 h3,
  .price3 h3 {
    font-size: 16px;
  }

  .forms-h {
    font-size: 26px;
  }

  .unlimited-forms-blocks {
    font-size: 16px;
  }

  .unlimited-forms-wrap {
    width: 70%;
  }

  .ticks-pro-wrap {
    display: none;
  }

  .ticks-pro-plus-wrap {
    display: none;
  }

  .unlimited-forms-wrap {
    width: 70%;
  }

  button.pricing-btn1 {
    display: none;
  }

  button.pricing-btn3 {
    display: none;
  }

  button.pricing-btn2 {
    width: 375px;
  }

  .price-and-features-wrap {
    padding: 5px 0;
  }

  .feature-picture-pricing-wrap {
    padding: 5px 0px 0px 0px;
  }

  .ticks-free-wrap,
  .ticks-pro-wrap,
  .ticks-pro-plus-wrap {
    width: 30%;
  }

  .ticks-pro-wrap {
    display: none;
  }

  .ticks-pro-plus-wrap {
    display: none;
  }

  button.pricing-btn2.pro {
    display: flex;
  }

  button.pricing-btn3.pro_plus {
    display: none;
  }

  /* --------------------about us------------------ */
  .aboutus-how-we-started-inner-wrap2 {
    width: 100%;
  }

  .blocks-wrapper .main-price-block .plan-info {
    width: 90%;
  }

  .plan-info .plan-description .list {
    font-size: 19px;
  }
}

/*==========================================================
 MQ FOR 480 PX STARTS (SMALLER SCREEN MOBILE PHONES AND BELOW)
 ========================================================== */
@media (max-width: 495px) {
  .tabber .main-tabs .main-content .content {
    border-radius: 6px;
  }
  span.plans-btn-inblock {
    width: 110px;
    height: 30px;
  }

  .plan-p {
    font-size: 28px;
    padding-bottom: 6px;
  }

  .plan-inner-wrap .price-des {
    font-size: 24px;
  }

  .freeplan-block {
    height: 180px;
  }

  .proplan-block {
    height: 180px;
  }

  .proplusplan-block {
    height: 180px;
  }

  span.plans-btn-inblock {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
    .terms-and-conditions-wrapper .terms-and-conditions-heading h1 {
    font-size: 30px;
    line-height: 45px;
}
.privacy-policy-heading-and-description h1 {
    text-align: center;
    font-size: 30px;
}
.privacy-policy-heading-and-description h2, .privacy-policy-heading-and-description p {
    padding: 5px 0;
}

.pr-policy-and-tr-conditions-content h2 {
  text-align: center;
    font-size: 25px;
}
.pr-policy-and-tr-conditions-content h3 {
 
    text-align: center;
}
        .plan-p {
        word-spacing: -5px;
    }
    .tabber .main-tabs .main-content {

    padding: 5px;
}
  .switch {
    width: 56px;
    height: 29px;
  }

  .switch input:checked + .slider::before {
    transform: translateX(26px);
  }
  .toggle-m-y .slider::before {
    height: 21px;
    width: 21px;
    left: 3px;
    top: 2px;
  }
  .contact-page {
    margin: 0px 0 0;
  }

  .blogs-search-bar {
    width: 315px;
    margin: auto;
  }

  .slick-initialized .slick-slide {
    padding: 0px 20px;
  }
  
  header .container-main {
    padding: 0 10px;
  }

  .plan-p {
    font-size: 26px;
    padding-bottom: 6px;
  }

  .leftmid {
    left: -3px;
  }
  .submitPopup {
    width: 330px;
    height: 270px;
  }

  .popuptick-wrap {
    width: 100px;
    height: 100px;
  }
  .thankyou-sub {
    font-size: 30px;
  }
  .sub-popup-cross-wrap {
    width: 47px;
    height: 47px;
    top: -23px;
    right: -23px;
  }

  .testimonial .slick-initialized .slick-slide {
    padding: 0 15px;
  }

  section.all-features-annual {
    margin-bottom: 60px;
  }
  section.all-features {
    margin-bottom: 60px;
  }

  .table th,
  td {
    font-size: 14px;
    padding: 5px;
  }

  .speed-plus-first-slide .review .txt {
    height: 130px;
  }

  .cancel {
    width: 20px;
  }

  .privacy-policy-heading-and-description h2 {
    text-align: center;
    font-size: 28px;
  }

  .pr-policy-and-tr-conditions-content li,
  .pr-policy-and-tr-conditions-content > p {
    padding: 5px 0 !important;
    text-align: justify;
  }

  .single-blog-image {
    padding: 7px;
  }

  #single-blog-options {
    width: 30px;
  }

  .popup-wrapper {
    position: absolute;
    right: 17px;
    top: 17px;
    width: 30px;
  }

  .single-blog-content h2 {
    font-size: 20px;
  }

  .single-blog-content h1 {
    font-size: 28px;
    line-height: 40px;
  }

  .nav-bar-wrapper {
    margin-top: 5px;
  }

  .form-advantages {
    width: 85%;
  }

  .advance-form .feature-flex {
    display: flex;
    width: 90%;
    margin: auto;
    margin: auto;
    padding-left: 30px;
  }

  .advantage-heading-para h3 {
    font-size: 18px;
  }

  .advantage-heading-para p {
    font-size: 12px;
  }

  /* ---------------homepage */
  .bg-wrapper .container-main {
    padding: 0;
  }

  .main-bg .btns a .green {
    padding: 10px 15px;
    gap: 5px;
  }

  .main-bg .main-content .btns .green .txt {
    font-size: 15px;
  }

  .logo-swiper {
    padding: 50px 0 30px;
  }

  .inner-features-grid-wrap {
    width: 100%;
  }

  .design-ideal {
    padding: 60px 0 0 0;
  }

  .features-grid-wrap {
    padding: 30px 0px 0px;
  }

  .custom-form .main-flex {
    gap: 15px;
  }

  .w-60 {
    width: 90%;
  }

  .design-ideal .center-text p {
    width: 100%;
    font-size: 12px;
    padding-bottom: 30px;
  }

  .design-ideal .center-text {
    padding-bottom: 0px;
  }

  .center-text h2 {
    font-size: 25px;
    padding-bottom: 20px;
    line-height: 32px;
  }

  .message-bottom480 {
    display: block;
    width: 46%;
    font-size: 0;
  }

  .message-bottom {
    display: none;
  }

  .leftmid {
    bottom: -7px;
    width: 115px;
  }

  .righttop {
    bottom: -27px;
    width: 116px;
    right: -2px;
  }

  .advance-form .btns .btn {
    justify-content: flex-start;
  }

  .custom-form .main-flex .flexed-itm .advance-form {
    width: 100%;
  }

  section.the-features {
    padding: 60px 0;
  }

  .feature-heading h2 {
    font-size: 25px;
  }

  /* ------------------------universal-------- */

  /* -----------------testimonial */
  .review {
    padding: 27px 11px;
  }

  /* ------------------------header */

  .price-plans .heading p {
    font-size: 38px;
    line-height: 62px;
  }

  .toggle-m-y span.slider {
    height: 29px;
    width: 55px;
  }

  .toggle-m-y .slider::before {
    content: "";
    position: absolute;
    height: 21px;
    width: 21px;
    left: 4px;
    top: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
  }

  .price-plans {
    padding: 60px 0px 170px 0px;
  }

  section.price-blocks {
    padding: 0px 0px 40px 0px;
  }

  .form-plan-heading p {
    font-size: 25px;
  }

  button.form-plan-btn1 {
    font-size: 12px;
    padding: 10px 20px;
  }

  button.form-plan-btn2 {
    font-size: 12px;
    padding: 10px 20px;
  }

  button.form-plan-btn3 {
    font-size: 9px;
    padding: 3px 9px 3px 16px;
  }

  .app-install .heading p > a {
    font-size: 12px;
  }

  /* -----------------------------------------pricing */
  /* pricing
     */

  /* -------------------burger menu-------------- */

  /* ------------------------about us---------------------- */
  h1.aboutus-heading {
    font-size: 33px;
    line-height: 40px;
  }

  .span-aboutus-headiing:first-of-type,
  .span-and {
    display: inline-block;
  }

  .span-aboutus-headiing:last-of-type {
    display: block;
  }

  h3.aboutus-heading {
    font-weight: 600;
  }

  .aboutus-how-we-started-wrap {
    flex-direction: column;
  }

  .pic-item1 img,
  .pic-item2 img,
  .pic-item3 img,
  .pic-item4 img {
    width: 100%;
  }

  .aboutus-how-we-started-content {
    padding: 10px 0px;
  }

  .aboutus-how-we-started-content h2 {
    padding: 0px 0px 5px 0px;
    font-weight: 500;
    font-size: 30px;
  }

  .aboutus-how-we-started-wrap {
    padding: 20px 0px 20px 0px;
    flex-direction: column;
  }

  .aboutus-blocks-heading-wrap h2 {
    font-weight: 500;
    font-size: 30px;
  }

  .aboutus-how-we-started-content-para {
    font-size: 14px;
  }

  .aboutus-blocks-wrap {
    padding: 20px 0;
  }

  .aboutus-blocks-heading-wrap {
    padding: 0px;
  }

  .aboutus-blocks-heading-wrap h3 {
    font-size: 30px;
    font-weight: 500;
  }

  .aboutus-blocks-inner-wrap {
    padding: 20px 10px;
  }

  .sec3img img {
    width: 70px;
    height: 70px;
    padding: 10px;
  }

  .sec3-block-1,
  .sec3-block-2,
  .sec3-block-3,
  .sec3-block-4 {
    font-size: clamp(13px, 2vw, 17px);
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    padding: 10px 0px 10px 0px;
  }

  .aboutus-what-makesus-unique-content-wrap p {
    font-size: 14px;
  }

  .aboutus-what-makes-us-unique-picture-wrap {
    display: none;
  }

  .aboutus-what-makes-us-unique-picture-wrap-div2 {
    display: flex;
  }

  .aboutus-what-makes-us-unique-picture {
    width: 80%;
  }

  section.aboutus-install-app-section {
    margin: 0px;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 30px;
    text-align: center;
  }

  .aboutus-install-app-wrap button {
    width: clamp(125px, 35vw, 200px);
    height: 40px;
  }

  .pic-item1,
  .pic-item3 {
    transform: translateX(-60px);
  }

  .pic-item2,
  .pic-item4 {
    transform: translateX(60px);
  }

  .aboutus-how-we-started-inner-wrap2 {
    width: 65%;
  }

  /* --------------------------Homepage-------------- */

  .burger-dropdown-toggle button.cancel {
    font-size: 19px;
  }

  .toggle-burger {
    font-size: 28px;
  }

  .bg-wrapper {
    overflow: hidden;
  }

  .main-bg::before {
    left: 64%;
    bottom: 2%;
  }

  .float-img .dragdrop {
    top: 2%;
    right: -37px;
    z-index: 999;
    width: 33%;
  }

  .main-bg {
    padding: 128px 0 104px;
  }

  .float-img .firstN {
    left: -18px;
    top: 38px;
    width: 26%;
  }

  .float-img .date {
    width: 25%;
    right: -16px;
    bottom: 14%;
    z-index: 8;
  }

  .float-img .choosefile {
    top: 69%;
    left: -15px;
    width: 31%;
    z-index: 8;
  }

  .main-bg .heading .subheading {
    font-size: 25px;
  }

  .main-bg .heading h1 {
    line-height: 40px;
    padding-bottom: 5px;
    font-size: 35px;
  }

  .main-bg .heading .description {
    padding-top: 5px;
    font-size: 12px;
  }

  .form-dev-efficiency-wrap {
    padding: 0;
  }

  .form-dev-efficiency-second-half {
    padding: 30px 0px 0;
  }

  .main-bg .main-content .btns .green .txt {
    font-size: 12px;
  }

  .main-bg .btns a .green::before {
    height: 102px;
    width: 40px;
    left: 108px;
  }

  .blogs-empower-your-bussiness-banner {
    margin: 30px 0;
  }

  section.blogs-crads-container {
    margin-top: 0px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading
    h2 {
    font-size: 28px !important;
    line-height: 54px;
  }

  .main-bg div p {
    font-size: 14px;
  }

  .main-bg::before {
    /* display: none; */
    left: 60%;
  }

  .tabber .main-tabs .heading .tab {
    padding: 0px;
    border: 1px solid #e4e4e4 !important;
    width: 21%;
  }

  .tabber .main-tabs .heading .tab.tab-active {
    border: 1px solid #0d9f50 !important;
  }

  /* .swiper-slide img {
            max-width: 70px;
            width: 44%;
        } */

  .advance-form-flex .advance-form {
    width: 100%;
  }

  .advance-form-img {
    width: 100%;
  }

  .advance-form-img {
    margin-top: 0;
  }

  .feature-heading h2 {
    font-size: 28px;
  }

  .tabber .main-tabs .heading {
    gap: 10px;
  }

  .tabber .main-tabs .heading .tab span {
    font-size: 8px;
  }

  .main-bg .main-content .btns span.img {
    width: 25%;
  }

  .form-dev-efficiency-first-half-wrap h2 {
    font-size: 25px;
    line-height: 30px;
  }

  .form-dev-efficiency-first-half-wrap p {
    font-size: 12px;
    line-height: 18px;
  }

  .center-text p {
    font-size: 12px;
  }

  .form-dev-efficiency-first-half-wrap h2 {
    padding: 0px 0px 20px 0px;
  }

  section.form-dev-efficiency {
    padding: 60px 0px;
  }

  /* -------------------------------blog page---------------------------------- */
  .blogs-cards-collection {
    max-width: 100%;
  }

  /* ---------------------logo Swiper--------------- */

  .logo-swiper .descriptive p {
    font-size: 12px;
    padding: 25px 0;
  }

  .slick-track {
    padding: 2px 0;
  }

  .advance-form .feature-flex {
    width: 85%;
  }

  .advance-form .heading h2 {
    font-size: 25px;
    line-height: 30px;
  }

  .advance-form .heading p {
    font-size: 12px;
    line-height: 18px;
  }

  .feature-flex .btns .btn .txt {
    font-size: 16px;
    line-height: 28px;
  }

  .btns .btn .img {
    width: 12px;
  }

  .integrate-app .heading p {
    font-size: 12px;
  }

  .flexed-itm .advance-form .heading p {
    font-size: 12px;
  }

  .integrate-app .wrapper-main .item-boxes {
    padding-top: 30px;
  }

  .integrate-app .wrapper-main .item-boxes .item .txt p {
    font-size: 11px;
    line-height: 20px;
  }

  .integrate-app .wrapper-main .item-boxes .item {
    gap: 9px;
  }

  .integrate-app .wrapper-main .item-boxes .item1 {
    width: 20px;
  }

  .integrate-app .wrapper-main .item-boxes .item {
    padding-bottom: 0px;
    width: 20%;
  }

  .integrate-app .heading h2 {
    width: 100%;
    margin: auto;
  }

  span.features-img {
    width: 25px;
  }

  .main-bg::before {
    left: 67%;
    height: 91px;
    width: 36px;
  }

  .main-bg .btns a .green .txt {
    width: 90%;
  }

  .main-bg .btns a .green .img {
    width: 10%;
  }

  .flexed-itm .advance-form .heading h2 {
    margin-bottom: 5px;
    font-size: 25px;
    line-height: 40px;
  }

  .flexed-itm .advance-form .btns .btn {
    font-size: 16px;
  }

  .w-45,
  .w-55 {
    width: 100%;
  }

  .advance-form-img2 {
    width: 85%;
  }

  .feature-name {
    font-size: 15px;
  }

  .advance-form .btns {
    gap: 0px;
  }

  .app-install .heading h2 {
    font-size: 26px;
    padding-bottom: 20px;
  }

  .term-support-wrap span {
    border-right: 1px solid white;
    padding: 0 9px;
  }

  .term-support-wrap span a {
    font-size: 14px;
  }

  .contact-sec {
    padding: 60px 0 15px;
  }

  /*------------------------------ Navigation--------------------- */

  .nav-bar-wrapper > a .logo-section {
    width: 180px;
  }

  /* ---------------------------Hero banner -------------------------*/

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading
    h1 {
    font-size: 35px;
    line-height: 37px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading-wrap {
    padding: 60px 0px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-blogs-empower-your-bussiness-main-heading-wrap {
    padding: 50px 0px;
  }

  .main-text p {
    font-size: 12px;
  }

  .blogs-search-bar .input-search {
    padding: 4px;
    font-size: 13px;
    width: 86%;
  }

  .blogs-search-bar .btn-search {
    width: 13%;
    padding: 5px 6px;
  }

  /* -----------------------Blog card----------------------*/

  .card-detail h2 {
    line-height: 33px;
    font-size: 18px;
  }

  .blogs-crads-heading p {
    font-size: 28px;
    line-height: 30px;
  }

  .load-more-card-wrapper .load-more-btn {
    padding: 0;
  }

  .load-more-btn button {
    font-size: 14px;
    padding: 10px 15px;
  }

  /* ----------------------------Contact information---------------------------- */

  .contact-us .head {
    font-size: 28px;
    line-height: 38px;
  }

  .contact-us p {
    font-size: 14px;
    line-height: 38px;
  }

  .get-in-touch-head .text {
    font-size: 14px;
  }

  .detail-list a span {
    width: 92%;
    font-size: 13px;
  }

  .contact-wrapper {
    padding: 0;
  }

  .contact-wrapper .get-in-touch-head .heading {
    font-size: 28px;
  }

  .form-fill form .fname-lname {
    padding: 6px 0;
  }

  .social-handles span {
    width: 23px;
  }

  .detail-list a .img {
    width: 27px;
  }

  .half {
    margin-bottom: 15px;
  }

  input[type="number"] {
    padding-left: 48px;
  }

  .contact-details .detail-list a span {
    font-size: 13px;
  }

  .contact-wrapper .get-in-touch {
    padding: 20px 16px;
  }

  /* ----------------------------------Price-Plans----------- */

  /*------------------------ Footer -------------------*/
  .form-copyright-main-bg {
    border-radius: 40px;
    border-radius: 0;
    background: white;
  }

  .footer-copyright-wrapper .container-main {
    width: 100%;
    padding: 0;
  }

  .form-copyright-main-bg {
    margin-top: 40px;
    border-radius: 0px;
  }

  .form-copyright-flex {
    justify-content: center;
    flex-direction: column-reverse;
    gap: 5px;
    padding: 0;
    background-color: transparent;
  }

  .form-builder .logo-name {
    font-size: 13px;
    width: 86%;
  }

  .copyright p {
    font-size: 11px;
    text-align: center;
  }

  .term-support {
    background: #23c66d;
    text-align: center;
    padding: 18px 0;
    width: 100%;
  }

  .form-builder .txt {
    display: block;
    font-size: 12px;
    color: var(--primary);
  }

  /* =======================Single blog page starts================= */
  /* -------For share icon on banner image---- */

  .single-blog-image {
    right: 25px;
    top: 26px;
  }

  .single-blog-image a svg {
    width: 25px;
    height: 25px;
  }

  .single-blog-content {
    margin: 37px 0;
  }

  .single-blog-content .heading .head {
    font-size: 24px;
    line-height: 35px;
  }

  .prev-next-wrapper .btn {
    padding: 10px 17px;
    font-size: 15px;
  }

  .name-email {
    gap: 0px;
  }

  .create-account {
    padding: 8px 15px;
  }

  section.blogs-crads-container {
    margin: 30px 0;
  }

  /* ==========================Single Blog page ends ====================== */

  .contact-us-heading-section {
    padding: 30px 0 0;
  }

  .contact-us-heading-section .heading h1 {
    font-size: 32px;
    width: 100%;
    line-height: 37px;
    padding-bottom: 9px;
  }

  .contact-us-heading-section .heading p {
    font-size: 14px;
    width: 100%;
  }

  .contact-us-wrapper {
    padding: 20px 16px 100px;
    border-radius: 30px;
  }

  form label {
    font-size: 15px;
  }

  form input {
    font-size: 14px;
  }

  .logo-name span {
    font-size: 24px;
  }

  .contact-wrapper {
    gap: 45px;
  }

  .get-in-touch-head .text {
    font-size: 14px;
  }

  .form-fill {
    padding-top: 5px;
  }

  .form-fill form .fname-lname {
    padding: 0;
  }

  .half {
    margin-bottom: 0;
  }

  .sub-btn {
    padding: 5px 10px;
    font-size: 13px;
  }

  .get-in-touch-head .heading {
    font-size: 28px;
  }

  .questions .question h2 {
    font-size: 14px;
    font-weight: 500;
  }

  .map-section {
    display: none;
  }

  .container-main .map-section {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    height: 150px;
    margin: 35px 0;
  }



  .testimonial .heading p {
    font-size: 28px;
    padding-bottom: 0;
  }

  .slick-slider {
    padding: 0px 0;
  }

  .testimonial .wrapper-main {
    padding: 60px 0px;
  }

  .copyright {
    display: none;
  }

  select[id="country-code"] {
    left: 1px;
    bottom: 11px;
    padding: 0;
  }

  /* ++++++++++++++++++++++++++++++++++++++++++========FAQ Page=============================+++++++++++++++++++ */
  .faq-heading-section .heading {
    font-size: 20px;
    margin: 10px 0 30px;
  }

  .faq-heading-section .heading h1 {
    font-size: 28px;
  }

  .faq-heading-section .questions .question {
    padding: 10px 15px;
    border-radius: 13px;
  }

  .questions .answer {
    font-size: 14px;
    text-align: justify;
    padding: 0px 5px;
  }

  .terms-and-conditions-wrapper .terms-and-conditions-heading h2 {
    font-size: 28px;
  }

  .terms-and-conditions-heading > p {
    font-size: 14px;
    line-height: 25px;
  }

  .main-bg .heading {
    margin-bottom: 26px;
  }

  /* --------------price page----- */

  .price-plans .mini-heading h1 {
    font-size: 19px;
  }

  .price-plans .subheading p,
  .toggle-m-y {
    font-size: 21px;
  }

  .plan-price .price {
    font-size: 26px;
  }

  .plan-info .plan-price .value {
    font-size: 45px;

    word-spacing: -9px;
  }

  .feature-heading {
    font-size: 20px;
  }

  .plan-info .plan-price .value span {
    font-size: 16px;
  }

  .price-and-features-wrap {
    margin-bottom: 10px;
  }

  .form-plan-btns {
    gap: 0px;
  }

  .form-install-heading {
    font-size: 14px;
  }

  .form-install-btn button {
    width: 130px;

    font-size: 10px;
  }

  section.form-install {
    padding: 5px 0px 20px 0px;
  }

  .logo-swiper .swiper-slide img {
    width: 79%;
  }

    .prev-next-wrapper {
        justify-content: end;
       margin-top: 30px;
    }

  .price-plans .subheading .pos-arrow {
    width: 42px;
    right: 17%;
    top: -32%;
  }
  /* about us page css 24 feb */

  .aboutus-how-we-started-inner-wrap2 {
    width: 85%;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 28px;
  }

  .aboutus-install-app-wrap button {
    font-size: clamp(12px, 2vw, 13px);
  }

  .aboutus-blocks-wrap {
    padding: 20px 0px 0px;
  }

  section.aboutus-install-app-section {
    margin: 20px 0;
  }

  .aboutus-install-app-wrap {
    padding: 15px 0px;
  }

  .aboutus-what-makesus-unique-content-wrap2 {
    width: 100%;
    margin: 0px;
  }

  .aboutus-block1-img h3,
  .aboutus-block2-img h3,
  .aboutus-block3-img h3,
  .aboutus-block4-img h3 {
    font-size: 18px;
  }

  /* about us page css 24 feb ends */
  .plan-info .try-free span {
    padding: 18px 70px;
    font-size: 17px;
  }

  .plan-info .plan-description .list {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0px 6px 3%;
    justify-content: start;
    font-size: 18px;
    font-weight: 500;
  }
  .half {
    width: 100% !important;
  }

  .form-fill form .fname-lname {
    flex-direction: column;
    gap: 5px;
  }
}

@media (max-width: 466px) {
  .aboutus-blocks-heading-wrap h2 {
    line-height: 45px;
  }
  .tabber .main-tabs .heading {
    gap: 5px;
  }
  .integrate-app .wrapper-main .item-boxes .item .txt p{
      font-size: 10px;
  }
}

/* =================================================
MQ FOR 430 AND BELOW
================================================= */

@media (max-width: 450px) {
  .onlybg {
    padding-top: 68px;
    margin-top: -84px;
  }
  .wrap-of-first-7-features {
    width: 40%;
  }

  .feature-flex .btns .btn .txt {
    font-size: 15px;
  }

  .wrap-of-7-14-features {
    width: 40%;
  }

  .wrap-of-14-21-features {
    width: 40%;
  }

  .wrap-of-21-28-features {
    width: 40%;
  }

  .tabber .main-tabs .heading .tab {
    width: 30%;
  }

  .message-bottom480 {
    display: block;
    width: 40%;
    font-size: 0;
  }

  .leftmid {
    width: 23%;
    left: 12px;
  }

  .righttop {
    bottom: -30px;
    width: 98px;
    right: 5px;
  }
}

@media (max-width: 444px) {
  .advantage-heading-para h2 {
    font-size: 16px;
  }

  .app-install .heading p > a {
    font-size: 14px;
  }
}

@media (max-width: 440px) {
  button.form-plan-btn1 {
    font-size: 12px;
    padding: 10px 17px;
  }
  /* .integrate-app .wrapper-main .item-boxes .item {
        width: 100%;
    } */

  /* .advance-form .btns {
      
        width: 100%;

    } */

  span.plans-lowercase {
    font-size: 8px;
  }

  .plan-p {
    font-size: 26px;
    padding: 6px 0;
    word-spacing: -8px;
  }

  span.plans-btn-inblock {
    width: 100px;
    height: 28px;
  }

  span.plans-btn-inblock {
    font-size: 10px;
  }

  .main-bg .btns div {
    padding: 5px 10px;
  }

  .main-bg .heading .subheading {
    font-size: 17px;
  }

  .feature-name {
    font-size: 11px;
  }

  .form-plan-heading-btn-wrap {
    padding: 0px 0px 10px 0px;
  }

  .price-plans .subheading .pos-arrow {
    width: 39px;
    right: 14%;
    top: -15px;
  }

  .form-dev-efficiency-second-half {
    padding: 20px 0 0 0;
  }
}

@media (max-width: 430px) {
    
        .search-svg svg {
        width: 65%;
    }
    
        .float-img .dragdrop {
        top: 1%;
        }
    .plan-p {
     
        word-spacing: -4px;
    }
        .aboutus-blocks-heading-wrap {
        padding-bottom: 15px;
    }
  .faq-heading-section .heading h1 {
    font-size: 23px;
  }

  .slick-initialized .slick-slide {
    padding: 0 15px;
  }

  .main-bg .btns a .green {
    padding: 8px 15px;
    gap: 5px;
  }
  .blog-wrap {
    width: 95%;
  }

  .form-copyright-main-bg {
    margin-top: 30px;
  }

  .table th,
  td {
    padding: 5px;
    padding-left: 7px;
    font-size: 13px;
  }

  .logo-sec-hide a {
    width: 180px;
  }

  .single-blog-content h1 {
    font-size: 26px;
    line-height: 40px;
  }

  .main-bg .heading h1 {
    line-height: 40px;
    padding-bottom: 5px;
    font-size: 31px;
  }

  .logo-swiper .descriptive p {
    font-size: 12px;
    padding: 10px 0;
  }

  ul.features-list {
    column-gap: 20px;
    row-gap: 22px;
  }

  .feature-flex .btns .btn .txt {
    font-size: 14px;
    line-height: 28px;
  }

  .integrate-app .wrapper-main .item-boxes {
    flex-wrap: wrap;
  }

  .advance-form .feature-flex {
    display: flex;
    width: 90%;
    margin: auto;
    margin: auto;
    padding-left: 25px;
  }

  .integrate-app .wrapper-main .item-boxes .item1 {
    display: none;
  }

  .form-plans-last-btn a {
    font-size: 13px;
    padding: 9px 12px;
  }

  .integrate-app .wrapper-main .item-boxes .item {
    padding-bottom: 0px;
    width: 33%;
  }

  .app-install .heading p > a {
    font-size: 14px;
    padding: 10px 22px;
  }

  .integrate-app .wrapper-main {
    padding: 40px 0;
  }

  .integrate-app .heading h2 {
    font-size: 25px;
  }

  /* about us */
  .baneer-heading {
    padding: 40px 0;
  }

  .aboutus-what-makesus-unique-content-wrap2 {
    width: 100%;
  }

  .aboutus-blocks-inner-wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }

  .aboutus-what-makes-us-unique-wrap {
    padding: 20px 0;
  }

  .aboutus-install-app-wrap {
    padding: 5px 0px;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 28px;
  }

  .aboutus-install-app-wrap button {
    font-size: clamp(11px, 2vw, 15px);
    height: 35px;
  }

  .blocks-wrapper {
    padding: 0px 0px 25px;
  }

  .aboutus-install-app-section {
    margin: 0px;
  }

  button.form-plan-btn1 {
    font-size: 11px;
    padding: 8px 9px;
  }

  button.form-plan-btn2 {
    font-size: 11px;
    padding: 8px 9px;
  }

  button.form-plan-btn3 {
    font-size: 8px;
    padding: 3px 7px 3px 9px;
  }

  .main-bg {
    padding: 100px 0 104px;
  }

  .main-bg .heading h1 {
    line-height: 40px;
    padding-bottom: 0;
  }

  .integrate-app .heading h2 {
    font-size: 25px;
    padding-bottom: 10px;
  }

  .integrate-app .wrapper-main .item-boxes .item {
    gap: 0;
  }

  .integrate-app .wrapper-main .item-boxes .item .item-img {
    width: 82%;
  }

  /* aboutus page css for 24 feb */
  .aboutus-blocks-inner-wrap {
    padding: 20px 30px;
  }

  .terms-and-conditions-wrapper .terms-and-conditions-heading h2 {
    font-size: 25px;
  }

  /* aboutus page css for 24 feb ends */

  h1.aboutus-heading {
    font-size: 28px;
  }

  .aboutus-how-we-started-content h2 {
    font-size: 28px;
  }

  .aboutus-blocks-heading-wrap h2 {
    font-size: 28px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    font-size: 28px;
  }

  .blocks-wrapper .main-price-block .plan-info {
    text-align: center;
    width: 90%;
  }
}

@media (max-width: 425px) {
  .form-dev-efficiency-second-half-wrap {
    padding: 0px 30px;
  }

  .card-detail h2 {
    line-height: 33px;
    font-size: 17px;
  }

  .single-blog-content ul li {
    font-size: 13px;
  }

  .single-blog-content p {
    font-size: 14px;
    text-align: justify;
  }

  .single-blog-content h1 {
    font-size: 25px;
    line-height: 36px;
  }

  /* -------------------homepage-------------- */

  .main-bg .heading h1 {
    line-height: 30px;
    font-size: 30px;
  }

  .main-bg .heading .description {
    padding-top: 5px;
    max-width: 100%;
  }

  .tabber .main-tabs .heading .tab {
    width: 30%;
  }

  .tabber .main-tabs .heading {
    justify-content: space-around;
  }

  .blogs-search-bar .input-search {
    width: 80%;
  }

  .form-fill form .fname-lname {
    flex-direction: column;
    gap: 5px;
  }

  /* ------------------blog page */
  .blogs-crads-heading p {
    font-size: 25px;
  }

  /* =================contact section============= */

  .contact-us .head {
    font-size: 25px;
  }

  .contact-us-heading-section .heading h1 {
    font-size: 30px;
  }

  .contact-wrapper .get-in-touch-head .heading {
    font-size: 25px;
  }

  .contact-details {
    gap: 0px;
    padding: 10px 0 10px;
  }

  .app-install .heading h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }

  .righttop {
    bottom: -19px;
    width: 23%;
  }

  .message-bottom480 {
    width: 41%;
  }

  .leftmid {
    bottom: -3px;
    left: 6px;
  }

  .center-text h2 {
    padding-bottom: 0px;
  }
}

@media (max-width: 423px) {
  h2.aboutus-heading {
    font-size: 27px;
  }

  .aboutus-how-we-started-content h2 {
    font-size: 25px;
  }

  .aboutus-blocks-heading-wrap h2 {
    font-size: 25px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    font-size: 25px;
  }
}
@media (max-width: 412px) {
    .aboutus-blocks-heading-wrap h2 {
        font-size: 25px;
        padding-bottom: 15px;
    }
}


@media (max-width: 410px) {
  .advantage-heading-para h2 {
    font-size: 14px;
  }

  .righttop {
    bottom: -26px;
    width: 90px;
    right: 4px;
  }

  .leftmid {
    width: 23%;
    left: 12px;
    bottom: -5px;
  }
}

@media (max-width: 400px) {
  ul.features-list {
    column-gap: 15px;
  }

  li.features-list-li {
    padding: 8px 0;
  }

  .prev-next-wrapper .btn {
    padding: 6px 15px;
  }

  span.features-name {
    padding: 0 0 0 5px;
  }

  span.features-name {
    font-size: 12px;
  }

  /* features above */
  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 21px;
  }

  .lifetime {
    font-size: 8px;
  }

  .forms-h {
    font-size: 24px;
  }

  .unlimited-forms-blocks {
    font-size: 14px;
    height: 70px;
  }

  .free-ticks-blocks,
  .pro-ticks-blocks,
  .pro-plus-ticks-blocks {
    height: 70px;
  }
  .tabber .main-tabs .heading .tab span {
    font-size: 9px;
  }
}

@media (max-width: 395px) {
  .form-advantages {
    width: 90%;
  }
  .price-plans .subheading .pos-arrow {
    width: 39px;
    right: 10%;
  }

  sup {
    font-size: 13px;
    padding-left: 5px;
  }
  .plan-p {
    font-size: 24px;
  }
}

/* ========================================================
MQ FOR 390 PX AND BELOW 
=========================================================== */

@media (max-width: 394px) {
 
  span.plans-btn-inblock.proplus {
    margin: 20px 0px 0px 0px;
  }
}

@media (max-width: 390px) {
    .form-plans-last-btn a {
        font-size: 12px;
        padding: 9px 12px;
    }
           .proplusplan-block {
        height: 165px;
    }
        .proplan-block {
        height: 165px;
    }
        .freeplan-block {
        height: 165px;
    }
        .active-plan-image {
        margin-top: 10px;
    }
  .form-advantages {
    width: 100%;
  }
  .onlybg {
    padding-top: 54px;
    margin-top: -65px;
  }
  .submitPopup {
    width: 290px;
    height: 255px;
  }
  .popuptick-wrap {
    width: 80px;
    height: 80px;
  }
  .thankyou-sub {
    font-size: 28px;
  }
  .sub-sent {
    font-size: 12px;
  }

  section.all-features-annual {
    margin-bottom: 45px;
  }
  section.all-features-annual {
    padding-bottom: 35px;
  }

  .testimonial .wrapper-main {
    padding: 40px 0px;
  }

  .speed-plus-first-slide .review .txt {
    font-size: 13px;
  }

  .speed-plus-first-slide .review .txt {
    height: 155px;
  }

  section.form-plans {
    padding: 40px 0px;
  }

  .custom-form .main-flex {
    padding: 40px 0;
  }

  .advance-form-flex {
    padding: 40px 0 0 0;
  }

  section.form-dev-efficiency {
    padding: 40px 0px;
  }

  section.the-features {
    padding: 40px 0;
  }

  .popup-wrapper {
    width: 25px;
  }

  #single-blog-options {
    width: 25px;
  }

  .single-blog-content {
    margin: 20px 0;
  }

  .single-blog-content h1 {
    font-size: 23px;
    line-height: 36px;
  }

  .single-blog-content h2 {
    font-size: 19px;
  }

  /* -------------------homepage */
  .feature-flex .btns .btn .txt {
    font-size: 12px;
  }

  .form-plans-last-btn {
    padding: 20px 0 0;
  }

  ul.features-list {
    row-gap: 8px;
  }

  .feature-name p {
    font-size: 13px;
  }

  .form-plan-heading-btn-wrap {
    padding: 0px 0px 20px 0px;
  }

  /* ===========================pricing=-========== */
  .price-plans .heading p {
    font-size: 35px;
    line-height: 62px;
  }

  /* .answer.three.active {
        min-height: 220px;
    } */

  /* .answer.six.active {
        min-height: 245px;
    } */

  .logo-name span {
    font-size: 22px;
  }

  .toggle-burger {
    font-size: 25px;
  }

  .blogs-search-bar .input-search {
    width: 80%;
  }

  /* ----------------------------blog page*/

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading
    h1 {
    font-size: 28px;
    line-height: 35px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-blogs-empower-your-bussiness-main-heading-wrap {
    padding: 30px 0px;
  }

  /*----------------------- Footer------------------------- */

  /* ----------------------homepage */

  /* about us */
  h2.aboutus-heading {
    line-height: 40px;
  }

  .aboutus-how-we-started-content h2 {
    line-height: 40px;
  }

  .aboutus-blocks-heading-wrap h2 {
    line-height: 40px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    line-height: 40px;
  }

  /* aboutus */

  .price-plans .subheading .pos-arrow {
    width: 7%;
    right: 13%;
  }

  .center-text h2 {
    font-size: 23px;
  }

  .advance-form .feature-flex {
    padding-left: 18px;
  }

  .logo-swiper .swiper-slide img {
    width: 63%;
  }

  .price-plans .subheading .pos-arrow {
    width: 9%;
    right: 9%;
  }

  .leftmid {
    width: 24%;
  }

  .message-bottom480 {
    width: 42%;
  }

  .design-ideal .center-text p {
    padding-bottom: 19px;
  }

  .answer.two.active {
    min-height: 100%;
    min-height: 250px;
  }

  .answer.three.active {
    min-height: 100%;
    min-height: 190px;
  }

  /* pricing page css 24 feb  */
  .plan-info .plan-description .list {
    font-size: 17px;
  }

  .plan-info .try-free span {
    padding: 15px 60px;
    font-size: 16px;
  }

  .heading-and-picture {
    font-size: 22px;
  }

  .price-plans .subheading .pos-arrow {
    width: 40px;
    right: 8%;
    transform: rotate(1deg);
    top: -30%;
  }
  /* pricing page css 24 feb  */

  /* about us page 24 feb css */
  .aboutus-install-app-wrap h2 {
    font-size: 25px;
  }

  h1.aboutus-heading {
    font-size: 26px;
    line-height: 40px;
  }

  /* about us page 24 feb css  ends*/
  section.all-features {
    padding-bottom: 35px;
    margin-bottom: 45px;
  }
  .plan-p {
    font-size: 22px;
    padding: 6px 0;
        word-spacing: -4px;
  }
}

@media (max-width: 383px) {
  h2.aboutus-heading {
    font-size: 25px;
  }
}

@media (max-width: 382px) {
  .price-plans .heading h2 {
    line-height: 50px;
  }

  .toggle-m-y p {
    padding: 15px 0px 0px 0px;
  }

  section.all-features {
    background-color: #f8f8f8;
    padding: 40px 0px;
  }
}

@media (max-width: 380px) {
  .wrap-of-first-7-features {
    width: 45%;
  }

  .wrap-of-7-14-features {
    width: 45%;
  }

  .wrap-of-14-21-features {
    width: 45%;
  }

  .wrap-of-21-28-features {
    width: 45%;
  }
}

@media (max-width: 375px) {
    h1.aboutus-heading {
        font-size: 25px;
        line-height: 40px;
    }
  .blogs-search-bar {
    width: 285px;
  }

  .blogs-empower-your-bussiness-banner
    .blogs-empower-your-bussiness-main-heading-wrap {
    padding: 40px 0px;
  }

  .speed-plus-first-slide .review .txt {
    padding-bottom: 20px;
  }

  .review {
    padding: 17px 11px;
  }

  .app-install .heading h2 {
    font-size: 22px;
    padding-bottom: 20px;
  }

  .single-blog-content h1 {
    font-size: 20px;
    line-height: 36px;
  }


  /* ----------ehader-------------- */

  .integrate-app .heading h2 {
    font-size: 22px;
  }

  .advance-form .btns .btn {
    font-size: 14px;
  }

  /* ===================faq-================= */
  .faq-heading-section .heading h1 {
    font-size: 22px;
  }

  /* --------------------HOmepagepage--- */

  .main-bg .heading h1 {
    font-size: 25px;
  }

  .main-bg .btns a .green {
    padding: 8px 12px;
  }

  .main-bg .heading .subheading {
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 5px;
  }


  .contact-wrapper {
    gap: 26px;
  }

  .center-text h2 {
    font-size: 22px;
  }

  .center-text p {
    line-height: 20px;
  }

  .advance-form .heading h2 {
    font-size: 22px;
  }

  .questions .answer.active {
    max-height: 241px;
  }

  .advantage-heading-para p {
    font-size: 13px;
  }

  .righttop {
    bottom: -25px;
    right: -3px;
    width: 86px;
  }

  .leftmid {
    width: 23%;
    left: 5px;
    bottom: -2px;
  }
  /* -----------------------about us ---------------------- */
  .aboutus-install-app-wrap button {
    width: clamp(125px, 40vw, 200px);
  }

  /* pricing page css 24 feb */
  .price-plans .subheading .pos-arrow {
    width: 38px;
    right: 8%;
    transform: rotate(1deg);
    top: -28%;
  }

  /* pricing page css 24 feb */
  .form-dev-efficiency-first-half-wrap p {
    font-size: 14px;
  }

  .form-dev-efficiency-second-half-wrap {
    padding: 0px 15px;
  }

  .advantage-heading-para h3 {
    font-size: 17px;
  }

  .form-advantages {
    padding: 0px 0px 0px 0px;
  }
}

@media (max-width: 365px) {
  button.form-plan-btn1 {
    font-size: 10px;
    padding: 7px 12px;
  }

  button.form-plan-btn2 {
    font-size: 10px;
    padding: 7px 12px;
  }

  button.form-plan-btn3 {
    font-size: 7px;
    padding: 3px 6px 3px 16px;
  }
}

@media (max-width: 365px) {
  .price-plans .heading p {
    line-height: 45px;
  }

  .plan-inner-wrap p {
    font-size: 18px;
  }

  .plan-p {
    font-size: 20px;
  }

  ul.features-list {
    column-gap: 20px;
    row-gap: 10px;
  }

  span.plans-btn-inblock {
    width: 85px;
    height: 22px;
    font-size: 8px;
    margin: 5px 0px 0px 0px;
  }

  .choose-your-plans-block p {
    font-size: 13px;
  }

  span.plans-btn-inblock.proplus {
    margin: 0px 0px 0px 0px;
  }

  .choose-your-plans-block {
    height: 130px;
  }

  .freeplan-block {
    height: 130px;
  }

  .proplan-block {
    height: 130px;
  }

  .proplusplan-block {
    height: 130px;
  }

  .term-support-wrap span a {
    font-size: 12px;
  }
  .tabber .main-tabs .heading .tab span {
    font-size: 8px;
  }
}
@media (max-width: 364px) {
  span.plans-btn-inblock.proplus {
    margin: 4px 0px 0px 0px;
  }
}
@media (max-width: 350px) {
  .plan-info .plan-description .list {
    font-size: 15px;
  }

  .price-plans .subheading .pos-arrow {
    width: 38px;
    right: 4%;
    transform: rotate(1deg);
    top: -28%;
  }
  .righttop {
    bottom: -25px;
    right: -3px;
    width: 81px;
  }
  .sub-sent {
    padding-top: 11px;
  }
  .thankyou-sub {
    font-size: 26px;
  }
  .sub-popup-cross-wrap {
    width: 38px;
    height: 38px;
    top: -16px;
    right: -17px;
  }

  .submitPopup {
    width: 270px;
    height: 235px;
  }
  .popuptick-wrap {
    width: 75px;
    height: 75px;
  }
  .single-blog-image {
    padding: 5px;
  }

  .card-detail h2 {
    line-height: 27px;
  }

  .popup-wrapper {
    width: 23px;
  }

  #single-blog-options {
    width: 23px;
  }
}

@media (max-width: 360px) {
  .tabber .main-tabs .main-content .content {
    border-radius: 5px;
  }
  .nav-bar-wrapper > a .logo-section {
    width: 170px;
  }
  .price-plans .subheading .pos-arrow {
    width: 38px;
    right: 6%;
    transform: rotate(1deg);
    top: -28%;
  }
  button.form-plan-btn1 {
    font-size: 10px;
    padding: 7px 10px;
  }
}
@media (max-width: 359px) {
  .plan-info .plan-description {
    padding: 40px 0px 40px 1%;
  }
}
@media (max-width: 344px) {
    h1.aboutus-heading {
        font-size: 23px;
       
    }
}
@media (max-width: 340px) {
        .active-plan-image {
        margin-top: 12px;
    }
    span.plans-btn-inblock {
    padding: 11px 0px;}
  .feature-flex .btns .btn .txt {
    font-size: 11px;
  }
  .flexed-itm .advance-form .btns .btn {
    font-size: 15px;
  }
  .advance-form .feature-flex {
    padding-left: 12px;
  }
  .form-dev-efficiency-second-half-wrap {
    padding: 0px;
  }

  .feature-name p {
    font-size: 12px;
  }

  .feature-icon {
    width: 30px;
  }

  .form-plan-btns {
    width: 70%;
  }

  .form-plan-heading {
    width: 30%;
  }

  button.form-plan-btn3 {
    width: 54px;
  }

  button.form-plan-btn1 {
    font-size: 10px;
    padding: 7px 7px;
  }
  button.form-plan-btn2 {
    font-size: 10px;
    padding: 7px 8px;
  }

  .advance-form .btns .btn {
    gap: 8px;
  }

  button.form-plan-btn3 {
    font-size: 5px;
    padding: 3px 6px 3px 16px;
  }

  .answer.two.active {
    min-height: 268px;
  }

  .answer.three.active {
    min-height: 240px;
  }

  .answer.six.active {
    min-height: 280px;
  }

  .pic-item1 img,
  .pic-item2 img,
  .pic-item3 img,
  .pic-item4 img {
    width: 88%;
  }

  h1.aboutus-heading {
    font-size: 23px;
    line-height: 40px;
  }

  .aboutus-how-we-started-content h2 {
    font-size: 23px;
  }

  .aboutus-blocks-heading-wrap h2 {
    font-size: 23px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    font-size: 23px;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 23px;
  }

  .plan-info .plan-description {
    padding: 40px 0px 40px 1%;
  }
}

@media (max-width: 335px) {
  .single-blog-content h1 {
    font-size: 19px;
    line-height: 32px;
  }
}

@media (max-width: 331px) {
  .advantage-heading-para h3 {
    font-size: 16px;
  }

  .form-dev-efficiency-second-half {
    padding: 15px 0px 0px 0px;
  }

  .app-install .heading h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
}

@media (max-width: 330px) {
        .form-plans-last-btn a {
        font-size: 10px;
        padding: 9px 12px;
    }
        span.plans-btn-inblock {
        width: 80px;}
  .form-dev-efficiency-second-half-wrap {
    width: 90%;
  }

  .questions .answer {
    font-size: 14px;
    text-align: justify;
    padding: 0px 5px;
  }

  .term-support-wrap .span a {
    font-size: 11px;
  }

  /* pricing page css 24 feb */
  .price-plans .subheading .pos-arrow {
    width: 37px;
    right: 2%;
    transform: rotate(1deg);
    top: -29%;
  }

  /* pricing page css 24 feb */
  .plan-info .plan-description .list {
    font-size: 15px;
  }
}

@media (max-width: 325px) {
  .plan-info .plan-description {
    padding: 40px 0px 40px 3%;
  }
  .price-plans .subheading .pos-arrow {
    right: 5%;
    top: 0%;
  }

  .price1 p,
  .price2 p,
  .price3 p {
    font-size: 17px;
  }

  .aboutus-install-app-wrap h2 {
    font-size: 28px;
  }
}

@media (max-width: 321px) {
  .feature-flex .btns .btn .txt {
    font-size: 11px;
  }
}

@media (max-width: 320px) {
    .answer.six.active {
        min-height: 290px;
    }
        span.plans-btn-inblock.proplus {
        margin: 5px 0px 0px 0px;
    }
        .forms-h h2 {
   
        font-size: 25px;}
    .price1 p, .price2 p, .price3 p {
        font-size: 17px;
    }
    .plan-info .plan-description {
        padding: 40px 0px 40px 4%;
    }
  ul.features-list {
    column-gap: 10px;
    row-gap: 4px;
  }

  .form-dev-efficiency-second-half-wrap {
    width: 100%;
  }

  .advance-form .feature-flex {
    padding-left: 10px;
  }
  button.form-plan-btn1 {
    font-size: 10px;
    padding: 7px 4px;
  }
  span.plans-btn-inblock {
    width: 77px;
    height: 22px;
    font-size: 8px;
    margin: 5px 0px 0px 0px;
  }
  .plan-info .plan-description .list {
    font-size: 15px;
    gap: 7px;
    padding: 6px 0px 6px 0%;
  }
  .toggle-m-y p {
    display: flex;
    gap: 10px;
  }

  .righttop {
    bottom: -22px;
    width: 73px;
    right: 1px;
  }
  .leftmid {
    width: 23%;
    left: 12px;
    bottom: -2px;
  }

  .price-plans .subheading .pos-arrow {
    right: 1%;
    top: -25%;
    width: 36px;
  }
  .plan-p {
    font-size: 18px;
  }
  /* about us page css 24 feb */
  .aboutus-how-we-started-pic {
    width: 80%;
    align-items: center;
  }

  .pic-item1,
  .pic-item2,
  .pic-item3,
  .pic-item4 {
    padding: 10px 0px 10px 0px;
    z-index: 111;
    max-width: 270px;
  }

  .aboutus-install-app-wrap button {
    font-size: clamp(10px, 2vw, 15px);
  }

  .aboutus-install-app-wrap h2 {
    font-size: 21px;
  }

  .aboutus-what-makesus-unique-content-wrap h2 {
    font-size: 21px;
  }

  .aboutus-blocks-heading-wrap h2 {
    font-size: 21px;
  }

  .aboutus-how-we-started-content h2 {
    font-size: 21px;
  }

  h1.aboutus-heading {
    font-size: 21px;
    line-height: 40px;
  }

  /* about us page css 24 feb ends */
}