@media only screen and (max-width: 710px) {

    html {
        font-size: 13px !important;
    }

    main {
        overflow: auto;
    }

    footer,
    .backgroundIconOne,
    .backgroundIconTwo,
    .backgroundIconThree {
        display: none;
    }

    .menuHeaderContent {
        padding: 0 20px;
    }

    .menuHeaderContent img {
        background-size: contain;
        height: 22px;
        width: 100px;
    }

    .headerMenuActions {
        gap: 0;
    }

    .headerMenuActions a.signIn {
        font-size: 0.8rem;
        width: auto;
        height: 2.75rem;
        padding: 0.75rem 1.5rem 0.688rem;
        border-radius: 0.625rem;
        border: solid 0.063rem #388438;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
        user-select: none;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.006rem;
        color: #388438;
        cursor: pointer;
        text-decoration: none;
    }

    .headerMenuActions a.signUp {
        width: auto;
        height: 2.75rem;
        margin: 0 0 0 1rem;
        padding: 0.75rem 1.5rem 0.688rem;
        border-radius: 0.625rem;
        background-color: #388438;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        font-size: 0.8rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.006rem;
        color: #fff;
        cursor: pointer;
        white-space: nowrap;
    }

    .demoPContainer {
        padding: 0 20px;
        margin-top: 80px;
        flex-direction: column;
        gap: 40px;
    }


    .demoContainer h1 {
        font-size: 28px;
    }

    .demoPageSetContainer {
        gap: 30px;
    }

    .demoP {
        height: auto;
        min-height: unset;
    }

    .demoCardContainer {
        justify-content: center;
    }

    .demoCard {
        width: 100%;
    }

    .numbersContainer {
        flex-direction: column;
        gap: 40px;
    }

    .testimonialCard {
        width: 100%;
    }


    .numberSet {
        justify-content: center;
        gap: 30px;
    }

    .numberSet img {
        width: 50%;
        max-width: 60px;
        max-height: 60px;
    }

    .numberType {
        font-size: 18px;
    }

    .numberValue {
        font-size: 28px;
    }

    .numberContent {
        width: 50%;
    }

    .demFormContent {
        position: unset;
        width: 100%;
        padding: 10px;
        height: max-content;
    }

    .tFields fieldset {
        width: 100%;
    }

    .option label {
        font-size: 14px;
    }

    .tFields {
        flex-direction: column;
        gap: unset;

    }

    .demoCardContent {
        position: relative;
    }

    .demoCardImg {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .demoCardText {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .demoFormSet{
        gap: unset;
    }

    fieldset.fieldInput,
    .demoForm fieldset.fieldInput.txtar {
        margin-bottom: 40px !important;
      }

      .demoFormSet .primaryBtn {
        margin-bottom: 30px;
      }
      
}