/*  ------- big device --------- */
@media (min-width: 1920px) and (max-width: 2560px) {
    .team-list-scroll {
        height: calc(100vh - 195px)!important;}
        .chat-box-container-team {
            height: 58vh;
            overflow: scroll;
            padding-bottom: 7px;
            overflow-x: auto;
        }
        
.chat-box-container{
    height: 65vh;
    overflow: scroll;
    padding-bottom: 7px;
    overflow-x: auto;
}
}

/*  ------- Medium laptop device --------- */
@media screen and (min-width:1441px) and (max-width:1919px) {
    .publicpage .top_banner .banner_flex .text_Side .heading h1 {
        font-weight: 900;
        font-size: 34px;
    }

    .publicpage .top_banner .banner_flex .text_Side .heading p {
        font-size: 16px;
    }

    .publicpage .top_banner {
        min-height: unset;
    }

    .tutorial_content {
        margin-bottom: 60px;
    }

    .tutorial_body p {
        font-size: 16px;
        line-height: 30px;
    }

    .publicpage .top_banner .banner_flex {
        padding-top: 50px;
        padding-bottom: 50px;
    }

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

    .page_heading h2 {
        font-size: 26px;
    }

    .values_row .values_content p {
        font-size: 16px;
    }

    .publicpage .team_card .team_desc p {
        font-size: 16px;
        margin-top: 15px;
    }

    .publicpage .team_card .team_desc span {
        font-size: 16px;
    }

    .publicpage .team_card .team_desc h4 {
        font-weight: 900;
        font-size: 16px;
    }

    .publicpage .team_card {
        padding: 30px 20px;
    }

    .publicpage .team_card .team_header .team_img {
        width: 100px;
        height: 100px;
    }

    .publicpage .blog_card .blog_head {
        padding: 30px 30px;
    }

    .publicpage .blog_card .blog_img {
        width: 100%;
        height: 250px;
        overflow: hidden;
    }

    .publicpage .blog_desc {
        margin-top: 20px;
    }

    .publicpage .blog_card .blog_desc h4 {
        font-size: 16px;
        line-height: 30px;
    }

    .publicpage .blog_card .blog_desc span {
        font-size: 14px;
    }

    .publicpage .blog_card .blog_desc p {
        line-height: 30px;
        font-size: 16px;
        margin-top: 15px;
    }

    .publicpage .blog_card .blog_footer {
        padding: 15px 30px;
    }

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

    .publicpage .blog_section {
        padding-top: 60px;
    }

    .blogimg_side img {
        height: 374px;
    }

    .col_space:nth-child(even) {
        padding-left: 20px;
    }

    .col_space:nth-child(odd) {
        padding-right: 20px;
    }

    .publicpage .blog_card {
        margin-bottom: 40px;
    }

    .bloginner {
        padding-bottom: 300px !important;
    }

    .blog_inner_heading h1 {
        font-weight: 900;
        line-height: 48px;
        font-size: 34px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

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

    .blog_inner_body p {
        font-size: 16px;
        line-height: 30px;
    }

    .help_guide_body .help_guide_content p {
        line-height: 30px;
        font-size: 16px;
    }

    .help_guide_body .help_guide_content h2 {
        font-size: 20px;
    }

    /*walkthrough Popup*/
    .walkthrough_popup .popup_img {
        margin-right: 20px;
    }

    .walkthrough_popup .popup_text h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .walkthrough_popup .popup_container .popup_content {
        min-height: 505px;
    }

    .walkthrough_popup .popup_text p {
        font-size: 16px;
    }

    .walkthrough_popup .flex_box {
        margin-top: 10px;
        margin-bottom: 10px;
    }



}

/*  ------- End of laptop device --------- */
@media screen and (min-width:1025px) and (max-width:1440px) {
    .w-918px {
        width: 100% !important;
    }
    
    .publicpage .supoort_form {
        margin: 60px 200px;
    }

    .publicpage .team_card .team_desc h4 {
        font-size: 18px;
    }

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

    .publicpage .team_card .team_desc p {
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .publicpage .team_card {
        padding: 30px 20px;
    }

    /*Blog*/
    .publicpage .blog_card .blog_head {
        padding: 20px;
    }

    .publicpage .blog_card .blog_desc h4 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .publicpage .blog_desc {
        margin-top: 20px;
    }

    .publicpage .blog_card .blog_desc p {
        line-height: 30px;
        font-size: 16px;
        margin-top: 20px;
    }

    .publicpage .blog_card .blog_footer {
        padding: 15px 20px;
    }

    .publicpage .blog_card .blog_footer h4 {
        font-size: 16px;
    }

    .col_space:nth-child(odd) {
        padding-right: 15px;
    }

    .col_space:nth-child(even) {
        padding-left: 15px;
    }

    .publicpage .blog_card {
        margin-bottom: 30px;
    }

    .publicpage .blog_section {
        padding-top: 60px;
    }

    .publicpage .blog_card .blog_img {
        height: 240px;
    }

    /*Blog Inner Page*/
    .blog_inner_heading h1 {
        line-height: 44px;
        font-size: 30px;
    }

    .publicpage .top_banner {
        min-height: unset;
    }

    .tutorial_content {
        margin-bottom: 60px;
    }

    .publicpage .top_banner .banner_flex .text_Side .heading h1 {
        margin-top: 10px;
        font-weight: 900;
        font-size: 36px;
    }

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

    .blog_inner_body p {
        font-size: 16px;
        line-height: 30px;
    }

    .mtop {
        margin-top: 0;
    }

    .publicpage .Features-text .Features-title h2 {
        font-size: 20px;
        font-weight: 900;
        padding-top: 0px;
    }

    .publicpage .team_card .team_header .team_img {
        width: 100px;
        height: 100px;
    }

    .publicpage .team_card .team_header .team_linkedin a i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
    }

    .publicpage .team_card .team_desc span {
        font-size: 16px;
    }

    .values_row .values_content {
        width: 50%;
        padding-right: 5%;
    }

    .values_row .values_content p {
        font-size: 16px;
        line-height: 30px;
        margin-top: 15px;
    }

    .tutorial_body p {
        font-size: 16px;
        line-height: 30px;
    }

    .tutorial_body h3 {
        padding-bottom: 10px;
    }

    .tutorial_video {
        padding-top: 20px;
    }

    .help_guide_body .help_guide_content h2 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 32px;
    }

    .help_guide_body .help_guide_content p {
        line-height: 30px;
        font-size: 16px;
    }

    .help_guide .tab_list .tab_list_ul .sub_ul .sub_li {
        margin: 15px 0;
    }

    .help_guide .tab_list .tab_list_ul .main_li {
        margin-bottom: 20px;
    }

    .blogimg_side img {
        text-align: right;
        width: 265px;
    }


    /*walkthrough Popup*/
    .walkthrough_popup .popup_text p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
    }

    .walkthrough_popup .popup_text h3 {
        font-size: 18px;
        font-weight: bold;
    }

    .walkthrough_popup .popup_container .popup_content {
        min-height: 400px;
        padding: 20px;
    }

    .wrap-btn .btn-lg {
        padding: 18px 15px;
        font-size: 12px;
    }

    .popup2 .flex_box {
        margin: 0;
    }

    .skip_btn {
        padding: 6px 25px;
        font-size: 12px;
    }
}

