@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .dashboard-wrapper {
        width: 90.583vw;
        height: 490px !important;
    }
        .left_btm_op ul li img,
        .tooltip .left_in img{
                    width: 2.091vw !important;
        }
                .avatar-group img{
                            margin-left: -2vw !important;
                }
}

@media screen and (max-width: 990px) {
    .max-width1280 {
        max-width: 90.909vw;
    }

    .greeting p {
        font-size: 4px;
    }

    .top-bar,
    .bottom-charts {
        gap: 4px;
    }
.two-rw{
        padding: 0 6px;
}
.kpi-cards2 .kpi-card{
        width: 16.136vw;
}
    .top-bar .filters a.blue-line-btn {
        border: 0.29px solid #3F83F8;
    }

    .dashboard-wrapper .main-content {
        border-radius: 4.58px;
        gap: 5px;
        width: 80%;
        margin: 3px 0;
    }

    .kpi-card,
    .kpi-cards2 .kpi-card {
        border-radius: 4.58px;
        padding: 3.43px;
        gap: 2px;
    }

    .dashboard-wrapper .sidebar {
        width: 20%;
    }

    .kpi-icons img.card-icon {
        width: 11.44px;
        height: auto;
    }

    .kpi-card h6 {
        font-size: 4px;
    }

    .kpi-card .count {
        font-size: 6.86px;
    }

    .kpi-icons img:last-child {
        width: 4px;
    }

    .kpi-cards2 {
        width: 100%;
    }

    .greeting h2 {
        font-size: 10px;
    }

    .hero-banner .top_sec {
        gap: 16px !important;
        margin-bottom: 1rem;
    }

    .hamburger {
        display: flex;
    }

    .top-bar .filters {
        font-size: 4px;
    }

    .top-bar .filters a {
        padding: 2px 4px;
        border-radius: 2.86px;
    }

    .filters a img {
        width: 4.58px;
        height: auto;
    }
.nav-wrapper .left_sec{
        z-index: 9999;
}
.nav-wrapper .middle_menus{
        padding-top: 60px;
}
    .right_sec_menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: white;
        padding: 1rem;
        flex-direction: column;
        gap: 1rem;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
        z-index: 1000;
    }

    .dashboard-img {
        margin-bottom: -30px;
    }

    .nav-wrapper.active .right_sec_menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
    }

    .right_opimization_wrapper img.dashboard {
        width: 130.909vw;
        margin-left: 45px;
        border-radius: 1rem;
    }

    .testimonial-slider .swiper-pagination-bullet-active {
        height: 1.5vw;
    }

    .contact-right,
    .bottom_edge .card_wrapper {
        width: 100%;
    }

    .btm_sec .card_wrapper {
        width: 85%;
    }

    .navbar .nav-wrapper {
        padding: 13px 20px;
    }

    .nav-wrapper.active .middle_menus .nav-links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .nav-wrapper.active .middle_menus .nav-links a {
        font-size: 18px;
    }

    .hero-banner .top_sec h5 {
        font-size: 0.75rem;
        text-align: center;
    }

    .hero-banner .top_sec h1,
    .main-section h1 {
        font-size: 2.25rem;
        text-align: center;
    }

    .hero-banner .top_sec h1 {
        width: 90%;
    }

    .hero-banner .top_sec h1 .border-btm::after {
        bottom: -20px;
        width: 100%;
    }

    .hero-banner .btm_sec .hero_bg {
        height: 100%;
        width: 115%;
        left: -9%;
        overflow: hidden;
    }

    .hero_bg svg {
        width: 155%;
    }

    .hero-banner .top_sec h5 br,
    .hero-banner .top_sec h1 br {
        display: block;
    }

    .top_head-detail h2,
    .blog_body h2 {
        font-size: 1.25rem;
    }

    .hero-banner .top_sec p,
    .top_head-detail p,
    .blog_body p {
        font-size: 1rem;
        width: 100%;
        line-height: 24px;
    }

    .blog_body .max-width {
        max-width: 90%;
    }

    .blue-btn,
    .blue-btn-call {
        font-size: 1rem;
        padding: 8px 12px;
        gap: 0.625rem;
    }

    .card_wrapper {
        transform: unset;
    }

    html.nav-open {
        overflow: hidden;
    }

    .btn_div {
        gap: 32px !important;
    }

    .clients {
        padding: 1.5rem 0;
    }

    .clients h2,
    .blog-meta {
        font-size: 0.75rem;
    }

    .clients ul {
        overflow-x: scroll;
        gap: 1.375rem;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .tooltip.sidebar {
        left: 15% !important;
    }

    .clients ul::-webkit-scrollbar,
    .footer .left_ftr p,
    .right_business .right_top_bs h3::after,
    .right_opimization.aos-animate .right_opimization_wrapper .tooltip.bottom {
        display: none;
    }

    .clients ul li {
        width: 100%;
    }

    .clients-container {
        gap: 1.25rem;
    }

    .clients ul li img {
        width: auto;
        height: 2rem;
    }

    .tranparent-btn,
    .learn_more_btn,
    .learn_more_btn-gry {
        font-size: 1.125rem;
        gap: 12px !important;
    }

    .hero-banner .top_sec h1::after {
        width: 29.972vw;
        bottom: -19px;
    }

    .business-grt-wrapper,
    .optimized-sec .optimized-sec-wrapper {
        flex-wrap: wrap;
    }

    .optimized-sec .optimized-sec-wrapper {
        gap: 31.333vw;
    }

    .left_slider_dv {
        width: 100%;
        height: 100%;
    }

    .captions {
        padding: 2.25rem;
    }

    .caption h3 {
        font-size: 2.25rem;
        margin-bottom: 12px;
    }

    .caption span,
    .section-header p {
        font-size: 1rem;
    }

    .section-header h2 {
        font-size: 8.182vw;
    }

    .caption p {
        font-size: 0.875rem;
        font-weight: 500;
        width: 100%;
    }

    .left_slider_dv .swiper-pagination {
        padding: 2.25rem;
    }

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 35px;
        border-radius: 50px;
        background: #fff;
    }

    .right_business {
        gap: 4.625rem;
    }

    .right_business .right_top_bs {
        width: 100%;
    }

    .right_business .right_top_bs h6,
    .optimized-sec-wrapper .left_opimization .left_top_op h6,
    .cutting_edge .cutting_edge_wrapper .top_cutting_edge h6,
    .integration_sec .top_integration h6,
    .testimonial-header h6 {
        font-size: 0.75rem;
    }

    .right_business .right_top_bs h3,
    .optimized-sec-wrapper .left_opimization .left_top_op h3,
    .cutting_edge .cutting_edge_wrapper .top_cutting_edge h3,
    .cutting_edge .cutting_edge_wrapper .bottom_cutting_edge ul li h2,
    .integration_sec .top_integration h2,
    .integration_sec .bottom_integration ul .color_card .color_body h2,
    .contact-left h2,
    .faq-header h2,
    .testimonial-header h3 {
        font-size: 2.25rem;
    }

    .integration_sec .top_integration h2 {
        line-height: 1.1;
        text-align: center;
    }

    .right_business .right_top_bs p,
    .optimized-sec-wrapper .left_opimization .left_top_op p,
    .cutting_edge .cutting_edge_wrapper .top_cutting_edge p,
    .right_btm_bs p,
    .left_btm_op ul li,
    .cutting_edge .cutting_edge_wrapper .bottom_cutting_edge ul li .top_edge p,
    .integration_sec .top_integration p,
    .integration_sec .bottom_integration ul .color_card .color_body p,
    .contact-left p,
    .faq-header p,
    .faq-question h4,
    .blog-info p,
    .read-btn {
        font-size: 1rem;
    }

    .blogs-section,
    .optimized-sec {
        padding-bottom: 100px;
    }

    .avatar-group img {
        width: 2.5rem;
        height: 2.5rem;
        margin-left: -4vw;
    }

    .tooltip h2 {
        font-size: 2.505vw;
    }

    .tooltip p {
        font-size: 2.148vw;
    }

    .right_btm_bs span {
        font-size: 0.875rem;
    }

    .right_btm_bs {
        gap: 1.25rem;
    }

    .left_opimization .left_top_op,
    .cutting_edge .cutting_edge_wrapper .top_cutting_edge,
    .integration_sec .bottom_integration ul .color_card {
        gap: 1.5rem;
    }

    .cutting_edge_wrapper {
        gap: 40px;
    }

    .left_btm_op ul,
    .cutting_edge .cutting_edge_wrapper .top_cutting_edge,
    .cutting_edge .cutting_edge_wrapper .bottom_cutting_edge ul,
    .integration_sec .bottom_integration ul,
    .footer-container,
    .contact-container,
    .section-header {
        flex-wrap: wrap;
    }

    .cutting_edge .cutting_edge_wrapper .top_cutting_edge .top_lft_Edge,
    .cutting_edge .cutting_edge_wrapper .bottom_cutting_edge ul li,
    .integration_sec .top_integration p,
    .integration_sec .bottom_integration ul .color_card,
    .contact-left h2,
    .two-cols input,
    .left_heading,
    .right_opimization.aos-animate .right_opimization_wrapper .tooltip.right {
        width: 100%;
    }

    .cutting_edge .cutting_edge_wrapper .bottom_cutting_edge ul li,
    .integration_sec .bottom_integration ul .color_card {
        padding: 1.875rem;
    }

    .right_business .right_top_bs h3 span::after,
    .cutting_edge .cutting_edge_wrapper .top_cutting_edge h3 span::after,
    .right_opimization.aos-animate .right_opimization_wrapper .tooltip.left,
    .right_opimization.aos-animate .product_card {
        display: none;
    }

    .bottom_integration {
        padding-top: 40px;
    }

    input,
    textarea,
    .phone-input {
        padding: 11px 20px;
    }

    .section-header {
        margin-bottom: 8.556vw;
    }

    .section-header {
        text-align: left;
        gap: 24px;
    }

    input,
    textarea,
    .phone-input input,
    .phone-input .country-code {
        font-size: 1rem;
    }

    form {
        gap: 12px !important;
    }

    .submit-btn {
        font-size: 1.182rem;
        padding: 12px 20px;
    }

    .arrow {
        font-size: 1.182rem;
    }

    .phone-input {
        border-radius: 1rem;
    }

    .read-btn {
        padding: 13px 24px;
    }

    input::placeholder,
    textarea::placeholder,
    .main-section p {
        font-size: 1rem;
    }

    .footer-container {
        align-items: center;
        justify-content: center;
    }

    .footer .right_ftr p {
        display: block;
        font-size: 1.125rem;
        text-align: center;
    }

    .right_ftr,
    .footer-container {
        align-items: center;
        gap: 24px;
    }

    .social_icons {
        gap: 8px;
    }

    .footer {
        padding: 2.5rem 0;
    }

    .footer_menus {
        gap: 1.875rem;
    }

    .footer_menus a {
        font-size: 1.125rem;
    }

    .faq-header p,
    .main-section h1 {
        margin-top: 24px;
    }

    .faq-header,
    .main-section p {
        margin-bottom: 4.188rem;
    }

    .faq-container {
        max-width: 100%;
    }

    .faq-item.active .faq-answer p {
        font-size: 0.875rem;
    }

    .toggle-icon,
    .blog-info h3 {
        font-size: 1.5rem;
    }

    .blog-info {
        padding: 30px 0;
    }

    .blogs-section.list-page .section-header h2::after {
        width: 100% !important;
        left: 0;
    }

    .faq-answer {
        margin-top: 10px;
    }

    .faq-section {
        padding: 5rem 0;
    }

    .faq-item {
        padding: 1rem;
    }

    .faq-question h4 {
        width: 80%;
    }

    .testimonial-user img {
        width: 80px;
        height: 80px;
    }

    .testimonial-user h4,
    .testimonial-text,
    .stars {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    .testimonial-card {
        padding: 1.5rem;
        border-radius: 20px;
        gap: 13px;
    }

    .testimonial-user span {
        font-size: 0.875rem;
    }

    .testimonial-section {
        padding: 40px 0 100px 0;
    }

    .testimonial-slider .swiper-pagination {
        bottom: 25px !important;
    }

    .testimonial-header {
        margin-bottom: 40px;
    }

    .contact-section {
        padding: 40px 0 80px 0;
    }

    .blogs-slider .swiper-slide,
    .testimonial-slider .swiper-slide {
        width: 80vw !important;
        max-width: 320px;
        flex-shrink: 0;
    }

    .logo img {
        width: 37.955vw;
    }

    .testimonial-slider .swiper-slide {
        min-height: 285px;
    }

    .task_card {
        padding: 16px !important;
        margin-top: 10px;
        border-radius: 16px;
    }

    .progress_text p,
    .dprs-list div {
        font-size: 12px !important;
    }

    .cutting_edge_card:last-child .bottom_edge img {
        width: 16px;
    }

    .yellow-btn,
    .green-btn,
    .red-btn {
        font-size: 7px;
    }

    .bottom-content .count {
        font-size: 13px;
    }

    .dprs-list {
        padding: 20px;
    }

    .task_card_head_left {
        gap: 8px !important;
    }

    .task_card_ttl,
    .cutting_edge .cutting_edge_wrapper .task_card_ttl {
        font-size: 16px !important;
        margin-top: 16px !important;
    }

    .task_card_task_count {
        gap: 6px;
        margin-top: 8px;
        font-size: 14px !important;
    }

    .task_card_task_count-text {
        font-size: 14px !important;
    }

    .progress_text {
        margin-bottom: 4px !important;
        margin-top: 12px !important;
    }

    .progress_bar_box,
    .progress_bar {
        height: 6px !important;
        border-radius: 24px !important;
    }

    .task_card_bottom {
        margin-top: 16px !important;
    }

    .task_date-box.info {
        gap: 4px !important;
        padding: 2px 8px !important;
        font-size: 12px !important;
    }

    .task_calender_icon {
        width: 14px !important;
        height: 14px !important;
        margin-top: -2px !important;
    }

    .prf_icon {
        height: 24px !important;
        width: 24px !important;
        font-size: 12px !important;
        margin-left: -5px !important;
        border-radius: 50%;
    }

    .left_btm_op ul {
        margin: 20px 0;
    }

    .right_business .right_top_bs ul li {
        font-size: 1rem;
    }

    .left_btm_op ul li img,
    .tooltip .left_in img {
        width: 4.091vw;
    }

    .stage,
    .cutting_edge .cutting_edge_wrapper .stage {
        font-size: 12px !important;
        padding: 2px 8px;
    }

    .right_opimization.aos-animate .right_opimization_wrapper .tooltip.left {
        left: 15px;
        bottom: 35%;
    }

    .right_opimization.aos-animate .right_opimization_wrapper .tooltip.top {
        left: 45%;
        width: 100%;
    }

    .blogs-section.list-page .blogs-slider .blog-card {
        width: 100%;
    }

    .dashboard-wrapper {
        width: 90.583vw;
        height: 300px;
    }

        .color_card .logo_head img {
            width: 9.091vw;
        }
}