.how-it-works {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    width: 83%;
    margin: auto;
    padding-top: 0.5rem;
}

.createaccount-text {
    font-weight: 700 !important;
    font-size: 1.4rem;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
}

.expalin-howitworktext {
    font-size: 1.05rem;
    letter-spacing: 0.23px;
    color: #111111;
    line-height: 1.8;
    opacity: 1;
}

.steps-container {
    flex: 1;
    margin-right: 6rem;
}

.steps-list {
    list-style: none;
    padding: 0;
}


.steps-list li {
    padding: 0;
    margin-bottom: 1rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0px;
    color: #111111;
    display: flex;
    position: relative;
    align-items: center;
    text-align: center;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.steps-list li:hover {
    background: #FFF7F1 0% 0% no-repeat padding-box;
    color: #FD7C16;
}

.steps-list li.active-step {
    background: #FFF7F1 0% 0% no-repeat padding-box;
    letter-spacing: 0px;
    color: #FD7C16;
    opacity: 1;
}

.steps-list li.completed-step .number-text {
    background: #FFF7F1 0% 0% no-repeat padding-box;
    color: #FD7C16;
}


.svgalignment-createaccount {
    position: absolute;
    top: 4.5rem;
    left: 1.3rem;
}

.steps-list li span {
    display: block;
    text-align: left;
    margin-left: 0.5rem;
}

.number-text {
    font-size: 2rem;
    margin-left: 0rem !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #E36F13;
    box-shadow: 0px 3px 6px #FAE0CC;
    opacity: 1;
    border-radius: 50%;
    padding: 0.9rem 1.6rem;

}

.content-container {
    flex: 3;
}

.content {
    display: none;
}

.content.active-content {
    display: block;
}

.content img {
    max-width: 100%;
    border-radius: 10px;
    margin-top: 1rem;
}


.width-simpletracker {
    width: 60%;
    height: auto;
}

.background-timechamphelp {
    background: #FDFAF8 0% 0% no-repeat padding-box;
    opacity: 1;
}

.timechamp-trackerhelptext {
    margin: 0;
    font-weight: 700 !important;
    font-size: 2rem;
    letter-spacing: 0.5px;
    color: #111111;
    line-height: 1.1;
    opacity: 1;
}

.thinkingimage {
    position: relative;
    top: 0.5rem;
}

.timechamp-trackerimage {
    width: 53%;
    height: auto;
}

.alignment-tasktrackerhelp {
    display: flex;
    align-items: center;
    width: 82%;
    margin: auto;
    gap: 5rem;
    padding: 3rem 0rem;
}

.withtimechamptext {
    font-weight: 600;
    margin-top: 1.3rem;
    letter-spacing: 0.68px;
    color: #000000;
    margin-bottom: 0;
    opacity: 1;
}

.monitortime-text {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #C65B09;
    opacity: 1;
    line-height: 1.6;
    margin-bottom: 0.9rem;
}

.teamstrack-text {
    font-size: 1.05rem;
    line-height: 1.7;
    letter-spacing: 0.25px;
    color: #111111;
    opacity: 1;
    flex-grow: 1;
}

.userfriendly-text {
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: #111111;
    opacity: 1;
    width: 80%;
    padding: 2rem 0rem;
    line-height: 1.6;
    padding-bottom: 0;
    margin: auto;
}

.background-trackhours {
    background-image: url(../images/track-hoursbackground.webp);
    background-size: 100% 100%;
    width: fit-content;
    margin: auto;
    display: flex;
    align-items: center;
    padding: 1.5rem 3rem;
    justify-content: center;
    gap: 2rem;
    transform: translateY(2.5rem);
}

.trackyourtext {
    margin: 0;
    font-size: 1.3em;
    letter-spacing: 0.73px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
}

.getstartedaction {
    background: transparent linear-gradient(256deg, #FD7C16 0%, #FDA83D 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    text-decoration: none;
    opacity: 1;
    padding: 0.5rem 1.6rem;
}

.getstartedaction:hover {
    background: transparent linear-gradient(76deg, #FD7C16 0%, #FDA83D 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
}

.background-howitworks {
    background: #FAF7FF 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 2rem 0rem;
    margin-top: 3rem;
}

.howitworkstext {
    font-weight: 700 !important;
    font-size: 2.2rem;
    letter-spacing: 0.7px;
    color: #111111;
    opacity: 1;
    margin: 1.5rem 0rem;
    padding-left: 11rem;
    margin-bottom: 0;
}

.alignmentimage-monitortext {
    display: flex;
    flex-direction: column;
}

.alignment-monitoremployeetext {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 82%;
    margin: auto;
    gap: 0rem;
    column-gap: 3rem;
}

.companies-understandtext {
    line-height: 1.8;
    letter-spacing: 0.68px;
    font-size: 1.05rem;
    color: #000000;
    margin-top: 1.3rem;
    opacity: 1;
    margin-bottom: 0;
}

.background-headertracker {
    background-image: url(../images/tasktrackerfeature-background.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #FDF8FA;
}

.simple-onlinetext {
    font-weight: 700 !important;
    font-size: 2.9rem;
    letter-spacing: 0.6px;
    color: #FEFDFF;
    opacity: 1;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.free-signupbutton {
    border: 1px solid #FDA83D;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0;
    color: #FD7C16;
    padding: 0.55rem 1.6rem;
    margin-right: 0.8rem;
    text-decoration: none;
    border-radius: 5px;
}

.free-signupbutton:hover {
    background: transparent linear-gradient(74deg, #FD7C16 0%, #FDA83D 100%) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

.book-demobutton {
    background: transparent linear-gradient(73deg, #FD7C16 0%, #FDA83D 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FC7318;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0;
    color: #FFFFFF;
    padding: 0.55rem 1.6rem;
    text-decoration: none;
    border-radius: 5px;
}

.book-demobutton:hover {
    background: transparent linear-gradient(256deg, #FD7C16 0%, #FDA83D 100%) 0% 0% no-repeat padding-box;
}

.simple-trackertext {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.28px;
    color: #FEFDFF;
    opacity: 1;
    line-height: 1.8;
}

.alignment-signup-demobuttons {
    margin-top: 2.8rem;
}

.alignment-simpletracker {
    display: flex;
    align-items: center;
    width: 82%;
    margin: auto;
    gap: 3rem;
    padding: 10rem 0rem;
}

.track-timetext {
    font-weight: 700 !important;
    font-size: 2.4rem;
    letter-spacing: 0.5px;
    line-height: 1.5;
    color: #111111;
    opacity: 1;
    margin: 0.6rem 0rem;
}

.background-tracktime {
    background: #FAF7FF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.alignment-backgroundimage {
    padding-top: 2rem;
}

.features-text {
    font-size: 1.1rem;
    line-height: 1.9;
    letter-spacing: 0.68px;
    color: #000000;
    opacity: 1;
}

.width-tracktime {
    width: 55%;
    height: auto;
}

.alignment-trackyourtimetext {
    display: flex;
    align-items: center;
    width: 82%;
    margin: auto;
    gap: 4rem;
    padding: 4rem 0rem;
    flex-direction: row-reverse;
}

.alignment-organizework {
    display: flex;
    align-items: center;
    width: 82%;
    margin: auto;
    gap: 4rem;
    padding: 3rem 0rem;
}

.tasktimer-usecasestext {
    font-size: 2.3rem;
    text-align: center;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
    color: #111111;
    opacity: 1;
    margin-top: 1rem;
}

.alignment-image-featurestext {
    width: 82%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.alignment-imagetext {
    display: flex;
    align-items: center;
    margin-bottom: 0.6rem;
}

.background-testimonial {
    background: #FAF7FF 0% 0% no-repeat padding-box;
    opacity: 1;
    margin-top: 0rem;
    padding: 3rem 0rem;
}

.alignment-textimagetestimonial {
    position: absolute;
    top: 10rem;
}

.image-textalignment {
    position: relative;
}

.reviewperson-designation {
    font-size: 0.7rem;
    text-align: center;
    letter-spacing: 0px;
    color: #231F20;
    opacity: 1;
    margin-bottom: 0;
}

.person-reviewmessage {
    font-size: 0.75rem;
    text-align: center;
    letter-spacing: 0.38px;
    color: #33475B;
    padding: 1rem 2rem;
    line-height: 1.7;
    opacity: 1;
}

.reviewgivenname {
    font-weight: 700;
    font-size: 0.9rem;
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    color: #430F85;
    opacity: 1;
}

.alignment-reviewimage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 80%;
    margin: auto;
    margin-top: 3rem;
}

.width-reviewimage {
    width: 100%;
    height: auto;
}

.testimonials-text {
    font-size: 2.4rem;
    text-align: center;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
    margin: 0;
}

.width-usecases {
    width: 40%;
    height: auto;
}

.background-tasktrackerusecases {
    background: #FDFAF8 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 2.5rem 0rem;
    margin-top: 0rem;
}

.listtype-alignment {
    list-style-type: none;
    padding-left: 0;
}

.tasktracker-advantagestext {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0.36px;
    color: #111111;
    opacity: 1;
}

.background-onstepsolution {
    background-image: url(../images/bannerbackground-newpage.webp);
    background-size: 100% 100%;
    padding: 2rem 0rem;
    width: 83%;
    margin: auto;
    padding-bottom: 4rem;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.width-alignmentimage {
    width: 5%;
    height: auto;
}

.width-globeimage {
    width: 3%;
    height: auto;
    position: relative;
    top: 0.2rem;
    margin-left: 1rem;
}

.getstarted-action {
    letter-spacing: 0.6px;
    color: #FFFFFF;
    opacity: 1;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem 2rem;
    background: transparent linear-gradient(256deg, #FD7C16 0%, #FDA83D 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-decoration: none;
}

.getstarted-action:hover {
    background: transparent linear-gradient(76deg, #FD7C16 0%, #FDA83D 100%) 0% 0% no-repeat padding-box;
}

.readytake-text {
    font-size: 1.05rem;
    letter-spacing: 0.1px;
    color: #FFFFFF;
    opacity: 1;
}

.totalcustomertext {
    font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-left: 0.3rem;
}

.employee-managementtext {
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 0.68px;
    color: #FFFFFF;
    opacity: 1;
    margin: 1rem 0rem;
}

.answers-text {
    font-size: 2.3rem;
    margin-top: 5rem;
    text-align: center;
    color: #111111;
    font-weight: 700 !important;
    opacity: 1;
    margin-bottom: 0;
}

.questionsleft-text {
    font-size: 1.45rem;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 3.5rem;
    line-height: 1.8;
    margin-top: 0.3rem;
    color: #111111;
}

.alignemnt-faqquestions {
    width: 80%;
    margin: auto;
}

.background-faqquestions {
    background: #F2EFFF 0% 0% no-repeat padding-box;
    border: 1px solid #F2EFFF;
    border-radius: 10px;
    opacity: 1;
    margin-bottom: 1.5rem;
    cursor: pointer;
}

.alignment-icon-text {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: 1rem;
}

.icon-wrapper {
    padding: 0.3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #4A3AFF 0% 0% no-repeat padding-box;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}

.rotate {
    transform: rotate(180deg);
}

.parentcontrol-faqtext {
    font-size: 1.2rem;
    letter-spacing: 0rem;
    color: #111111;
    font-weight: 600;
    opacity: 1;
    margin: 0.5rem 0rem;
    padding: 0.5rem 0rem;
}

.paragraph-answertest {
    font-size: 1rem;
    letter-spacing: 0.3px;
    color: #111111;
    opacity: 1;
    line-height: 1.6;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-in-out;
    margin: 0rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    font-weight: 500;
}

.footer-alignment {
    margin-top: 5rem;
    margin-bottom: 7rem;
}

/*video section */
.background-videosection {
    background-color: #FDF8FA;
    background-image: url(../images/background-tasktimer-videosection.webp);
    background-size: 100% 100%;
    padding: 3rem 0rem;
}

.checkitouttext {
    font-size: 2.4rem;
    letter-spacing: 0.55px;
    text-align: center;
    color: #111111;
    font-weight: 800 !important;
    opacity: 1;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.width-videbackground {
    width: 82%;
    margin: auto;
}

.width-playbutton {
    width: 7%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.alignment-videobuttonimage {
    position: relative;
    text-align: center;
    width: 85%;
    margin: auto
}

.modal {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-content {
    margin: auto;
    padding: 4px;
    width: 80%;
    position: relative;
    background-color: white;
    top: 8rem;
}

.modal-content iframe {
    width: 100%;
    height: 70vh;
}

.close {
    position: absolute;
    right: -1.2rem;
    top: -2.4rem;
    font-size: 45px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.rich-tasktimertext {
    font-weight: 700 !important;
    font-size: 2.4rem;
    letter-spacing: 0.5px;
    line-height: 1.5;
    text-align: center;
    color: #111111;
    opacity: 1;
    margin: 1.4rem 0rem;
}

@media(max-width:374px) {
    .modal-content iframe {
        height: 30vh;
    }

    .modal-content {
        top: 10rem;
    }

    .background-videosection {
        padding: 2rem 0rem;
    }

    .width-videbackground {
        width: 85%;
    }

    .alignment-backgroundimage {
        padding-top: 1rem;
    }

    .steps-container {
        display: none;
    }

    .content {
        display: block;
    }

    .alignment-monitoremployeetext {
        grid-template-columns: 1fr;
    }

    .alignment-monitoremployeetext>div:nth-child(odd) {
        order: 1;
    }

    .alignment-monitoremployeetext>div:nth-child(even) {
        order: 2;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+1) {
        order: 1;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+2) {
        order: 2;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+3) {
        order: 3;
    }

    .steps-list li {
        font-size: 1rem;
    }

    .number-text {
        font-size: 1.5rem;
    }

    .svgalignment-createaccount {
        top: 3.7rem;
    }

    .timechamp-trackerhelptext {
        font-size: 1.1rem;
    }

    .background-trackhours {
        width: 85%;
        margin: auto;
        gap: 0.5rem;
        padding: 0.6rem 0.6rem;
        flex-direction: column;
    }

    .thinkingimage {
        width: 40px;
        height: 40px;
    }

    .trackyourtext {
        font-size: 0.9rem;
    }

    .alignment-tasktrackerhelp {
        flex-direction: column;
    }

    .monitortime-text {
        font-size: 1rem;
    }

    .teamstrack-text {
        font-size: 0.9rem;
        margin-bottom: 0;
    }

    .timechamp-trackerimage {
        width: 80%;
    }

    .getstartedaction {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }

    .howitworkstext {
        font-size: 1.25rem;
        padding-left: 0;
        text-align: center;
    }

    .how-it-works {
        flex-direction: column;
        width: 85%;
        padding: 1rem;
    }

    .createaccount-text {
        font-size: 1rem;
    }

    .expalin-howitworktext {
        font-size: 0.9rem;
    }

    .companies-understandtext {
        font-size: 1rem;
    }

    .background-tasktrackerusecases {
        padding: 1.5rem 0rem;
    }

    .reviewgivenname {
        font-size: 0.8rem;
    }

    .person-reviewmessage {
        font-size: 0.65rem;
        padding: 0.1rem 1rem;
    }

    .alignment-textimagetestimonial {
        top: 6.8rem;
    }

    .alignment-imagetext {
        align-items: flex-start;
    }

    .userfriendly-text {
        font-size: 1.1rem;
        width: 85%;
    }

    .background-onstepsolution {
        flex-direction: column;
        width: 85%;
        gap: 3rem;
    }

    .width-globeimage {
        margin-left: 0rem;
        width: 5%;
    }

    .width-alignmentimage {
        width: 8%;
        margin-left: 0.5rem;
    }

    .readytake-text {
        font-size: 0.9rem;
        text-align: center;
        padding: 0rem 1rem;
    }

    .alignment-smallimage {
        text-align: center;
    }

    .getstarted-action {
        font-size: 0.9rem;
    }

    .totalcustomertext {
        font-size: 0.9rem;
    }

    .employee-managementtext {
        font-size: 1rem;
        padding: 0rem 1rem;
        text-align: center;
    }

    .testimonials-text {
        font-size: 1.25rem;
    }

    .alignment-reviewimage {
        grid-template-columns: repeat(1, 1fr);
        width: 85%;
    }

    .free-signupbutton {
        font-size: 0.9rem;
        margin-right: 0.1rem;
        padding: 0.5rem 1.3rem;
    }

    .book-demobutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.3rem;
    }

    .answers-text {
        font-size: 1.25rem;
        margin-top: 3rem;
    }

    .questionsleft-text {
        font-size: 0.9rem;
    }

    .alignemnt-faqquestions {
        width: 85%;
    }

    .alignment-icon-text {
        margin-left: 0.5rem;
        gap: 0.5rem;
    }

    .parentcontrol-faqtext {
        font-size: 0.9rem;
        margin: 0rem;
        line-height: 1.5rem;
    }

    .paragraph-answertest {
        font-size: 0.8rem;
    }

    .alignment-simpletracker {
        flex-direction: column;
        padding: 6.5rem 0rem;
    }

    .simple-onlinetext {
        font-size: 1.35rem;
        text-align: center;
    }

    .simple-trackertext {
        font-size: 1rem;
    }

    .width-simpletracker {
        width: 90%;
    }

    .alignment-trackyourtimetext {
        flex-direction: column;
        padding: 1rem 0rem;
        gap: 1rem;
    }

    .track-timetext {
        font-size: 1.2rem;
        text-align: center;
    }

    .checkitouttext {
        font-size: 1.2rem;
        margin: 0.5rem 0rem;
    }

    .rich-tasktimertext {
        font-size: 1.2rem;
    }

    .features-text {
        font-size: 1rem;
    }

    .width-tracktime {
        width: 85%;
    }

    .alignment-organizework {
        flex-direction: column;
        padding: 2rem 0rem;
        gap: 2rem;
    }

    .tasktimer-usecasestext {
        font-size: 1.25rem;
    }

    .alignment-image-featurestext {
        flex-direction: column;
        gap: 2rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .width-usecases {
        width: 70%;
    }

    .tasktracker-advantagestext {
        font-size: 1rem;
        line-height: 1.8;
    }


}

@media(min-width:374px) and (max-width:475px) {
    .modal-content iframe {
        height: 35vh;
    }

    .modal-content {
        top: 10rem;
    }

    .width-playbutton {
        width: 8%;
    }

    .modal-content {
        width: 85%;
    }

    .background-videosection {
        padding: 2rem 0rem;
    }

    .width-videbackground {
        width: 87%;
    }

    .alignment-backgroundimage {
        padding-top: 0rem;
    }

    .width-imagetext {
        width: 45%;
    }

    .timechamp-trackerhelptext {
        font-size: 1.3rem;
    }

    .alignment-monitoremployeetext {
        grid-template-columns: 1fr;
    }

    .alignment-monitoremployeetext>div:nth-child(odd) {
        order: 1;
    }

    .alignment-monitoremployeetext>div:nth-child(even) {
        order: 2;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+1) {
        order: 1;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+2) {
        order: 2;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+3) {
        order: 3;
    }


    .background-trackhours {
        width: 85%;
        gap: 0rem;
        padding: 0.5rem 0.5rem;
    }

    .thinkingimage {
        width: 40px;
        height: 40px;
    }

    .alignment-tasktrackerhelp {
        flex-direction: column;
    }

    .monitortime-text {
        font-size: 1rem;
    }

    .trackyourtext {
        font-size: 1rem;
    }

    .timechamp-trackerimage {
        width: 85%;
    }

    .companies-understandtext {
        font-size: 1rem;
    }

    .getstartedaction {
        font-size: 0.9rem;
        padding: 0.5rem 1.1rem;
    }

    .howitworkstext {
        font-size: 1.35rem;
        padding-left: 0;
        text-align: center;
    }

    .how-it-works {
        width: 78%;
        flex-direction: column;
        padding: 0;
    }

    .steps-list li {
        font-size: 1rem;
    }

    .expalin-howitworktext {
        font-size: 0.95rem;
    }

    .createaccount-text {
        font-size: 1.1rem;
    }

    .steps-container {
        display: none;
    }

    .content {
        display: block;
    }

    .userfriendly-text {
        font-size: 1.2rem;
        width: 85%;
    }

    .teamstrack-text {
        font-size: 0.95rem;
    }

    .answers-text {
        font-size: 1.35rem;
    }

    .alignment-reviewimage {
        width: 85%;
        grid-template-columns: repeat(1, 1fr);
    }

    .alignment-textimagetestimonial {
        top: 8rem;
    }

    .person-reviewmessage {
        font-size: 0.7rem;
        padding: 0.5rem 1.5rem;
    }

    .alignment-imagetext {
        align-items: flex-start;
    }

    .alignment-smallimage {
        text-align: center;
    }

    .background-onstepsolution {
        flex-direction: column;
        gap: 2rem;
        width: 80%;
    }

    .width-globeimage {
        width: 5%;
    }

    .getstarted-action {
        font-size: 0.9rem;
    }

    .employee-managementtext {
        font-size: 1rem;
        text-align: center;
        padding: 0rem 0.7rem;
    }

    .width-alignmentimage {
        width: 7%;
    }

    .readytake-text {
        font-size: 0.95rem;
        text-align: center;
        padding: 0 0.7rem;
    }

    .totalcustomertext {
        font-size: 1rem;
    }

    .free-signupbutton {
        font-size: 0.9rem;
        margin-right: 0.5rem;
    }

    .book-demobutton {
        font-size: 0.9rem;
    }

    .questionsleft-text {
        font-size: 1rem;
    }

    .alignemnt-faqquestions {
        width: 85%;
    }

    .alignment-icon-text {
        gap: 0.7rem;
        margin-left: 0.7rem;
        line-height: 1.9rem;
    }

    .parentcontrol-faqtext {
        font-size: 1rem;
        margin: 0rem;
    }

    .paragraph-answertest {
        font-size: 0.9rem;
    }

    .alignment-simpletracker {
        flex-direction: column;
        padding: 6.5rem 0rem;
        text-align: center;
    }

    .simple-onlinetext {
        font-size: 1.4rem;
    }

    .simple-trackertext {
        font-size: 1rem;
    }

    .width-simpletracker {
        width: 90%;
    }

    .alignment-trackyourtimetext {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 0rem;
    }

    .track-timetext {
        font-size: 1.35rem;
        text-align: center;
    }

    .checkitouttext {
        font-size: 1.35rem;
        margin: 0.5rem 0rem;
    }

    .rich-tasktimertext {
        font-size: 1.35rem;
        margin: 0;
        padding-top: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .features-text {
        font-size: 1rem;
    }

    .width-tracktime {
        width: 80%;
    }

    .alignment-organizework {
        flex-direction: column;
        padding: 2rem 0rem;
        gap: 2rem;
    }

    .tasktimer-usecasestext {
        font-size: 1.35rem;
    }

    .alignment-image-featurestext {
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1rem;
        margin-top: 3rem;
    }

    .tasktracker-advantagestext {
        font-size: 1rem;
    }

    .width-usecases {
        width: 70%;
    }

    .testimonials-text {
        font-size: 1.35rem;
    }

}

@media(min-width:475px) and (max-width:700px) {
    .modal-content iframe {
        height: 42vh;
    }

    .modal-content {
        width: 85%;
        top: 10rem;
    }

    .width-videbackground {
        width: 85%;
    }

    .alignment-simpletracker {
        flex-direction: column;
        padding: 6rem 0rem;
    }

    .background-videosection {
        padding: 2rem 0rem;
    }

    .alignment-backgroundimage {
        padding-top: 0rem;
    }

    .steps-container {
        display: none;
    }

    .content {
        display: block;
    }

    .alignment-monitoremployeetext {
        grid-template-columns: 1fr;
        width: 75%;
    }

    .alignment-monitoremployeetext>div:nth-child(odd) {
        order: 1;
    }

    .alignment-monitoremployeetext>div:nth-child(even) {
        order: 2;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+1) {
        order: 1;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+2) {
        order: 2;
    }

    .alignment-monitoremployeetext>div:nth-child(3n+3) {
        order: 3;
    }

    .howitworkstext {
        font-size: 1.45rem;
        padding-left: 0;
        text-align: center;
    }

    .how-it-works {
        flex-direction: column;
        width: 83%;
    }

    .createaccount-text {
        font-size: 1.1rem;
    }

    .steps-list li {
        font-size: 1rem;
    }

    .expalin-howitworktext {
        font-size: 1rem;
    }

    .thinkingimage {
        width: 40px;
        height: 40px;
    }

    .userfriendly-text {
        font-size: 1.1rem;
        width: 85%;
    }

    .background-trackhours {
        width: 85%;
        padding: 0.5rem 0.6rem;
        gap: 0.5rem;
    }

    .getstartedaction {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }

    .trackyourtext {
        font-size: 1rem;
    }

    .width-imagetext {
        width: 50%;
    }

    .alignment-tasktrackerhelp {
        flex-direction: column;
        gap: 3rem;
    }

    .companies-understandtext {
        font-size: 1rem;
    }

    .monitortime-text {
        font-size: 1rem;
    }

    .timechamp-trackerimage {
        width: 80%;
    }

    .timechamp-trackerhelptext {
        font-size: 1.3rem;
    }

    .alignment-reviewimage {
        grid-template-columns: repeat(1, 3fr);
        width: 70%;
    }

    .person-reviewmessage {
        font-size: 0.7rem;
    }

    .alignment-textimagetestimonial {
        top: 8rem;
    }

    .background-onstepsolution {
        flex-direction: column;
        gap: 3rem;
        width: 70%;
    }

    .background-onstepsolution {
        width: 85%;
    }

    .employee-managementtext {
        font-size: 1rem;
        text-align: center;
        padding: 0 0.6rem;
    }

    .getstarted-action {
        font-size: 0.9rem;
    }

    .alignment-smallimage {
        text-align: center;
    }

    .width-globeimage {
        width: 4.5%;
        margin-left: 0.5rem;
    }

    .width-alignmentimage {
        width: 7%;
    }

    .readytake-text {
        font-size: 0.9rem;
        text-align: center;
        padding: 0 0.5rem;
    }

    .totalcustomertext {
        font-size: 1rem;
    }

    .alignment-signup-demobuttons {
        text-align: center;
    }

    .free-signupbutton {
        font-size: 0.9rem;
    }

    .book-demobutton {
        font-size: 0.9rem;
    }

    .simple-onlinetext {
        font-size: 1.5rem;
        text-align: center;
    }

    .alignment-trackyourtimetext {
        flex-direction: column;
        gap: 2rem;
        padding: 2rem 0rem;
    }

    .features-text {
        font-size: 1rem;
    }

    .width-tracktime {
        width: 80%;
    }

    .footer-alignment {
        margin-top: 3rem;
    }

    .width-usecases {
        width: 50%;
    }

    .alignment-organizework {
        flex-direction: column;
        gap: 2rem;
        padding: 1rem 0rem;
    }

    .testimonials-text {
        font-size: 1.5rem;
    }

    .tasktracker-advantagestext {
        font-size: 1rem;
    }

    .alignment-image-featurestext {
        flex-direction: column;
        gap: 3rem;
    }

    .tasktimer-usecasestext {
        font-size: 1.5rem;
    }

    .track-timetext {
        font-size: 1.5rem;
        text-align: center;
    }

    .checkitouttext {
        font-size: 1.5rem;
        margin: 0.5rem 0rem;
    }

    .rich-tasktimertext {
        font-size: 1.5rem;
        margin: 0;
        padding-top: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .width-simpletracker {
        width: 85%;
    }

    .simple-trackertext {
        font-size: 1rem;
    }

    .answers-text {
        font-size: 1.45rem;
        margin-top: 3rem;
    }

    .questionsleft-text {
        font-size: 1.05rem;
    }

    .alignemnt-faqquestions {
        width: 85%;
    }

    .parentcontrol-faqtext {
        font-size: 1rem;
        line-height: 2rem;
    }

    .paragraph-answertest {
        font-size: 0.9rem;
    }


}

@media(min-width:701px) and (max-width:900px) {

    .background-videosection {
        padding: 2.2rem 0rem;
    }

    .modal-content iframe {
        height: 52vh;
    }

    .modal-content {
        top: 9rem;
    }

    .width-videbackground {
        width: 85%;
    }

    .alignment-monitoremployeetext {
        width: 85%;
        column-gap: 1rem;
    }

    .howitworkstext {
        font-size: 1.5rem;
        padding-left: 0;
        text-align: center;
    }

    .steps-container {
        margin-right: 1rem;
        flex: 1.8;
    }

    .svgalignment-createaccount {
        top: 3rem;
        left: 0.6rem;
    }

    .createaccount-text {
        font-size: 1.1rem;
    }

    .expalin-howitworktext {
        font-size: 1rem;
    }

    .number-text {
        font-size: 1.7rem;
        padding: 0.4rem 1rem;
    }

    .how-it-works {
        width: 90%;
        padding: 0.5rem;
    }

    .steps-list li {
        font-size: 1rem;
    }

    .monitortime-text {
        font-size: 0.9rem;
    }

    .teamstrack-text {
        font-size: 0.8rem;
    }

    .answers-text {
        font-size: 1.6rem;
        margin-top: 3rem;
    }

    .userfriendly-text {
        font-size: 1.2rem;
        width: 87%;
    }

    .background-trackhours {
        width: 85%;
        gap: 1rem;
        padding: 1rem;
    }

    .timechamp-trackerhelptext {
        font-size: 1.3rem;
    }

    .timechamp-trackerimage {
        width: 70%;
    }

    .thinkingimage {
        width: 40px;
        height: 40px;
    }

    .companies-understandtext {
        font-size: 1rem;
    }

    .width-imagetext {
        width: 65%;
    }

    .alignment-tasktrackerhelp {
        flex-direction: column;
        gap: 3rem;
    }

    .trackyourtext {
        font-size: 1rem;
    }

    .getstartedaction {
        font-size: 0.9rem;
        padding: 0.5rem 1.2rem;
    }

    .alignment-reviewimage {
        grid-template-columns: repeat(2, 1fr);
        width: 85%;
    }

    .alignment-textimagetestimonial {
        top: 7rem;
    }

    .background-onstepsolution {
        width: 90%;
        gap: 0;
    }

    .employee-managementtext {
        font-size: 1rem;
    }

    .reviewgivenname {
        font-size: 0.8rem;
    }

    .person-reviewmessage {
        font-size: 0.7em;
        padding: 0.8rem;
    }

    .width-alignmentimage {
        width: 6%;
    }

    .width-smallscreens {
        width: 70%;
    }

    .width-globeimage {
        width: 4%;
    }

    .getstarted-action {
        font-size: 0.9rem;
        padding: 0.5rem 1.7rem;
    }

    .readytake-text {
        font-size: 0.9rem;
    }

    .totalcustomertext {
        font-size: 1rem;
    }

    .alignment-simpletracker {
        flex-direction: column;
        padding: 7rem 0rem;
        gap: 4rem;
    }

    .alignment-signup-demobuttons {
        margin-top: 2rem;
    }

    .free-signupbutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.7rem;
    }

    .book-demobutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.7rem;
    }

    .features-text {
        font-size: 1rem;
    }

    .simple-onlinetext {
        font-size: 1.6rem;
    }

    .track-timetext {
        font-size: 1.6rem;
    }

    .checkitouttext {
        font-size: 1.6rem;
        margin: 0.8rem 0rem;
    }

    .rich-tasktimertext {
        font-size: 1.6rem;
    }

    .testimonials-text {
        font-size: 1.6rem;
    }

    .tasktracker-advantagestext {
        font-size: 1rem;
    }

    .width-tracktime {
        width: 70%;
    }

    .width-usecases {
        width: 60%;
    }

    .alignment-image-featurestext {
        flex-direction: column;
        gap: 2rem;
        margin-bottom: 2rem;
    }

    .tasktimer-usecasestext {
        font-size: 1.6rem;
    }

    .alignment-organizework {
        flex-direction: column;
        gap: 2rem;
    }

    .alignment-trackyourtimetext {
        flex-direction: column;
        gap: 1rem;
        padding: 2rem 0rem;
    }

    .simple-trackertext {
        font-size: 1.1rem;
    }

    .questionsleft-text {
        font-size: 1.1rem;
    }

    .alignemnt-faqquestions {
        width: 85%;
    }

    .parentcontrol-faqtext {
        font-size: 1rem;
        line-height: 2rem;
    }

    .paragraph-answertest {
        font-size: 0.9rem;
    }

}

@media(min-width:901px) and (max-width:1000px) {
    .width-videbackground {
        width: 85%;
    }

    .modal-content {
        top: 7.5rem;
    }

    .modal-content iframe {
        height: 60vh;
    }

    .howitworkstext {
        font-size: 1.7rem;
        text-align: center;
        padding-left: 0;
    }

    .how-it-works {
        width: 85%;
        padding: 0;
    }

    .svgalignment-createaccount {
        top: 3.5rem;
        left: 1rem;
    }

    .number-text {
        font-size: 1.6rem;
        padding: 0.7rem 1.4rem;
    }

    .steps-container {
        flex: 1.6;
        margin-right: 2rem;
    }

    .expalin-howitworktext {
        font-size: 0.95rem;
    }

    .steps-list li {
        font-size: 0.95rem;
    }

    .createaccount-text {
        font-size: 1.05rem;
    }

    .answers-text {
        font-size: 1.6rem;
    }

    .alignment-tasktrackerhelp {
        width: 85%;
        gap: 1rem;
    }

    .companies-understandtext {
        font-size: 0.95rem;
    }

    .timechamp-trackerimage {
        width: 50%;
    }

    .background-trackhours {
        padding: 1rem 2rem;
    }

    .teamstrack-text {
        font-size: 0.85rem;
    }

    .getstartedaction {
        font-size: 0.9rem;
        padding: 0.5rem 1.3rem;
    }

    .trackyourtext {
        font-size: 1rem;
    }

    .userfriendly-text {
        font-size: 1.5rem;
        width: 85%;
    }

    .monitortime-text {
        font-size: 0.95rem;
    }

    .alignment-monitoremployeetext {
        width: 85%;
        column-gap: 1rem;
    }

    .timechamp-trackerhelptext {
        font-size: 1.5rem;
    }

    .thinkingimage {
        width: 35px;
        height: 35px;
    }

    .person-reviewmessage {
        font-size: 0.65rem;
        padding: 0.5rem 0.8rem;
        line-height: 1.6;
    }

    .reviewgivenname {
        font-size: 0.8rem;
    }

    .alignment-reviewimage {
        width: 88%;
    }

    .alignment-textimagetestimonial {
        top: 6rem;
    }

    .reviewperson-designation {
        font-size: 0.6rem;
    }


    .width-usecases {
        width: 42%;
    }

    .width-smallscreens {
        width: 65%;
    }

    .employee-managementtext {
        font-size: 1rem;
    }

    .readytake-text {
        font-size: 0.95rem;
    }

    .getstarted-action {
        font-size: 0.9rem;
        padding: 0.5rem 1.7rem;

    }

    .background-onstepsolution {
        width: 85%;
        gap: 0;
    }

    .width-globeimage {
        width: 3.5%;
    }

    .width-alignmentimage {
        width: 5.5%;
    }

    .totalcustomertext {
        font-size: 1rem;
    }

    .questionsleft-text {
        font-size: 1.1rem;
    }

    .parentcontrol-faqtext {
        font-size: 1rem;
    }

    .paragraph-answertest {
        font-size: 0.9rem
    }

    .alignment-simpletracker {
        width: 85%;
        gap: 1rem;
        padding: 7.5rem 0rem;
    }

    .book-demobutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.6rem;
    }

    .free-signupbutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.6rem;
        margin-right: 0.5rem;
    }

    .alignment-signup-demobuttons {
        margin-top: 2rem;
    }

    .width-simpletracker {
        width: 56%;
    }

    .simple-onlinetext {
        font-size: 1.75rem;
    }

    .simple-trackertext {
        font-size: 1rem;
    }

    .alignment-trackyourtimetext {
        width: 85%;
        padding: 2.5rem 0rem;
        gap: 2rem;
    }

    .alignment-organizework {
        width: 85%;
        gap: 2rem;
        padding: 1rem 0rem;
    }

    .tasktimer-usecasestext {
        font-size: 1.6rem;
    }

    .width-tracktime {
        width: 53%;
    }

    .track-timetext {
        font-size: 1.6rem;
    }

    .checkitouttext {
        font-size: 1.6rem;
        margin: 0.8rem 0rem;
    }

    .rich-tasktimertext {
        font-size: 1.6rem;
    }

    .features-text {
        font-size: 1rem;
    }

    .alignment-image-featurestext {
        width: 85%;
        gap: 2rem;
    }

    .tasktracker-advantagestext {
        font-size: 1rem;
    }

    .testimonials-text {
        font-size: 1.6rem;
    }
}

@media(min-width:1001px) and (max-width:1200px) {
    .background-videosection {
        padding: 2.5rem 0rem;
    }

    .width-videbackground {
        width: 85%;
    }

    .answers-text {
        font-size: 1.7rem;
    }

    .alignment-tasktrackerhelp {
        width: 85%;
        gap: 1rem;
    }

    .alignment-reviewimage {
        width: 85%;
    }

    .timechamp-trackerhelptext {
        font-size: 1.6rem;
    }

    .thinkingimage {
        width: 40px;
        height: 40px;
    }

    .alignment-monitoremployeetext {
        width: 85%;
        column-gap: 1.5rem;
    }

    .monitortime-text {
        font-size: 1rem;
    }

    .teamstrack-text {
        font-size: 0.9rem;
    }

    .userfriendly-text {
        font-size: 1.6rem;
        width: 85%;
    }

    .trackyourtext {
        font-size: 1.2rem;
    }

    .how-it-works {
        width: 90%;
    }

    .createaccount-text {
        font-size: 1.1rem;
    }

    .expalin-howitworktext {
        font-size: 1rem;
    }

    .steps-list li {
        font-size: 1rem;
    }

    .getstartedaction {
        font-size: 0.9rem;
        padding: 0.5rem 1.3rem;
    }

    .howitworkstext {
        font-size: 1.7rem;
        padding-left: 6rem;
    }

    .timechamp-trackerimage {
        width: 50%;
    }

    .companies-understandtext {
        font-size: 0.95rem;
    }

    .reviewgivenname {
        font-size: 0.8rem;
    }

    .person-reviewmessage {
        font-size: 0.65rem;
        padding: 0.5rem 0.9rem;
    }

    .reviewperson-designation {
        font-size: 0.6rem;
    }

    .alignment-textimagetestimonial {
        top: 7rem;
    }

    .width-usecases {
        width: 38%;
    }

    .background-onstepsolution {
        width: 87%;
        gap: 0rem;
    }

    .employee-managementtext {
        font-size: 1.05rem;
    }

    .getstarted-action {
        font-size: 0.9rem;
        padding: 0.5rem 1.7rem;
    }

    .totalcustomertext {
        font-size: 1.1rem;
    }

    .readytake-text {
        font-size: 1rem;
    }

    .questionsleft-text {
        font-size: 1.1rem;
    }

    .alignment-trackyourtimetext {
        width: 85%;
        gap: 2rem;
    }

    .track-timetext {
        font-size: 1.7rem;
    }

    .checkitouttext {
        font-size: 1.7rem;
        margin: 1rem 0rem;
    }

    .rich-tasktimertext {
        font-size: 1.7rem;
    }

    .features-text {
        font-size: 1rem;
    }

    .width-tracktime {
        width: 53%;
    }

    .alignment-organizework {
        width: 85%;
        gap: 2rem;
    }

    .parentcontrol-faqtext {
        font-size: 1.05rem;
    }

    .alignment-simpletracker {
        width: 85%;
        gap: 1.5rem;
        padding: 8rem 0rem;
    }

    .simple-trackertext {
        font-size: 1.1rem;
    }

    .width-simpletracker {
        width: 56%;
    }

    .alignment-signup-demobuttons {
        margin-top: 2rem;
    }

    .free-signupbutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.75rem;
    }

    .book-demobutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.75rem;
    }

    .simple-onlinetext {
        font-size: 1.9rem;
    }

    .tasktimer-usecasestext {
        font-size: 1.7rem;
    }

    .alignment-image-featurestext {
        width: 85%;
        gap: 3rem;
    }

    .tasktracker-advantagestext {
        font-size: 1rem;
    }

    .testimonials-text {
        font-size: 1.8rem;
    }

    .width-usecases {
        width: 40%;
    }

    .steps-container {
        flex: 1.5;
        margin-right: 4rem;
    }

    .number-text {
        font-size: 1.7rem;
        padding: 0.7rem 1.4rem;
    }

    .svgalignment-createaccount {
        top: 3.6rem;
        left: 0.9rem;
    }

    .modal-content {
        top: 6rem;
    }
}

@media(min-width:1201px) and (max-width:1439px) {
    .howitworkstext {
        font-size: 2rem;
        padding-left: 7rem;
    }

    .width-videbackground {
        width: 83%;
    }

    .modal-content {
        top: 6rem;
    }

    .how-it-works {
        width: 87%;
    }

    .steps-container {
        flex: 1.3;
        margin-right: 5rem;
    }

    .number-text {
        font-size: 1.8rem;
        padding: 0.7rem 1.3rem;
    }

    .svgalignment-createaccount {
        top: 4.2rem;
        left: 0.9rem;
    }

    .steps-list li {
        font-size: 1.1rem;
        margin-bottom: 1.4rem;
    }

    .createaccount-text {
        font-size: 1.2rem;
    }

    .expalin-howitworktext {
        font-size: 1rem;
    }

    .alignment-tasktrackerhelp {
        width: 85%;
        gap: 3rem;
    }

    .reviewgivenname {
        font-size: 0.8rem;
    }

    .alignment-textimagetestimonial {
        top: 8rem;
    }

    .person-reviewmessage {
        padding: 0.5rem 1.5rem;
        font-size: 0.7rem;
    }

    .thinkingimage {
        width: 42px;
        height: 42px;
    }

    .withtimechamptext {
        font-size: 0.95rem;
    }

    .timechamp-trackerimage {
        width: 50%;
    }

    .monitortime-text {
        font-size: 1rem;
    }

    .trackyourtext {
        font-size: 1.2rem;
    }

    .getstartedaction {
        font-size: 0.9rem;
        padding: 0.5rem 1.4rem;
    }

    .userfriendly-text {
        font-size: 1.7rem;
        width: 85%;
    }

    .alignment-monitoremployeetext {
        width: 85%;
        column-gap: 3rem;
    }

    .teamstrack-text {
        font-size: 0.95rem;
    }

    .companies-understandtext {
        font-size: 0.95rem;
    }

    .answers-text {
        font-size: 2rem;
    }

    .timechamp-trackerhelptext {
        font-size: 1.7rem;
    }

    .employee-managementtext {
        font-size: 1.1rem;
    }

    .alignment-simpletracker {
        width: 85%;
        gap: 2rem;
        padding: 8.5rem 0rem;
    }

    .totalcustomertext {
        font-size: 1.1rem;
    }

    .getstarted-action {
        font-size: 0.9rem;
    }

    .readytake-text {
        font-size: 1rem;
    }

    .questionsleft-text {
        font-size: 1.2rem;
    }

    .alignment-trackyourtimetext {
        width: 85%;
        gap: 2rem;
    }

    .track-timetext {
        font-size: 2.1rem;
    }

    .checkitouttext {
        font-size: 2.1rem;
        margin: 1.5rem 0rem;
    }

    .rich-tasktimertext {
        font-size: 2.1rem;
    }

    .free-signupbutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.7rem;
    }

    .book-demobutton {
        font-size: 0.9rem;
        padding: 0.5rem 1.7rem;
    }

    .alignment-signup-demobuttons {
        margin-top: 2.5rem;
    }

    .width-tracktime {
        width: 52%;
    }

    .alignment-organizework {
        width: 85%;
        gap: 2rem;
    }

    .tasktracker-advantagestext {
        font-size: 1rem;
    }

    .testimonials-text {
        font-size: 2.1rem;
    }

    .tasktimer-usecasestext {
        font-size: 2.1rem;
    }

    .alignment-image-featurestext {
        width: 85%;
        gap: 4rem;
    }

    .features-text {
        font-size: 1rem;
    }

    .parentcontrol-faqtext {
        font-size: 1.1rem;
    }

    .simple-trackertext {
        font-size: 1.1rem;
    }

    .width-simpletracker {
        width: 57%;
    }

    .simple-onlinetext {
        font-size: 2.35rem;
    }
}

@media (min-width:1920px) {

    .howitworkstext {
        font-size: 2.3rem;
        padding-left: 14rem;
    }

    .modal-content {
        width: 75%;
    }

    .modal-content {
        top: 13rem;
    }

    .createaccount-text {
        font-size: 1.6rem;
    }

    .number-text {
        font-size: 2.3rem;
    }

    .svgalignment-createaccount {
        top: 4.7rem;
    }

    .steps-list li {
        font-size: 1.3rem;
    }

    .expalin-howitworktext {
        font-size: 1.15rem;
    }

    .timechamp-trackerhelptext {
        font-size: 2.3rem;
    }

    .reviewgivenname {
        font-size: 1.1rem;
    }

    .reviewperson-designation {
        font-size: 0.9rem;
    }

    .alignment-textimagetestimonial {
        top: 12.5rem;
    }

    .person-reviewmessage {
        font-size: 0.9rem;
        padding: 1.3rem 2.7rem;
    }

    .companies-understandtext {
        font-size: 1.2rem;
    }

    .withtimechamptext {
        font-size: 1.2rem;
    }

    .timechamp-trackerimage {
        width: 50%;
    }

    .thinkingimage {
        width: 56px;
        height: 56px;
    }

    .monitortime-text {
        font-size: 1.3rem;
    }

    .teamstrack-text {
        font-size: 1.15rem;
    }

    .userfriendly-text {
        font-size: 2.3rem;
    }

    .trackyourtext {
        font-size: 1.5rem;
    }

    .alignment-monitoremployeetext {
        width: 80%;
    }

    .getstartedaction {
        font-size: 1.1rem;
    }

    .width-managementimage {
        width: 63px;
        height: 50px;
    }

    .answers-text {
        font-size: 2.1rem;
    }

    .background-onstepsolution {
        width: 75%;
    }

    .employee-managementtext {
        font-size: 1.55rem;
    }

    .readytake-text {
        font-size: 1.15rem;
    }

    .totalcustomertext {
        font-size: 1.5rem;
    }

    .getstarted-action {
        font-size: 1.1rem;
    }

    .width-simpletracker {
        width: 58%;
    }

    .tasktimer-usecasestext {
        font-size: 2.6rem;
    }

    .testimonials-text {
        font-size: 2.6rem;
    }

    .width-usecases {
        width: 37%;
    }

    .alignment-imagetext {
        margin-bottom: 0.8rem;
    }

    .tasktracker-advantagestext {
        font-size: 1.35rem;
    }

    .width-tracktime {
        width: 52%;
    }

    .track-timetext {
        font-size: 2.6rem;
    }

    .checkitouttext {
        font-size: 2.6rem;
    }

    .rich-tasktimertext {
        font-size: 2.6rem;
    }

    .features-text {
        font-size: 1.3rem;
    }

    .simple-onlinetext {
        font-size: 3.3rem;
    }

    .simple-trackertext {
        font-size: 1.35rem;
    }

    .free-signupbutton {
        font-size: 1.1rem;
        padding: 0.6rem 1.8rem;
    }

    .book-demobutton {
        font-size: 1.1rem;
        padding: 0.6rem 1.8rem;
    }

    .questionsleft-text {
        font-size: 1.7rem;
    }

    .parentcontrol-faqtext {
        font-size: 1.4rem;
    }

    .paragraph-answertest {
        font-size: 1.1rem;
    }

}

@media (min-width:2200px) {
    .timechamp-trackerhelptext {
        font-size: 2.4rem;
    }


    .testimonials-text {
        font-size: 2.8rem;
    }

    .reviewgivenname {
        font-size: 1.3rem;
    }

    .reviewperson-designation {
        font-size: 1rem;
    }

    .person-reviewmessage {
        font-size: 1rem;
    }

    .alignment-textimagetestimonial {
        top: 15.5rem;
    }

    .companies-understandtext {
        font-size: 1.3rem;
    }

    .withtimechamptext {
        font-size: 1.3rem;
    }

    .timechamp-trackerimage {
        width: 50%;
    }

    .monitortime-text {
        font-size: 1.4rem;
    }

    .teamstrack-text {
        font-size: 1.25rem;
    }

    .userfriendly-text {
        font-size: 2.4rem;
    }

    .trackyourtext {
        font-size: 1.6rem;
    }

    .background-onstepsolution {
        width: 70%;
        padding: 2.5rem 0rem;
    }

    .width-simpletracker {
        width: 56%;
    }

    .features-text {
        font-size: 1.4rem;
    }

    .width-managementimage {
        width: 66px;
        height: 53px;
    }

    .tasktracker-advantagestext {
        font-size: 1.45rem;
    }

    .employee-managementtext {
        font-size: 1.7rem;
    }

    .readytake-text {
        font-size: 1.25rem;
    }

    .totalcustomertext {
        font-size: 1.6rem;
    }

    .getstarted-action {
        font-size: 1.2rem;
    }

    .answers-text {
        font-size: 2.2rem;
    }

    .simple-onlinetext {
        font-size: 3.5rem;
    }

    .simple-trackertext {
        font-size: 1.45rem;
    }

    .questionsleft-text {
        font-size: 1.8rem;
    }

    .parentcontrol-faqtext {
        font-size: 1.7rem;
    }

    .free-signupbutton {
        font-size: 1.2rem;
    }

    .paragraph-answertest {
        font-size: 1.2em;
    }

    .checkitouttext {
        font-size: 2.8rem;
    }

    .rich-tasktimertext {
        font-size: 2.8rem;
    }

}

@media (min-width:2500px) {
    .timechamp-trackerhelptext {
        font-size: 2.4rem;
    }

    .reviewperson-designation {
        font-size: 1.1rem;
    }

    .person-reviewmessage {
        font-size: 1.15rem;
    }

    .reviewgivenname {
        font-size: 1.4rem;
    }

    .alignment-textimagetestimonial {
        top: 19rem;
    }

    .companies-understandtext {
        font-size: 1.4rem;
    }

    .withtimechamptext {
        font-size: 1.4rem;
    }

    .monitortime-text {
        font-size: 1.4rem;
    }

    .teamstrack-text {
        font-size: 1.3rem;
    }

    .userfriendly-text {
        font-size: 2.5rem;
    }

    .trackyourtext {
        font-size: 1.6rem;
    }

    .employee-managementtext {
        font-size: 1.8rem;
    }

    .readytake-text {
        font-size: 1.35rem;
    }

    .totalcustomertext {
        font-size: 1.7rem;
    }

    .getstarted-action {
        font-size: 1.3rem;
    }

    .answers-text {
        font-size: 2.4rem;
    }

    .free-signupbutton {
        font-size: 1.3rem;
    }

    .simple-trackertext {
        font-size: 1.55rem;
    }

    .simple-onlinetext {
        font-size: 3.7rem;
    }

    .questionsleft-text {
        font-size: 1.9rem;
    }

    .parentcontrol-faqtext {
        font-size: 1.8rem;
    }

    .paragraph-answertest {
        font-size: 1.3em;
    }

    .checkitouttext {
        font-size: 3rem;
    }

    .rich-tasktimertext {
        font-size: 2.8rem;
    }
}

@media(min-width:420px) and (max-width:475px) {
    .alignment-reviewimage {
        width: 73%;
    }

    .alignment-textimagetestimonial {
        top: 7.8rem;
    }
}

@media(min-width:541px) and (max-width:600px) {
    .alignment-reviewimage {
        width: 65%;
    }
}

@media(min-width:601px) and (max-width:700px) {
    .alignment-reviewimage {
        width: 65%;
    }

    .alignment-textimagetestimonial {
        top: 11rem;
    }
}

@media(min-width:801px) and (max-width:900px) {
    .alignment-textimagetestimonial {
        top: 10rem;
    }
}

@media(min-width:1351px) and (max-width:1439px) {
    .alignment-textimagetestimonial {
        top: 9.5rem;
    }

    .person-reviewmessage {
        font-size: 0.75rem;
    }
}

@media(min-width:1701px) and (max-width:1919px) {
    .reviewgivenname {
        font-size: 1rem;
    }

    .reviewperson-designation {
        font-size: 0.8rem;
    }

    .person-reviewmessage {
        font-size: 0.85rem;
    }

    .alignment-textimagetestimonial {
        top: 12rem;
    }
}