/*  ------- Tablet --------- */
@media screen and (min-width: 901px) and (max-width: 1024px) {
    .innercontainer.feature-container {
        margin-top: 44px !important;
    }

    .blog-inner-details {
        margin: 0 auto;
        width: 65%;
        padding: 20px;
    }

    .indicate-arrow {
        position: relative;
        float: right;
        right: 130px;
    }

   .publicpage .mt-minus-25px {
        margin-top: unset;
    }
   .publicpage .card-mt-50 {
        margin-top: unset;
    }
    .favorate-logos {
        display: flex;
        width: 445px;
    }
    
    .publicpage .about-page {
        width: 85%;
           }

    .about-page .innovation-section .img1 {       
        width: 100%;
    }
    .about-page .top-banner-text h1 {      
        font-size: 54px !important;
        line-height: 68px;
    }
    .publicpage .top-banner-text {
        margin: unset;
        margin-left: 10px;
    }
    .w-918px {
        width: 100% !important;
    }
    .mt-35 {
        margin-top: 0px !important;
    }

    .company-logos {
        display: flex;
        gap: 50px;
        width: 100%;
        margin: 0 auto;
        align-items: center;
        flex-wrap: wrap !important;
    }

    .revenue-p {
        line-height: 40px !important;
        margin-top: 20px !important;
        font-size: 23px !important;
        font-weight: 700 !important;
    }

    .publicpage .top-banner-text h1 {
        font-size: 56px !important;
    }

    .h1ai {
        font-size: 56px !important;
    }


    /* .publicpage .innercontainer {
        margin-left: 20px;
        margin-right: 20px;
    } */

    .publicpage .top_banner .banner_flex .text_Side {}

    .publicpage .top_banner .banner_flex {
        padding-top: 45px;
        padding-bottom: 50px;
    }

    .publicpage .top_banner .banner_flex .img_side {
        margin-top: 50px;
    }

    .publicpage .top_banner .banner_flex .img_side img {
        width: 500px;
    }

    .publicpage .top_banner .banner_flex .text_Side .heading p {
        padding-right: 0;
    }

    .publicpage .supoort_form {
        margin: 60px 100px;
    }

    .publicpage .supoort_form .support_box {
        margin-top: 40px;
    }

    .page_heading h2 {
        line-height: 46px;
    }

    .publicpage .team_card {
        padding: 20px;
    }

    .publicpage .team_card .team_desc p {
        line-height: 30px;
        font-size: 15px;
        margin-top: 20px;
    }

    .publicpage .team_card .team_desc h4 {
        font-size: 18px;
    }

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

    /*Blog*/
    .publicpage .blog_card .blog_head {
        padding: 20px;
    }

    .publicpage .blog_card .blog_desc h4 {
        font-size: 18px;
    }

    .publicpage .blog_desc {
        margin-top: 20px;
    }

    .publicpage .blog_card .blog_desc p {
        line-height: 30px;
        font-size: 16px;
        margin-top: 20px;
    }

    .publicpage .blog_card .blog_footer {
        padding: 15px 20px;
    }

    .publicpage .blog_card .blog_footer h4 {
        font-size: 16px;
    }

    .col_space:nth-child(odd) {
        padding-right: 15px;
    }

    .col_space:nth-child(even) {
        padding-left: 15px;
    }

    .publicpage .blog_card {
        margin-bottom: 30px;
    }

    .publicpage .blog_section {
        padding-top: 60px;
    }

    .publicpage .blog_card .blog_img {
        height: 260px;
    }

    .tutorial_content {
        margin-bottom: 60px;
    }

    .publicpage .top_banner {
        min-height: unset;
    }

    .publicpage .top_banner .banner_flex .text_Side .heading h1 {
        font-weight: 900;
        font-size: 34px;
    }


    /*walkthrough Popup*/
    .walkthrough_popup .popup_img {
        margin-right: 40px;
    }

    .walkthrough_popup .popup_text {
        margin-top: 10px;
    }

    .walkthrough_popup .popup_container .popup_content {
        width: 95%;
        min-height: unset;
    }

    .walkthrough_popup .popup_text p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .walkthrough_popup .popup_text h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .navigation {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
    }

    .publicpage .footer-heading {
        font-size: 30px;
    }

    .publicpage .footer-heading {
        font-size: 60px !important;
    }

    .publicpage .tab-buttons span {
        margin-right: 20px;       
    }

    .publicpage .innercontainer {
        width: 95%;
        margin: 0 auto;
    }
    .publicpage .slider-container {
        width: 95%;       
    }
    .publicpage .innertopcontainer {
        width: 100%;
         margin: 0 auto;
     }
     .publicpage .top-banner-text {
        margin-left: 20px;
    }
    .publicpage  .img-top-banner {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .mt-minus-25px{
        margin-top: unset !important;
    }

    .img-home-con {
        order: 1;
        min-height: 580px !important;
        width: 100%;
    }

}

@media screen and (min-width: 651px) and (max-width: 900px) {
    .favorate-logos {
        display: flex;
        width: 370px;
    }
    .blog-inner-details {
        margin: 0 auto;
        width: 65%;
        padding: 20px;
    }

    .publicpage .google-meet-logo {
        height: 105px;
        width: 110px;
        margin-bottom: 15px;
    }
    .large-logo-team-logo {
        height: 220px;
        width: 100px;
        float: left;
        margin-right: 15px;
    }

    .publicpage .about-page {
        width: 100%;       
        padding: 20px;
    }
    .w-918px {
        width: 100% !important;
    }
    .mt-35 {
        margin-top: 0px !important;
    }

    .company-logos {
        display: flex;
        gap: 50px;
        width: 100%;
        margin: 0 auto;
        align-items: center;
        flex-wrap: wrap !important;
    }

    .mt-131 {
        margin-top: 70px !important;
    }

    .pai {
        line-height: 21px !important;

        font-size: 17px !important;
    }

    .revenue-p {
        line-height: 21px !important;
        margin-top: 20px !important;
        font-size: 20px !important;
        font-weight: 700 !important;
    }

    .h1ai {

        font-size: 42px !important;
    }

    .navbar-toggle {
        display: block;
        margin-top: 18px;
        margin-right: 0;
    }

    .publicpage .navbar-default .navbar-nav>li>a {
        margin-right: 0;
        /* padding-left: 0; */
    }

    .publicpage .top_banner .banner_flex .text_Side {
        width: 100%;
        text-align: center;
    }

    .publicpage .top_banner .banner_flex {
        display: block;
        padding-top: 45px;
        padding-bottom: 50px;
    }

    .publicpage .top_banner .banner_flex .img_side {
        width: 100%;
        margin-top: 50px;
    }

    .publicpage .top_banner .banner_flex .img_side img {
        width: 100%;
    }

    .publicpage .top_banner .banner_flex .text_Side .heading p {
        padding-right: 0;
    }

    .publicpage .supoort_form {
        margin: 60px 0px;
    }

    .publicpage .supoort_form .support_box {
        margin-top: 40px;
    }

    .page_heading h2 {
        line-height: 46px;
    }

    /*About Page*/
    .vlaues_top {
        margin-top: 60px;
    }

    .values_row {
        display: block;
        margin-bottom: 50px;
    }

    .values_row .values_content p {
        margin-top: 15px;
    }

    .values_row .values_content {
        width: 100%;
        padding-right: 0;
    }

    .values_row .values_img {
        width: 100%;
        text-align: left;
        margin-top: 30px;
    }

    /*Blog*/
    .publicpage .blog_card .blog_head {
        padding: 20px;
    }

    .publicpage .blog_card .blog_img {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }

    .publicpage .blog_card .blog_desc h4 {
        font-size: 18px;
    }

    .publicpage .blog_desc {
        margin-top: 20px;
    }

    .publicpage .blog_card .blog_desc p {
        line-height: 30px;
        font-size: 16px;
        margin-top: 20px;
    }

    .publicpage .blog_card .blog_footer {
        padding: 15px 20px;
    }

    .publicpage .blog_card .blog_footer h4 {
        font-size: 16px;
    }

    .col_space:nth-child(odd) {
        padding-right: 15px;
    }

    .col_space:nth-child(even) {
        padding-left: 15px;
    }

    .publicpage .blog_card {
        margin-bottom: 30px;
    }

    .publicpage .blog_section {
        padding-top: 60px;
    }

    .blogimg_side {
        margin-top: 50px;
    }

    /*Blog Inner Page*/
    .blog_inner_heading h1 {
        line-height: 40px;
        font-size: 26px;
    }

    .mtop {
        margin-top: unset;
    }

    .tutorial_content {
        margin-bottom: 60px;
    }

    .publicpage .top_banner .banner_flex .text_Side .heading h1 {
        font-weight: 900;
        font-size: 30px;
    }



    /*walkthrough Popup*/
    .walkthrough_popup .flex_box {
        display: block;
    }

    .walkthrough_popup .popup_img {
        width: 100%;
        margin-right: 0;
    }

    .walkthrough_popup .popup_text {
        margin-top: 10px;
        width: 100%;
    }

    .walkthrough_popup .popup_container .popup_content {
        width: 95%;
        min-height: unset;
    }

    .walkthrough_popup .popup_text p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .walkthrough_popup .popup_text h3 {
        font-size: 20px;
        font-weight: bold;
    }

    .card-minus-50 {
        margin-top: 0px !important;
    }

    .card-mt-50 {
        margin-top: 0px !important;
    }
    .publicpage .innercontainer {
        width: 95%;
        margin: 0 auto;
    }
    .publicpage .slider-container {
        width: 95%;       
    }
    .publicpage .top-banner-text {
        margin-left: 20px;
    }
    .publicpage  .img-top-banner {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .publicpage .innertopcontainer {
        width: 95%;
        margin: 0 auto;
    }
    .mt-minus-25px{
        margin-top: unset !important;
    }
}

/*  ---------***** End of Mobile device *****--------*/
@media screen and (min-width: 768px) and (max-width: 900px) {
    .slick-slide {
        height: 438px !important;
    }

    .banner-blog-card {       
        width: 100%;
    }
    .about-page p {        
        padding: unset;
    }
    .publicpage .about-top-section {
        width: 100%;
        padding-top: 100px;
    }

    .publicpage .google-meet-logo {
        height: 105px;
        width: 110px;
        margin-bottom: 15px;
    }
    .large-logo-team-logo {
        height: 220px;
        width: 100px;
        float: left;
        margin-right: 15px;
    }

    .publicpage .about-page {
        width: 100%;       
        padding: 20px;
    }
    .publicpage .about-top-right-logo {
              width: 450px;  
    }
    .about-page .top-banner-text h1 {              
        line-height: 60px;
    }
    .about-page .innovation-section .para {
        padding: 20px;
    }
    .about-page .innovation-section .img1 {
        width: 100%;      
    }
    .about-page .vision-section .img2 {
        width: 100%;
        padding-top: 50px;        
    }

    .about-page .impowering-section {
        padding:50px 0px 0px 0px;
        width: 100%;
    }




    .onboarding .login-right-pnl {
        padding: 20px 20% !important;
        
     }
    .productivity-partner-box .bas-border-right {
        border: none;
    }
    .indicate-arrow {
        position: relative;
        float: right;
        right: 100px;
    }
    .publicpage .tab-buttons span {
        margin-right: 20px;
        padding-right: 0;
        font-weight: 500;
        font-size: 18px;
        line-height: 32px;
        cursor: pointer;
    }
    .w-918px {
        width: 100% !important;
    }
    .nav-section h4 {
        margin-bottom: 5px;

    }

    .nav-section li {
        margin-bottom: 2px;

    }

    .navigation {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
    }

    .publicpage .footer-heading {
        font-size: 36px;
    }

    .card-minus-50 {
        margin-top: 0px !important;
    }

    .card-mt-50 {
        margin-top: 0px !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -5px !important;
    }

    .publicpage .home .img-right img {
        width: 467px;
    }

    .doc-card2 {
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px;
        background-color: #fff;
        transition: box-shadow 0.3s ease;
        min-height: 540px !important;
    }
    .publicpage .slider-container {
        width: 95%;       
    }
    .publicpage .top-banner-text {
        margin-left: 20px;
    }
    .publicpage  .img-top-banner {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .publicpage .innertopcontainer {
        width: 95%;
        margin: 0 auto;
    }
    .mt-minus-25px{
        margin-top: unset !important;
    }
    .img-home-con {
        order: 1;
        min-height: 580px !important;
        width: 100%;
    }
}

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

}


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

    .Toastify__toast-container--top-center {
        transform: none !important;
        top: 20px !important;
    }
    .onboarding .closebtn {
        top: 0px !important;
    }
    .onboarding .onboarding-top-header {
        padding: 18px 10px 0px 10px;
    }
    .onboarding-box {
        border-radius: 25px !important;
        padding: 20px !important;
        margin-top: 0px !important;
    }
    .slick-prev, .slick-next {
        bottom: 106px !important;
        top: 65% !important;
    }
    .doc-card {
        height: auto;
    }
    .blog-head-1 {
        width: 96%;
        margin: 0 auto !important;
        margin-bottom: 50px !important;
    }
    .carousel-container {
        width: 98% !important;
        margin: auto;
        position: relative;
        float: none;
        height: 600px;
    }
    .banner-blog-card .blog-detail-box {
        /* color: #fff;
        padding: 10px;
        position: relative;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        border-radius: 15px;
        margin: 10px 0px;
        background-color: #19191B; */
       color: #fff;
       padding: 10px;
       position: relative;
       bottom: 21px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 15px;
        margin: 10px 0px;
       background-color: #19191B;
       min-height: 380px;
    }
    .publicpage .help-banner-container {      
        height: 52vh;
        object-fit: cover;
        margin-top: 64px;
    }
    .help-banner-container .banner-container-detals {
        width: 95%;
        margin: 0 auto;
        font-family: 'DM Sans';
        padding-top: 60px;
    }
    .publicpage .innercontainer h2 {       
        font-size: 28px;       
    }
    .infovl {
        border-right: 0px solid #EBEBEB;
        height: 68px;
        margin-top: -65px;
    }
    .img-wid100 {
        width: 100%;
        margin-top: 40px;
    }
    .banner-container-detals h1 {
        padding: 17px 0px;      
        font-size: 26px;
        line-height: 40px;
        letter-spacing: 0px;
       
    }
    .banner-blog-card {       
        /* width: 100%; */
            width: auto;
            margin-left: 0;
    }
    .blog-top-section h1 {
       
        font-size: 24px;
        line-height: 40px;       
        letter-spacing: -1px;
        margin: 20px 0px;
    }
    .blog-page h2 {       
        font-size: 24px;       
    }
    .publicpage .blog-page {
        width: 95%;
        margin: 0 auto;
        font-family: 'DM Sans';
    }
    .blog-inner-details {
        margin: 0 auto;
        width: 100%;
        padding: 50px 20px 20px 20px;
    }
    .blog-inner-details .share-post-blck {
        border-top: 1px solid #028090;
        padding: 40px 5px 20px 5px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 15px;
    }

    .blog-page .blog-top-section .blog-detail-box {
        color: #fff;
        padding: 20px;      
        background-color: #19191B;
        position: relative;
        bottom: 0;
        width: 100%;
       
        margin: 10px 0px;
    }
    .blog-page .blog-top-section .badge {       
        color: #fff;
    }

    .testimonial-section {
               padding: 15px;
    }

    .features-page .breadcrumb-container {
        padding-top: 140px;
        text-align: center;
    }
    .innercontainer.feature-container {
       
        margin-top: 80px !important;
    }
    .header-container .help-you {
        padding: 30px 0px 40px 0px;
      
    }
    .features-page .header-container h1 {
        font-size: 28px;
        width: 100%;  
        letter-spacing: -2px;     
    }
    .features-page .header-container p {      
        width: 100%;       
    }
    .features-page h2 {
       
        font-size: 50px;        
    }
    .favorate-logos {
        display: flex;
        width: unset;
    }
    
    .publicpage .home .input-email {       
        height: 50px !important;
    }
    .publicpageolul .h1ai {       
        font-size: 24px !important;
        line-height: 34px;
    }
    .publicpage .about-top-section {
        width: 100%;
        padding-top: 100px;
    }
    .about-page p {        
        padding: unset;
    }
    .about-page .vision-section .img1 {
        width: 100%;
        border-radius: 10px;
    }
     .publicpage .google-meet-logo {
        height: 105px;
        width: 110px;
        margin-bottom: 15px;
    }
    .large-logo-team-logo {
        height: 220px;
        width: 110px;
        float: left;
           }

    .publicpage .about-page {
        width: 100%;       
        padding: 20px;
    }
    .about-page .innovation-section .img1 {
        width: 100%;      
    }
    .about-page .top-banner-text h1 {          
        line-height: 40px;
    }
    .publicpage .about-top-right-logo {
        
        top: 50px;
        width: 200px;
        z-index: -1;
    }
    .about-page .vision-section .img2 {
        width: 100%;
        padding-top: 50px;       
    }
    .about-page .impowering-section {
        padding: 50px 0px 0px 0px;
        width: 100%;
    }
    .about-page h2 {
        font-weight: 700;
        font-size: 50px;
    }
    .about-page .team-Section {
        padding: 50px 0px 0px 0px;
        width: 100%;
    }
    .about-page .innovation-section .para {
        padding:10px;
    }

    .onboarding .login-right-pnl {
       padding: 20px 10px !important;
       
    }
    .icon-cont {
        width: 330px !important;
    }
    .medium-logo{
         width: 110px !important;   
     }
     
    .medium-logo-sm{
        width: 110px !important;
    }
    .large-logo{
           width: 110px !important;
       }

    .footer-box .footer-box-detail {
        border-radius: 25px !important;
    }
    .twotopbar {
        margin-left: 10px !important;
    }
   
    .top-banner-text .wrap-btn .mt-30{
        margin-top: 10px !important;
        font-size: 13px !important;
        padding: 15px 25px !important;
        border-radius: 10px !important;
    }
    .publicpage .wrap-btn .btn-give {
        display: unset;
    }
    .input-email {
        margin-top: 10px;
        margin-right: 0px;
        height: 42px !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
        border: 1px solid #ccc !important;
        border-radius: 10px !important;
        }
        .btn-outlinenew   .faq-icon {
            width: 10px !important;
        }

        .productivity-partner-box    .list-unstyled {
            margin-bottom: 30px;
            margin-top: 30px;
        }

    .productivity-partner-box {
        padding: 20px 10px;
        border-radius: 25px;
    }
    .productivity-partner-box .bas-border-right {
        border: none;
    }
    .c-sec .pt-30 {
        padding-top: 0px !important;
    }
    .mx-15px-mob{
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .mt-minus-25px{
        margin-top: unset !important;
    }
    .w-918px {
        width: 100% !important;
    }
    .mt-80 {
        margin-top: 0px !important;
    }
    .nav-section-declearation {
        width: unset;
        text-align: center;
    }
    .publicpage .innercontainer {
        width: 90.4%;
        margin: 0 auto;
    }
    .wrap-btn {
        flex-direction: column !important;
        /* align-items: center !important; */
    }

    .navbar-right {
        float: left !important;
        margin-right: 15px !important;
    }

    .doc-card2 {
        min-height: auto !important;
    }

    .revenue-p {
        line-height: 34px !important;
        margin-top: 20px !important;
        font-size: 25px !important;
        font-weight: 700 !important;
    }

    .revenue-p {
        line-height: 23px !important;
        margin-top: 20px !important;
        font-size: 20px !important;
        font-weight: 700 !important;
    }

    .doc-card {
        padding: 20px !important;
    }

    /* .publicpage .innercontainer {
        margin-left: 20px;
        margin-right: 20px;
    } */
    .top-banner-text h1 {

        font-size: 24px !important;
    }

    .h1ai {
        font-size: 24px !important;
    }
    .publicpage .btn-lg {
        padding: 2px 10px;
        font-size: 12px !important;
    }

    .pai {
        line-height: 24px !important;
        margin-top: 20px !important;
        font-size: 16px !important;
        margin-top: 10px !important;
    }

    .mt-131 {
        margin-top: 70px !important;
    }

    .nav-section h4 {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .nav-section li {
        margin-bottom: 2px;
        font-size: 10px;
    }

    .footer-heading {
        font-size: 17px !important;
        margin-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .footer-box .footer-box-detail {
        padding: 10px !important;
    }

    .publicpage .footer-box  .footer-box-detail   .wrap-btn-footer .btn-lg-footer{
        padding: 8px 20px !important;
        font-size: 12px !important;
    }

    .mt-35 {
        margin-top: 15px !important;
    }

    .publicpage .navbar-brand {
        padding: 19px 0px !important;
        /* position: relative !important;
        left: -19px !important; */
    }
    


    /* 20082024 */
    
    .publicpage .slider-container {
        width: 100%;
        margin: 0 auto;
        overflow: auto;
    }
    .publicpage .tab-buttons {
        display: flex;
        justify-content: center;       
        flex-direction: column;
    }
    .publicpage .tab-buttons span {
        margin-right: 0px;
        padding-right: 0;
        font-weight: 500;
        font-size: 16px !important;
        line-height: 20px !important;
        cursor: pointer;
        margin-left: 10px;
        padding: 10px 10px 0px 10px;
        margin-right: 10px;
    }
    .publicpage .slider-content {
        text-align: left !important;
        width: 100% !important;
        padding: 10px 30px 10px 30px !important;
        margin-left: 10px !important;
    }
    
    .publicpage .slider-content ul li {
        line-height: 24px !important;
        margin-top: 10px !important;
        font-size: 16px !important;
        color: #707070;
    }
    .publicpage  .pt-50px-mob {
        padding-top: 50px !important;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1302px) {
    .w-918px {
        width: 100% !important;
    }
    .publicpage .footer-heading {
        font-size: 60px !important;
    }
    .w-918px {
        width: 100% !important;
    }

    .mt-35 {
        margin-top: 0px !important;
    }

    .revenue-p {
        line-height: 40px !important;
        margin-top: 20px !important;
        font-size: 23px !important;
        font-weight: 700 !important;
    }

    .publicpage .top-banner-text h1 {
        font-size: 54px !important;
    }

    .h1ai {
        font-size: 48px !important;
    }

    .publicpage .top-banner-text p {
        font-size: 18px !important;
    }
    .publicpage .carousel.carousel-slider .control-arrow {
        top: 45%;        
        margin-left: 0px;
        z-index: 1111;
        margin-right: 0px;
    }
}


@media screen and (max-width: 767px) {
    .unilogo {
        width: 100% !important;
        margin-right: 5px !important;
    }
    .productivity-partner-box .bas-border-right {
        border: none;
    }
    .img-home-con {
        order: 1; /* Image comes first on smaller screens */
        min-height: 400px  !important;
        width: 100%;
    }
    .publicpage .top-banner-text p {
        line-height: 24px;
        margin-top: 10px;
        font-size: 16px;
    }
    .publicpage .navbar {
        /* min-height: 85px; */
    }
    .indicate-arrow {
        position: relative;
        float: right;
        width: 230px;
        right: 95px;}
    .myCarousel-item {
        min-width: 100%;
      }
    .w-918px {
        width: 100% !important;
    }
    .d-flex-space-between {
        display: block !important;
    }
    .show-in-mob{
        display: block !important;
    }

    .hide-in-mob{
        display: none !important;
    }
    .nav-section h4 {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .nav-section li {
        margin-bottom: 2px;
        font-size: 10px;
    }

    .mt-35 {
        margin-top: 8px !important;
    }

    .publicpage .footer-heading {
        font-size: 36px;
    }

    .card-minus-50 {
        margin-top: 0px !important;
    }

    .card-mt-50 {
        margin-top: 0px !important;
    }

    .navbar-right {
        float: left !important;
        margin-right: 15px !important;
    }

    .doc-card2 {
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px;
        background-color: #fff;
        transition: box-shadow 0.3s ease;
        min-height: 522px;
    }

    .company-logos {
        display: flex;
        gap: 12px;
        width: 100%;
        margin: 0 auto;
        align-items: center;
        flex-wrap: wrap !important;
    }

    .img-top-banner {

        margin-top: 0px !important;
        /* margin-left: -179px !important; */
    }


    .heading-1 {
        width: 95% !important;
        
    }
    .publicpage .innertopcontainer {
        width: 92%;
        margin: 0 auto;
    }
    .publicpage .top-banner-text {
        margin: unset;
        margin-left: 0px;
        padding: 0px 10px;
    }
    .img-top-banner{
        margin-top: 25px !important;
        margin-left: 0px !important;
    }

    .publicpage .carousel.carousel-slider .control-arrow {
        top: 25%;        
        margin-left: 0px;
        z-index: 1111;
        margin-right: 0px;
    }
}