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

    .why_evalio_content,
    .custom_q ul,
    .why_we_built_wrapper .why_built_content,
    .stats-section,
    .stats-section,
    .precision-wrapper {
        flex-wrap: wrap;
    }

    .custom_q ul li,
    .big_cmpn .big_cmpn_wrapper .why_evalio,
    .do_more,
    .why_we_built_wrapper .why_built_content .img_t,
    .why_we_built_wrapper .why_built_content .flow,
    .precision-left,
    .precision-right,
    .why_we_built_wrapper .why_built_content .flow ul li p,
    .why_evalio_head p,
    .why_built_head p,
    .why_evalio_content,
    .do_more .img_d img,
    .hero .container,
    .why_evalio_head,
    .cta-card h3 {
        width: 100%;
    }
.engageimgbox {
    margin: 0 0;
}
    .footer-logo {
        width: 149px;
    }

    .why_evalio_head {
        gap: 30px;
    }
  .testimonial_slider_section .testimonial img {
      width: 60px;
      height: 60px;
  }
        section.testimonial_slider_section {
            padding: 60px 10px 30px 10px;
        }
    .contact-form textarea {
        height: 160px;
    }

    .why_we_built_wrapper {
        padding-top: 46px;
        padding-bottom: 85px;
    }

    .hero .container {
        gap: 24px;
    }

    .max-width1200 {
        max-width: 89.091vw;
    }

    .icon {
        width: 30px;
        height: 30px;
    }

    .contact-form input {
        margin-bottom: 12px;
    }

    .highlight::after {
        width: 40px;
        height: 40px;
        background-size: cover;
        right: -45px;
    }

    .cta-card {
        gap: 170px;
        padding: 5.4vw;
    }

    .btn {
        padding: 12px 26px;
    }

    .right_menu .btn {
        font-weight: 500;
        padding: 12px 26px;
        border-radius: 16px;
    }

    .nav-open .logo {
        z-index: 9999;
    }

    .footer p,
    .btn,
    .cta-footer,
    .contact-form input,
    .contact-form textarea,
    .faq-answer,
    .why_evalio_head p,
    .why_built_head p,
    .subheading,
    .ttxbx p {
        font-size: 16px;
        line-height: 28px;
    }

    .btn {
        line-height: 1.4;
    }

    .highbx {
        display: flex;
        justify-content: center;
        margin-right: 42px;
    }

    .hero-title {
        font-size: clamp(42px, 8vw, 72px);
        line-height: 1.5;
    }

    h1.hero-title br {
        display: none;
    }

    .hero {
        padding: 120px 20px 243px 20px;
    }

    .faq-box,
    .custom_q ul li {
        padding: 16px;
    }

    .faq-answer {
        opacity: 0.7;
        padding: 10px 0px 0px;
    }

    .contact-card {
        padding: 5.04vw;
    }

    .why_evalio_head ul li img {
        height: 40px;
    }

    .why_evalio_head ul {
        overflow-x: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .faq-question {
        font-size: 20px;
        padding: 0;
    }

    .hero-desc {
        font-size: clamp(18px, 3.4vw, 22px);
    }

    .faq-item {
        padding: 16px 0;
    }

    .contact-card h3,
    .cta-card h3,
    .why_evalio_head h3,
    .why_built_head h3,
    .custom_q ul li .text_b h6 {
        line-height: 1.3;
    }

    .custom_q ul li .text_b p,
    .big_cmpn .big_cmpn_wrapper .why_evalio p {
        font-size: 14px;
        line-height: 1.5;
    }



    .para4 {
        margin-bottom: 40px !important;
    }

    h2,
    .stat-value {
        font-size: 10.909vw;
    }

    .stat-value {
        min-width: 180px;
    }

    .do_more,
    .big_cmpn .big_cmpn_wrapper .why_evalio {
        padding: 34px;
    }

    .feature h4,
    .why_we_built_wrapper .why_built_content .flow ul li h6 {
        font-size: clamp(18px, 4.015vw, 21px);
    }

    .why_we_built_wrapper .why_built_content .flow ul li h6 {
        font-size: 21px;
    }

    .feature p,
    .stat-label,
    .why_we_built_wrapper .why_built_content .flow ul li p,
    .why_we_built_wrapper .why_built_content .flow ul li .number span {
        font-size: clamp(18px, 4.015vw, 21px);
    }

    .why_we_built_wrapper .why_built_content .flow ul li p {
        font-size: 16px;
    }

    .stat-label,
    .custom_q ul li .text_b p {
        letter-spacing: -0.2px;
        opacity: 0.8;
    }

    .feature {
        margin-bottom: 24px;
        gap: 20px;
    }

    .why_we_built,
    .big_cmpn .big_cmpn_wrapper,
    .why_we_built_wrapper {
        overflow: hidden;
    }

    .hamburger {
        display: flex;
    }

    .right_menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #000;
        padding: 2rem;
        flex-direction: column;
        gap: 1rem;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
        z-index: 1000;
    }

    .nav {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .engage-img {
        display: none;
    }

    .engage-img-mob {
        display: block;
        margin-inline: auto;
        width: 100%;
    }

    .top_Ev::before {
        background-image: radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1.5px);
        background-size: 20px 20px;
    }

    .nav a {
        font-size: 18px;
    }

    .logo img {
        width: 149px;
    }

    .nav-open .top_Ev>* {
        position: unset;
    }

    .nav-open .header_wrapper.active .right_menu {
        padding-top: 115px;
    }

    .header_wrapper.active .right_menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100vw;
        gap: 60px;
        height: 100vh;
    }

    html.nav-open {
        overflow: hidden;
    }

    .precision-section,
    .contact-cta-section {
        padding: 75px 0;
    }

    .stats-section {
        justify-content: center;
        gap: 40px;
    }

    .contact-cta-container {
        flex-wrap: wrap;
    }

    .stat-item {
        flex-direction: column;
        text-align: center;
        gap: 0;
        width: 100%;
    }

    .why_we_built_wrapper .why_built_content .flow ul li .number {
        height: 43px;
        width: 43px;
    }

    .why_we_built_wrapper .why_built_content .flow ul li,
    .custom_q ul,
    .why_evalio {
        gap: 22px;
    }

    ul.custom-bullets li.subheading::before {
        left: -12px;
    }

    .why_we_built_wrapper .why_built_content {
        gap: 40px;
    }

    .hero-buttons {
        gap: 2.727vw;
    }

    .why_evalio_head ul {
        gap: 8.864vw;
        width: 100vw;
        align-items: flex-start;
    }

    .whysec {
        flex-direction: column;
    }

    .whysec-left,
    .whysec-right, .candidates ul li {
        width: 100%;
    }

    li {
        margin-left: 0;
    }

    .whysec-right-card ul li {
        margin-left: 14px;
    }

    .stat-label span {
        width: 300px;
        font-size: 16px;
    }

    .para ul li {
        margin-left: 12px;
    }

    .whysec-left-card,
    .whysec-right-card {
        padding: 40px;
    }

    .whysec-right-card {
        margin-top: 40px;
    }

    .heading2 {
        line-height: 1.4;
    }

    .heading3 {
        width: 100%;
        font-size: 18px;
    }

    .contact-card,
    .cta-card {
        width: 100%;
    }

    .ledding-hed {
        font-size: 28px;
        text-align: center;
    }

    .lead-sub {
        font-size: 22px;
        text-align: center;
    }

    .acc {
        font-size: 28px;
        text-align: center;
    }

    .stp {
        font-size: 28px;
        text-align: center;
    }

    .para p,
    .para ul li {
        font-size: 16px;
    }

    .font-32 {
        font-size: 28px;
    }

    .font-36 {
        font-size: 30px;
    }

    .font-21 {
        font-size: 20px;
    }

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

    .font-15 {
        font-size: 16px;
    }

    .font-16 {
        font-size: 16px;
    }

    .font-17 {
        font-size: 16px;
    }

    .font-18 {
        font-size: 18px;
    }

    .font-19 {
        font-size: 18px;
    }

    .font-20 {
        font-size: 20px;
    }

    .font-48 {
        font-size: 36px;
    }

    .cursor::after {
        right: -50px;
        width: 32px;
        height: 32px;
    }

    .subheading {
        font-size: clamp(12px, 2.01vw, 16px);
        line-height: 20px;
    }

    .precision-left h2 {
        font-size: 40px;
    }
}