/* responsive */

/*syt*/
@media only screen and (min-width : 1920px) and (max-width : 2559px) {
    .-bottom-\[5rem\] {
        bottom: -12rem !important;
    }

    .lg\:max-w-3xl {
        max-width: 40rem !important;
    }


    .wordCarousel div {
        width: 800px
    }

}

/*syt*/
@media only screen and (min-width : 1600px) and (max-width : 1919px) {
    .-bottom-\[5rem\] {
        bottom: -12rem !important;
    }

    .wordCarousel div {
        width: 800px
    }

    /*---------INDEX-----------*/
    .w-full-70 {
        width: 100%;
    }

    .ziv-call {
        padding-left: 12rem !important;
        padding-right: 12rem !important;
    }

    .ceo-spark .making-zorroae {
        width: 50% !important;
    }

    footer .xl\:px-48 {
        padding-left: 6rem;
        padding-right: 6rem;
    }



    /*---------Inner-----------*/
    .ziv-in-ba h4.xl\:text-\[44px\] {
        font-size: 34px;
    }

    .p-zivra .limit {
        font-size: 28px !important;
    }

    .p-zivra .text-\[23px\] {
        font-size: 18px !important;
    }

    .p-zivra .w-1\/2 {
        width: 70% !important;
    }

    .prgr-about {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    .lo-ic-zivra {
        width: 100px !important;
    }

    .grav-4 .w-d-th {
        width: 75%;
    }

    .p-cu-team {
        font-size: 22px;
        line-height: 30px;
    }



    .bg-white .next-w {
        padding-left: 14rem;
        padding-right: 14rem;
    }

    .md\:w-\[62\%\] {
        width: 73% !important;
    }

    .lg\:max-w-3xl {
        max-width: 40rem !important;
    }


}

/*syt*/
@media only screen and (min-width : 1440px) and (max-width : 1599px) {

    /*---------INDEX-----------*/
    .w-full-70 {
        width: 100%;
    }

    .ziv-call {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .ceo-spark .making-zorroae {
        width: 50% !important;
    }

    footer .xl\:px-48 {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .apaet.md\:w-\[80\%\] {
        width: 90% !important;
    }

    .nex-t-Gen {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .blog-magic {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .client-magic {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .slider-high-mob {
        height: 600px !important;
    }

    .wide-range {
        padding-top: 7rem !important;
    }




    .dev-term .dev-terms {
        width: 80%;
    }

    .bg-white .next-w {
        width: 100%;
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .md\:w-\[30\%\] {
        width: 51% !important;
    }

    .sm\:h-\[600px\] {
        height: 455px !important;
    }

    .ceo-spark .drp-logo .h-w {
        height: 4rem;
    }

    .ceo-spark .drp-logo {
        left: 57vh;
        top: -28vh;
    }

    .ziv-img .p-6 {
        padding: 1.5rem;
    }

    .md-ab .md\:w-\[30\%\] {
        width: 26% !important;
    }


    /*---------Inner-----------*/
    .ziv-in-ba h4.xl\:text-\[44px\] {
        font-size: 34px;
    }

    .p-zivra .limit {
        font-size: 28px !important;
    }

    .p-zivra .text-\[23px\] {
        font-size: 18px !important;
    }

    .p-zivra .w-1\/2 {
        width: 70% !important;
    }

    .prgr-about {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    .lo-ic-zivra {
        width: 100px !important;
    }

    .grav-4 .w-d-th {
        width: 75%;
    }

    .p-cu-team {
        font-size: 22px;
        line-height: 30px;
    }

    .xl\:px-48 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .ziv-in-ba {
        height: 600px !important;
    }



    .landing_page .responsive-container-block.container {
        display: block;
    }

    .landing_page .responsive-container-block.container .wk-ipadp-6 {
        width: 100% !important;
    }



    .max-w-screen-lg {
        max-width: 1430px !important;
    }

    .max-w-screen-lg .lg\:max-w-3xl {
        max-width: 40rem;
    }

    .lg\:\!top-\[-5rem\] {
        top: -5rem !important;
        height: 83% !important;
    }



    .lg\:text-left {
        text-align: left !important;
    }

    .track {
        margin-bottom: 2rem !important;
    }

    .track {
        margin-top: 7rem !important;
    }

    .md\:w-\[62\%\] {
        width: 80% !important;
    }

    .bg-white .next-w h4.lin-h {
        width: 80%
    }


    .testimonial-wrapper .carousel-inner {
        gap: 2rem !important;
    }

    .testimonial-wrapper .carousel-item {
        flex: 0 0 25% !important;
        min-width: 25% !important;
    }



    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.ist-item {
        /* flex: 0 0 21%; */
        padding-left: 2rem !important;

    }


    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.lg\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
        flex: 0 0 27%;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed {
        flex: 0 0 24%;
    } */


    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed.lg\:pl-36 {
        padding-left: 0rem;
        padding-right: 2rem;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed a {
        line-height: 1.8rem !important;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
        font-size: 1.2rem;
    }

    .hove-team:hover {
        padding-left: 15rem !important;
        padding-right: 15rem !important;
    }

















}

/*syt*/
@media only screen and (min-width : 1366px) and (max-width : 1439px) {

    /*---------INDEX-----------*/
    .w-full-70 {
        width: 100%;
    }

    .ziv-call {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .ceo-spark .making-zorroae {
        width: 50% !important;
    }

    footer .xl\:px-48 {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .apaet.md\:w-\[80\%\] {
        width: 90% !important;
    }

    .nex-t-Gen {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .blog-magic .w-b8 {
        width: 100%;
    }

    .client-magic {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .slider-high-mob {
        height: 600px !important;
    }

    .wide-range {
        padding-top: 7rem !important;
    }

    .ziv-call .cards-wrapper .product-card:first-child {
        margin-left: calc(calc(100vw - 1300px) / 2);
    }

    .dev-term .dev-terms {
        width: 80%;
    }

    .bg-white .next-w {
        width: 100%;
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .md\:w-\[30\%\] {
        width: 51% !important;
    }

    .sm\:h-\[600px\] {
        height: 455px !important;
    }

    .ceo-spark .drp-logo .h-w {
        height: 4rem;
    }

    .ceo-spark .drp-logo {
        left: 57vh;
        top: -28vh;
    }

    .ziv-img .p-6 {
        padding: 1.5rem;
    }

    .md-ab .md\:w-\[30\%\] {
        width: 26% !important;
    }


    /*---------Inner-----------*/
    .ziv-in-ba h4.xl\:text-\[44px\] {
        font-size: 34px;
    }

    .p-zivra .limit {
        font-size: 28px !important;
    }

    .p-zivra .text-\[23px\] {
        font-size: 18px !important;
    }

    .p-zivra .w-1\/2 {
        width: 70% !important;
    }

    .prgr-about {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    .lo-ic-zivra {
        width: 100px !important;
    }

    .grav-4 .w-d-th {
        width: 75%;
    }

    .p-cu-team {
        font-size: 22px;
        line-height: 30px;
    }

    .xl\:px-48 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

    .ziv-in-ba {
        height: 600px !important;
    }

    .blog-magic {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    /*header*/
    .header .item-center {
        flex: 0 0 70%;
    }

    .header .menu>ul>li {
        margin-left: 16px;
    }

    .header .item-right {
        flex: 0 0 21%;
    }

    .header .item-left img {
        height: auto !important;
    }

    .landing_page .responsive-container-block.container {
        display: block;
    }

    .landing_page .responsive-container-block.container .wk-ipadp-6 {
        width: 100% !important;
    }



    .max-w-screen-lg {
        max-width: 1350px !important;
    }

    .max-w-screen-lg .lg\:max-w-3xl {
        max-width: 40rem;
    }

    .lg\:\!top-\[-5rem\] {
        top: -5rem !important;
        height: 80% !important;
    }

    .-bottom-\[5rem\] {
        bottom: -4rem !important;
    }

    .ca-usa {
        margin-right: 0px !important
    }


    .testimonial-wrapper .carousel-inner {
        gap: 1rem !important;
    }


    .testimonial-wrapper .carousel-item {
        flex: 0 0 33% !important;
        min-width: 33% !important;
    }



    .lg\:text-left {
        text-align: left !important;
    }

    .track {
        margin-bottom: 2rem !important;
    }

    .track {
        margin-top: 6rem !important;
    }

    .md\:w-\[62\%\] {
        width: 90% !important;
    }

    .bg-white .next-w h4.lin-h {
        width: 80%
    }

    .ap-bg {
        padding-left: 4rem !important;
        padding-right: 8rem !important;
    }


    .carousel-item .card25-body .same .h-\[28rem\] {
        height: 26rem !important;
    }

    .testimonial-wrapper.mt-16 {
        margin-top: 1rem !important;
    }

    .hove-team:hover {
        padding-left: 15rem !important;
        padding-right: 15rem !important;
    }




    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.ist-item {
        flex: 0 0 21%;
        padding-left: 2rem !important;

    }


    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.lg\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
        flex: 0 0 27%;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed {
        flex: 0 0 24%;
    }


    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed.lg\:pl-36 {
        padding-left: 2rem;
        padding-right: calc((100vw - 82rem) / 2) !important;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed a {
        line-height: 1.8rem !important;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
        font-size: 1.2rem;
    }



    .ziv-call .slider-container {
        width: 65vw !important
    }





}

@media only screen and (min-width : 1280px) and (max-width : 1365px) {

    .h-\[28rem\] {
        height: 25rem !important;
    }

}

/*syt*/
@media only screen and (min-width : 1200px) and (max-width : 1365px) {

    /*---------INDEX-----------*/
    .w-full-70 {
        width: 100%;
    }

    .ziv-call {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        padding-top: 7rem !important;
    }

    .ceo-spark .making-zorroae {
        width: 60% !important;
    }

    .ceo-spark .drp-logo {
        top: 1vh;
        left: 45vh;
    }

    footer .xl\:px-48 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .apaet.md\:w-\[80\%\] {
        width: 100% !important;
    }

    .apaet .lg\:px-20 {
        padding-left: 4rem !important;
        padding-right: 1rem !important;
    }

    .nex-t-Gen {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        margin-top: 6rem !important;
    }

    .blog-magic {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .blog-magic .w-b8 {
        width: 95%;
    }

    .blog-magic .w-b8-1 {
        width: 100%;
        margin: auto;
    }

    .blog-magic .w-b8-1 .md\:text-\[48px\] {
        font-size: 40px;
        font-weight: 500;
    }

    .client-magic {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }

    .client-magic .tech-talent {
        margin-bottom: 2vh;
    }

    .slider-high-mob {
        height: 600px !important;
    }

    .wide-range {
        padding-top: 7rem !important;
    }

    .ziv-call .cards-wrapper .product-card:first-child {
        margin-left: calc(calc(100vw - 1100px) / 2);
    }

    .next-w.lg\:px-32 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .next-w .hot-zorroae {
        font-size: 20px;
    }

    .bg-white .next-w h4.lin-h {
        font-size: 35px;
        line-height: 40px;
    }

    .hit-text {
        font-size: 17px;
        line-height: 24px;
        width: 100%;
    }

    .mercy {
        padding-top: 5vh !important;
    }

    .back-bg {
        padding: 80px 2rem;
    }

    .f-w-450px button {
        font-size: .75rem !important;
    }

    .lg\:pr-0 {
        padding-right: 20px !important;
    }

    /*---------Inner-----------*/
    .ziv-in-ba h4.xl\:text-\[44px\] {
        font-size: 28px;
        line-height: 40px;
        margin-top: 4vh;
    }

    .ziv-in-ba .text-\[22px\] {
        font-size: 20px;
    }

    .p-zivra .limit {
        font-size: 28px !important;
    }

    .ant-way .tab-cover {
        object-fit: cover;
        position: relative;
        height: 400px !important;
        width: 100% !important;
        margin-top: 6vh !important;
    }


    .p-zivra .text-\[23px\] {
        font-size: 18px !important;
    }

    .p-zivra .w-1\/2 {
        width: 80% !important;
    }

    .prgr-about {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    .lo-ic-zivra {
        width: 100px !important;
    }

    .p-zivra {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        margin-top: 0rem !important;
        padding-top: 3rem !important;
        padding-bottom: 2rem !important;
    }

    .grav-4 {
        padding-top: 50px;
    }

    .grav-4 .w-d-th {
        width: 88%;
    }

    .p-cu-team {
        font-size: 30px;
        line-height: 41px;
    }

    .ziv-in-ba {
        height: 600px !important;
    }

    .ziv-in-ba .shadow-lg.hid-im {
        width: 70% !important;
        margin-top: 6vh;
    }

    .ziv-in-ba .mb-4 {
        margin-bottom: 0 !important;
    }

    .sp-zivra {
        padding-top: 4rem !important;
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .bg-them .txt-alig {
        width: 100%;
    }




    /*header*/
    .header .item-center {
        flex: 0 0 73%;
    }

    .header .menu>ul>li {
        margin-left: 16px;
    }

    .header .item-right {
        flex: 0 0 21%;
    }

    .header .item-left img {
        height: auto !important;
    }

    .solution {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        padding-top: 0rem !important;
    }

    .landing_page .responsive-container-block.container {
        display: block;
    }

    .landing_page .responsive-container-block.container .wk-ipadp-6 {
        width: 100% !important;
    }

    .site-display-2xl {
        font-size: 3.5rem !important;
        line-height: 3.75rem !important;
    }

    .testimonial-wrapper.mt-16 {
        margin-top: 1rem !important;
    }


    .max-w-screen-lg {
        max-width: 1180px !important;
    }

    .max-w-screen-lg .lg\:max-w-3xl {
        max-width: 45rem;
    }

    .lg\:\!top-\[-5rem\] {
        top: -5rem !important;
        height: 70% !important;
    }

    .-bottom-\[5rem\] {
        bottom: -4rem !important;
    }

    .ca-usa {
        margin-right: 0px !important
    }

    .md\:max-w-\[37rem\] {
        max-width: 90% !important;
    }



    .-bottom-4 {
        bottom: 2rem !important;
    }


    .hove-team:hover {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }

    .ziv-call .slider-container {
        max-width: 75vw !important;
    }



    footer {
        padding-left: 40px;
        padding-right: 40px;
    }

    footer .lg\:max-w-3xl {
        max-width: 41rem !important;
    }


    .testimonial-wrapper .carousel-inner {
        gap: 1rem !important;
    }


    .testimonial-wrapper .carousel-item {
        flex: 0 0 33% !important;
        min-width: 33% !important;
    }



    .lg\:text-left {
        text-align: left !important;
    }

    .track {
        margin-bottom: 2rem !important;
    }

    .track {
        margin-top: 8rem !important;
    }

    .md\:w-\[62\%\] {
        width: 100% !important;
    }

    .bg-white .next-w h4.lin-h {
        width: 80%
    }

    .ap-bg {
        padding-left: 4rem !important;
        padding-right: 6rem !important;
    }


    .bg-white .next-w {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }


    .mg-left {
        margin-left: 0vh;
        width: 100% !important;
    }


    .-indiv .md\:max-w-\[12\.25rem\] {
        max-width: 35.25rem !important;
    }

    .-indiv.lg\:grid-cols-\[100px_300px_1fr\] {
        grid-template-columns: 100px 180px 300px 1fr !important;
    }







    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.ist-item {
        flex: 0 0 21%;
        padding-left: 2rem !important;

    }


    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.lg\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
        flex: 0 0 27%;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed {
        flex: 0 0 24%;
    }


    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed.lg\:pl-36 {
        padding-left: 0rem;
        padding-right: 2rem;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed a {
        line-height: 1.8rem !important;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
        font-size: 1.2rem;
    }



}

/*Tab-syt*/
@media only screen and (min-width : 1024px) and (max-width : 1199px) {

    /*---------INDEX-----------*/
    .w-full-70 {
        width: 100%;
    }

    .ziv-call {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        padding-top: 5rem !important;
    }

    .ziv-call h3 {
        font-size: 30px;
    }

    .ziv-call p {
        font-size: 15px;
    }

    .ceo-spark .making-zorroae {
        width: 70% !important;
    }

    .ceo-spark .drp-logo {
        top: 3vh;
        left: 25vh;
    }

    footer .xl\:px-48 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .apaet.md\:w-\[80\%\] {
        width: 100% !important;
        margin-top: 8rem !important;
    }

    .apaet .lg\:px-20 {
        padding-left: 4rem !important;
        padding-right: 1rem !important;
    }

    .nex-t-Gen {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        margin-top: 4rem !important;
    }

    .blog-magic {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        margin-bottom: 5rem !important;
    }

    .blog-magic .w-b8 {
        width: 95%;
    }

    .blog-magic .w-b8-1 {
        width: 85%;
        margin: auto;
    }

    .blog-magic .w-b8-1 .md\:text-\[48px\] {
        font-size: 40px;
        font-weight: 600;
    }

    .client-magic {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .client-magic .tech-talent {
        margin-bottom: 2vh;
    }

    .slider-high-mob {
        height: 600px !important;
    }

    .wide-range {
        padding-top: 4rem !important;
    }

    .ziv-call .cards-wrapper .product-card:first-child {
        margin-left: calc(calc(100vw - 850px) / 1);
    }

    .next-w.lg\:px-32 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .next-w .md\:grid-cols-\[50\%_50\%\] {
        grid-template-columns: 70% 30%;
    }

    .next-w .hot-zorroae {
        font-size: 20px;
    }

    .bg-white .next-w h4.lin-h {
        font-size: 2.475rem !important;
        line-height: 50px;
    }

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

    .mercy {
        padding-top: 5vh !important;
    }

    .zivr-div h2 {
        font-size: 37px;
        line-height: 51px;
        font-weight: 600;
    }

    .ziv-img .p-6 {
        padding: 1.5rem;
    }

    .text-3xl {
        font-size: 2.5rem !important;
        line-height: 3rem !important;
    }

    .text-\[1\.26rem\] {
        font-size: 1.2rem !important;
    }

    .sprite-god .md\:h-\[150vh\] {
        height: 125vh;
    }


    .bg-white .next-w {
        width: 100%;
    }

    .bg-them {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }




    /*---------Inner-----------*/
    .ziv-in-ba {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .ziv-in-ba h4.xl\:text-\[44px\] {
        font-size: 25px;
        line-height: 38px;
        margin-top: 4vh;
    }

    .ziv-in-ba .text-\[22px\] {
        font-size: 20px;
    }

    .p-zivra .limit {
        font-size: 28px !important;
    }

    .ant-way .tab-cover {
        object-fit: cover;
        position: relative;
        height: 400px !important;
        width: 100% !important;
        margin-top: 6vh !important;
    }


    .p-zivra .text-\[23px\] {
        font-size: 18px !important;
    }

    .p-zivra .w-1\/2 {
        width: 80% !important;
    }

    .prgr-about {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    .lo-ic-zivra {
        width: 100px !important;
    }

    .p-zivra {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        margin-top: 0rem !important;
        padding-top: 3rem !important;
        padding-bottom: 2rem !important;
    }

    .grav-4 {
        padding-top: 50px;
    }

    .grav-4 .w-d-th {
        width: 88%;
    }

    .p-cu-team {
        font-size: 30px;
        line-height: 41px;
    }

    .ziv-in-ba {
        height: 500px !important;
    }

    .ziv-in-ba .shadow-lg.hid-im {
        width: 70% !important;
        margin-top: 6vh;
    }

    .ziv-in-ba .mb-4 {
        margin-bottom: 0 !important;
    }

    .sp-zivra {
        padding-top: 4rem !important;
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .bg-them .txt-alig {
        width: 100%;
    }

    footer .get-in {
        font-size: 34px !important;
        margin-top: 2vh;
    }






    /*header*/
    .header .menu>ul>li {
        margin-left: 15px;
    }

    .header .item-center {
        flex: 0 0 76%;
    }

    .ca-usa {
        margin: 0px !important
    }

    .header .item-right {
        flex: 0 0 12%;
    }

    .header .header-item img {
        height: auto !important;
    }

    .header .item-right .call-nw .te-xt {
        display: none;
    }

    .header .item-right .call-nw {
        padding: 5px 32px !important;
    }

    .header .menu>ul>li>a {
        font-size: 15px !important;
    }




    .solution {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        padding-top: 5rem !important;
    }

    .pad-left-ba-text {
        padding-left: 0vh !important;
    }


    .landing_page .responsive-container-block.container {
        display: block;
    }

    .landing_page .responsive-container-block.container .wk-ipadp-6 {
        width: 100% !important;
    }




    .max-w-screen-lg {
        max-width: 1000px !important;
    }

    .lg\:text-left {
        text-align: left !important;
    }

    .track {
        margin-bottom: 2rem !important;
    }

    .track {
        margin-top: 6rem !important;
    }

    .md\:w-\[62\%\] {
        width: 95% !important;
    }

    .bg-white .next-w h4.lin-h {
        width: 98%
    }

    .ap-bg {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }


    .bg-white .next-w {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }


    .mg-left {
        margin-left: 0vh;
        width: 460px !important;
    }


    .emblem {
        width: 15vh;
        height: 15vh;
        margin: 2vh auto 2vh;
        font-size: 13px;
    }

    .max-w-screen-xl {
        max-width: 850px !important;
    }

    .site-display-2xl {
        font-size: 4rem !important;
        line-height: 4.5rem !important;
        margin-bottom: 0.5rem !important;
        margin-top: 3rem !important;
        text-align: center;
    }

    .wordCarousel div {
        width: 100%;
    }



    .site-display-xs {
        margin: auto;
        text-align: center;
    }

    .men button {
        margin: auto;
        display: block;
    }











    .text-\[1\.5rem\] {
        font-size: 1.2rem !important;
    }



    .mercy h4 {
        font-size: 1.5rem !important;
        line-height: 1.975rem !important;
    }


    .prodevz .te-apa {
        top: 5vh;
        left: 2vh;
    }





    .we-1024 .lg\:max-w-3xl {
        max-width: 100% !important;
    }

    .track .md\:max-w-\[37rem\] {
        max-width: 54rem !important;
    }

    .lg\:\!top-\[-5rem\] {
        top: 2rem !important;
        height: 63% !important;
    }


    .testimonial-wrapper .carousel-inner {
        gap: 1rem !important;
    }


    .testimonial-wrapper {
        margin-top: 0rem !important
    }

    .testimonial-wrapper .carousel-item {
        flex: 0 0 40% !important;
        min-width: 40% !important;
    }

    .scr-cont span {
        height: 110px;
        top: 55px;
    }

    .ap-bg {
        padding: 0rem
    }

    .md\:mt-8 {
        margin-top: 0rem !important;
    }


    .new-sect-zivra .lg\:px-32 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .-bottom-4 {
        bottom: 2rem !important;
    }

    footer {
        display: block !important;
    }

    .p-1-ev {
        padding: 0.5rem 0.5rem;
    }

    .hove-team:hover {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }



    .mg-left {
        margin-bottom: 0rem !important;
    }

    .f-w-450px {
        width: 100% !important;
    }


    .md\:max-w-\[12\.25rem\] {
        max-width: 100% !important;
    }

    .back-bg {
        padding: 80px 2rem;
    }

    .hit-text {
        font-size: 16px;
        width: 90%;
    }

    .md\:text-\[42px\] {
        font-size: 40px !important;
    }

    .lg\:grid-cols-\[100px_300px_1fr\] {
        grid-template-columns: 150px 300px 500px 10fr !important;
    }



    .type-tab {
        grid-template-columns: 400px 400px 1fr !important;
    }

    .-indiv .md\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    .fo .lg\:pl-7 {
        padding-left: 4.75rem !important;
    }












    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.ist-item {
        flex: 0 0 21%;
        padding-left: 2rem !important;

    }


    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.lg\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
        flex: 0 0 27%;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed {
        flex: 0 0 24%;
    }


    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed.lg\:pl-36 {
        padding-left: 0rem;
        padding-right: 2rem;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.subhed a {
        line-height: 1.1rem !important;
    }

    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
        font-size: .8rem;
    }



    .md\:mt-0 img {
        display: none;
    }





    .desk-lo {
        display: none;
    }

    .mobile-lo {
        display: block;
    }

}

/*Tab-exta
@media only screen and (min-width : 911px) and (max-width : 1023px){


}*/



/*Tab*/
@media only screen and (min-width : 768px) and (max-width : 1023px) {

    /*---------INDEX-----------*/
    .w-full-70 {
        width: 100%;
    }

    .ziv-call {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        padding-top: 5rem !important;
    }

    .ziv-call .ali-text {
        text-align: center;
    }

    .ziv-call h3 {
        font-size: 40px !important;
        line-height: 48px;
        font-weight: 500;
    }

    .ziv-call p {
        font-size: 16px;
    }

    .ceo-spark {
        padding-top: 3vh;
    }

    .ceo-spark .making-zorroae {
        width: 100% !important;
    }

    .ceo-spark .drp-logo {
        top: -20vh;
        left: 44vh;
    }

    .ceo-spark .pro-lead-tab {
        width: 100% !important;
    }


    footer .xl\:px-48 {
        padding-left: 4rem;
        padding-right: 4rem;
    }


    .apaet.md\:w-\[80\%\] {
        width: 100% !important;
        margin-top: 8rem !important;
    }



    .projectFactsWrap .item {
        flex: 1 0 47%;
    }


    .nex-t-Gen {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        margin-top: 6rem !important;
    }

    .blog-magic {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        margin-bottom: 5rem !important;
    }

    .blog-magic .w-b8 {
        width: 95%;
    }

    .blog-magic .w-b8-1 {
        width: 90%;
        margin: auto;
    }

    .blog-magic .w-b8-1 .md\:text-\[48px\] {
        font-size: 35px !important;
        font-weight: 500;
    }

    .client-magic {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .client-magic .tech-talent {
        margin-bottom: 2vh;
    }

    .slider-high-mob {
        height: 600px !important;
    }

    .wide-range {
        padding-top: 5rem !important;
    }

    .ziv-call .cards-wrapper .product-card:first-child {
        margin-left: calc(calc(100vw - 750px) / 1);
    }

    .next-w.lg\:px-32 {
        padding-left: 3rem !important;
        padding-right: 4rem !important;
    }

    .next-w .md\:grid-cols-\[50\%_50\%\] {
        grid-template-columns: 70% 30%;
    }

    .next-w .hot-zorroae {
        font-size: 17px;
        margin-bottom: 1vh;
    }

    .bg-white .next-w h4.lin-h {
        width: 100%;
    }

    .mercy {
        padding-top: 5vh !important;
    }

    .zivr-div h2 {
        font-size: 27px !important;
        line-height: 36px;
        font-weight: 600;
    }

    .ziv-img .p-6 {
        padding: 1.5rem;
    }

    .tab-gap-18 {
        gap: 5vh;
    }


    .sprite-god .md\:h-\[150vh\] {
        height: 125vh;
    }


    .bg-white .next-w {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }




    /*---------Inner-----------*/
    .ziv-in-ba {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        height: auto !important;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .ziv-in-ba h4.xl\:text-\[44px\] {
        font-size: 41px;
        line-height: 57px;
        font-weight: 600;
        margin-top: 4vh;
    }

    .ziv-in-ba .text-\[22px\] {
        font-size: 20px;
    }

    .p-zivra .limit {
        font-size: 28px !important;
    }

    .ant-way .tab-cover {
        object-fit: cover;
        position: relative;
        height: 400px !important;
        width: 100% !important;
        margin-top: 6vh !important;
    }


    .p-zivra .text-\[23px\] {
        font-size: 18px !important;
    }

    .p-zivra .w-1\/2 {
        width: 80% !important;
    }

    .prgr-about {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    .lo-ic-zivra {
        width: 100px !important;
        margin-top: 8vh;
    }

    .p-zivra {
        display: block !important;
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        margin-top: 0rem !important;
        padding-top: 3rem !important;
        padding-bottom: 2rem !important;
    }


    .grav-4 {
        padding-top: 50px;
    }

    .grav-4 .w-d-th {
        width: 88%;
    }

    .p-cu-team {
        font-size: 30px;
        line-height: 41px;
    }

    .ziv-in-ba .shadow-lg.hid-im {
        width: 70% !important;
        margin-top: 6vh;
    }

    .ziv-in-ba .mb-4 {
        margin-bottom: 0 !important;
    }

    .ziv-in-ba .md\:col-span-2 {
        grid-column: span 4 / span 2;
        justify-content: start !important;
    }


    .sp-zivra {
        padding-top: 2rem !important;
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .bg-them .txt-alig {
        width: 100%;
    }

    footer .get-in {
        font-size: 26px !important;
        margin-top: 2vh;
    }

    .p-zivra .md\:w-2\/5 {
        width: 100%;
    }

    .p-zivra .md\:w-3\/5 {
        width: 100%;
    }



    .landing_page .responsive-container-block.container {
        display: block;
    }

    .landing_page .responsive-container-block.container .wk-ipadp-6 {
        width: 100% !important;
    }



    /*header*/
    header .row {
        flex-wrap: inherit;
    }

    .header .item-left {
        flex: 0 0 20% !important;
    }

    .header .item-right {
        flex: 0 0 80% !important;
    }

    .header .header-item img.logo {
        height: auto !important;
    }

    .header .item-right .call-nw .te-xt {
        display: none;
    }

    .header .item-right .call-nw {
        padding: 8px 32px !important;
    }

    .client-magic .h-20 {
        height: 4rem !important;
    }

    .s-s-s-img {
        height: 100%;
        display: none;
    }




    .ziv-in-ba h3.text-\[18px\] {
        font-size: 24px !important;
        margin-bottom: 2vh !important;
    }

    .ziv-in-ba .mb-4 input {
        margin-bottom: 2vh;
    }

    .mr-right {
        margin-right: 0vh;
    }

    .tit-buott {
        font-size: 18px !important;
    }

    .key-solu-tion h2 {
        line-height: 32px !important;
        margin-bottom: 2vh !important;
    }

    .app-rera p.buil-app {
        font-size: 23px !important;
        line-height: 33px !important;
    }

    .app-rera {
        padding: 2rem !important;
    }

    #info-section .w-1\/4 {
        width: 40%;
        margin-right: 20px;
    }

    #info-section .w-2\/3 {
        width: 100%;
        margin-top: 4vh;
        padding: 0px !important;
    }

    #section-3 h3 {
        font-size: 22px !important;
    }







    .ziv-in-ba .space-x-2> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0rem * var(--tw-space-x-reverse)) !important;
        margin-left: calc(0rem * calc(1 - var(--tw-space-x-reverse))) !important;
    }

    .pad-left-ba-text {
        padding-left: 0vh !important;
    }

    .marg-top-ba-imag {
        margin-top: 0vh !important;
    }

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
        margin-left: 0px;
    }

    .landing_page .responsive-container-block.container.cfgvbh {
        margin-bottom: 8vh;
        margin-top: 5vh;
    }


    .-bottom-1 {
        bottom: -11.25rem !important;
    }


    .max-w-screen-lg {
        max-width: 700px !important;
    }

    .site-display-2xl {
        font-size: 2.8rem !important;
        line-height: 3.4rem !important;
        text-align: center;
    }

    .wordCarousel div {
        width: 100%
    }

    .md\:mt-0 {
        display: none;
    }

    .md\:mt-0 img {
        display: none;
    }

    .site-display-xs {
        margin: auto;
        text-align: center;
    }

    .clip-top-large-circle {
        display: none;
    }

    .men button {
        margin: auto;
        display: block;
    }



    .Font-Play-2xl {
        font-size: 2.7rem !important;
    }

    .max-w-screen-xl {
        max-width: 100% !important;
        margin-top: 7rem !important;
        margin-bottom: 1rem !important;
    }

    .tam-ob {
        width: 100%;
    }

    .tam-ob .tam-ob-res {
        height: 100%;
        width: 100%;
    }

    .kub-ana-s {
        display: block !important;
    }


    .kub-ana {
        justify-content: left !important;
        margin-top: 5vh;
        margin-bottom: 5vh
    }


    .text-3xl {
        font-size: 2.5rem !important;
        line-height: 3rem;
    }

    .md\:pt-\[150px\] {
        padding-top: 100px !important;
    }


    .ap-bg {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
        padding: 2rem;
    }



    .hove-team:hover {
        transition: 0.5s ease-in-out;
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .hove-team .left-0 {
        left: 0% !important;
    }

    .w-\[3\.5rem\] {
        width: 4rem !important;
    }

    .kub-ana-s .mt-12 {
        margin-top: 1rem;
    }

    .kub-ana-s .text-\[3rem\] {
        font-size: 2.7rem;
    }

    .kub-ana-s button.mt-28 {
        margin-top: 2rem;
        margin-bottom: 3rem !important;
    }



    .md\:w-\[62\%\] {
        width: 90% !important;
    }

    .a-zivtec {
        margin-top: 15vh !important;
    }

    .emblem.proj-dev {
        left: 15vh;
        top: 4vh;
    }

    .prodevz .te-apa {
        top: 4vh;
    }

    .emblem.rat-cus {
        left: 11vh;
        top: 4vh;
    }

    .rtzr .te-apa {
        left: -9vh;
        top: 9vh;
    }

    .te-apa i:before {
        font-size: 6vw;
    }

    .emblem.happ-cli {
        left: 14vh;
        top: 2vh;
    }

    .hayypz .te-apa {
        top: 12vh;
        left: -3vh;
    }


    .emblem.aw-win {
        left: 13vh;
        top: 1vh;
    }

    .awwa .te-apa {
        top: 12vh;
        left: -4vh;
    }










    .-bottom-4 {
        bottom: -13rem !important;
    }

    .site-display-m {
        font-size: 2rem !important;
    }

    .mt-40 {
        margin-top: 3rem !important;
        margin-bottom: 1rem !important;
    }

    .sm\:px-0 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }




    .testimonial-wrapper .carousel-inner {
        gap: 1rem !important;
    }


    .testimonial-wrapper {
        margin-top: 0rem !important
    }

    .testimonial-wrapper .carousel-item {
        flex: 0 0 50% !important;
        min-width: 50% !important;
    }


    .scr-cont .inner-heading i:before {
        font-size: 8vw;
    }

    .scr-cont {
        height: 37vh;
    }




    .new-sect-zivra .lg\:px-32 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }


    .md\:text-\[42px\] {
        font-size: 35px !important;
    }





    footer {
        display: block !important;
    }

    .-indiv {
        display: grid !important;
    }

    .p-1-ev {
        padding: 0.5rem 1.5rem;
    }

    .mg-left {
        margin-bottom: 0rem !important;
    }

    .f-w-450px {
        width: 100% !important;
    }


    .md\:max-w-\[12\.25rem\] {
        max-width: 100% !important;
    }

    .back-bg {
        padding: 80px 2rem;
    }

    .hit-text {
        font-size: 16px;
        width: 90%;
    }



    .-indiv .md\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }




    .f-w-450px button {
        margin-bottom: 10px;
        margin-right: 10px
    }




    .md\:max-w-\[8\.25rem\] {
        max-width: 16.25rem !important;
    }

    .md\:grid-cols-\[140px_1fr\] {
        grid-template-columns: 110px 200px 242px 1fr !important;
    }

    .md\:max-w-\[10\.25rem\] {
        max-width: 16.25rem !important;
    }

    .md\:col-span-2 {
        grid-column: span 3 / span 3 !important;
        ;
    }

    .max-w-sm {
        max-width: 50rem !important;
    }

    .top-1\/2 {
        top: 115% !important;
    }

    .left-0 {
        left: 42% !important;
    }

    .right-0 {
        right: 42% !important;
    }

    .md\:pt-16 {
        padding-top: 0rem !important;
    }

    .sprite-god .left-0 {
        left: 0% !important;
    }




    .mb-40 {
        margin-bottom: 4rem !important;
    }

    .mt-407 {
        margin-top: 4rem !important;
    }



    .h-\[28rem\] {
        height: 26rem !important;
    }





    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }







    .desk-lo {
        display: none;
    }

    .mobile-lo {
        display: block;
    }

}




/*Mob*/
@media only screen and (min-width : 150px) and (max-width : 767px) {

    /*header*/
    header .row {
        flex-wrap: inherit;
    }

    .header .item-left {
        flex: 0 0 45% !important;
    }

    .header .item-right {
        flex: 0 0 55% !important;
    }

    .header .header-item img.logo {
        height: auto !important;
    }

    .header .call-nw {
        padding: 5x !important;
        background-color: transparent !important
    }

    .header .call-nw img {
        filter: brightness(0) invert(0);
    }

    .header .item-right .call-nw .te-xt {
        display: none;
    }

    .mob-im-g {
        display: none
    }


    .h-screen {
        height: 100% !important;
    }

    .sidebar-logo i, .navbar .bx-menu {
        color: #1d0ce5 !important;
    }

    nav .navbar .nav-links {
        background: #fff !important;
    }

    .ceo-spark .drp-logo {
        position: relative;
        left: 7vh;
        top: 1vh;
    }

    .ceo-spark .drp-logo .h-w {
        height: 4rem;
    }



    .kub-ana-s {
        display: block !important;
    }


    .kub-ana {
        justify-content: left !important;
        margin-top: 5vh;
        margin-bottom: 5vh
    }

    .same .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .te-apa i:before {
        font-size: 13vw;
    }


    .next-w .hot-zorroae {
        font-size: 16px;
        margin-bottom: 2vh;
        padding-left: 10px;
        border-left: 5px solid #ef5f00;
        border-right: 9px solid #ef5f00;
        padding-right: 20px;
        letter-spacing: 1px;
        padding-bottom: 0px;
    }

    .bg-white .next-w {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .bg-white .next-w h4.lin-h {
        line-height: 38px;
        font-weight: 600;
        font-size: 28px;
        width: 100%;
    }

    .hit-text {
        width: 100%;
    }

    .mercy {
        padding-top: 8vh !important;
    }

    .gap-18 {
        gap: 5vh !important;
    }

    .ziv-img .p-6 {
        padding: 2.5rem;
    }

    .p-4 {
        padding: 1em !important;
    }

    .apaet.md\:w-\[80\%\] {
        width: 100% !important;
        margin-top: 5rem !important;
    }

    .apaet .lg\:px-20 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .projectFactsWrap .item {
        flex: 0 0 100%;
        padding: 30px;
        border: 1px dashed #ffffff38;
    }

    .site-display-l h3 {
        font-size: 35px;
        line-height: 44px;
        margin-bottom: 0px;
    }

    .site-display-l h2 {
        font-size: 26px;
        line-height: 0
    }




    /*---------Inner-----------*/

    .ziv-in-ba h4.xl\:text-\[44px\] {
        font-size: 27px;
        line-height: 36px;
        font-weight: 600;
        margin-top: 0vh;
    }

    .ziv-in-ba .text-\[22px\] {
        font-size: 20px;
    }

    .p-zivra .limit {
        font-size: 28px !important;
    }

    .ant-way .tab-cover {
        object-fit: cover;
        position: relative;
        height: 400px !important;
        width: 100% !important;
        margin-top: 6vh !important;
    }


    .p-zivra .text-\[23px\] {
        font-size: 18px !important;
    }

    .p-zivra .w-1\/2 {
        width: 100% !important;
    }

    .hove-bg-bg1 .big-trio {
        width: 100%;
        text-align: center;
    }

    .hove-bg-bg2 .big-trio {
        width: 100%;
        text-align: center;
    }

    .hove-bg-bg3 .big-trio {
        width: 100%;
        text-align: center;
    }

    .prgr-about {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    .lo-ic-zivra {
        width: auto !important;
        margin-top: 8vh;
        justify-content: space-around !important;
    }

    .p-zivra {
        display: block !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        margin-top: 0rem !important;
        padding-top: 3rem !important;
        padding-bottom: 2rem !important;
    }

    .grav-4 {
        padding-top: 50px;
    }

    .grav-4 .w-d-th {
        width: 88%;
    }

    .p-cu-team {
        font-size: 30px;
        line-height: 41px;
    }

    .ziv-in-ba .shadow-lg.hid-im {
        width: 100% !important;
        margin-top: 0vh;
    }

    .ziv-in-ba .shadow-lg.hid-im .mb-4 {
        margin-bottom: 0rem !important;
    }

    .ziv-in-ba .md\:col-span-2 {
        grid-column: span 4 / span 2;
        justify-content: start !important;
    }


    .sp-zivra {
        padding-top: 2rem !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .bg-them .txt-alig {
        width: 100%;
    }

    footer .get-in {
        font-size: 26px !important;
        margin-top: 2vh;
    }

    .p-zivra .md\:w-2\/5 {
        width: 100%;
    }

    .p-zivra .md\:w-3\/5 {
        width: 100%;
    }

    .px-10 {
        padding: 2rem !important
    }

    .ziv-in-ba {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        height: auto !important;
        padding-top: 6rem !important;
        padding-bottom: 5rem !important;
    }

    .ziv-call .slider-container {
        padding: 0px;
    }

    .moto-tit-h2 {
        font-size: 47px !important;
        line-height: 57px !important;
    }

    .moto-tit {
        font-size: 24px !important;
        margin-bottom: 4vh !important;
    }

    .nex-t-Gen {
        margin-top: 0rem !important;
    }

    .nex-t-Gen .w-full-70 {
        width: 100%;
        margin-top: 6vh !important;
    }

    .nex-t-Gen .w-full-70 p {
        font-size: 16px;
    }

    .zivr-div h2 {
        font-size: 42px;
        line-height: 55px;
    }

    .ziv-call .ali-text {
        margin-bottom: 2rem !important;
    }


    .ziv-call h3 {
        font-size: 30px !important;
        line-height: 46px !important;
    }

    .ziv-call .product-card {
        width: 350px;
        text-align: center !important;
    }

    .ziv-call .product-card.active {
        width: 350px;
        text-align: center !important;
    }

    .spa .w-\[60\%\] {
        width: 100% !important;
    }

    .blog-magic .w-b8 {
        margin-top: 0vh;
    }

    .blog-magic .w-b8 .left-0 {
        left: -40px !important;
    }

    .blog-magic .w-b8 .right-0 {
        right: -40px !important;
    }

    .wide-range {
        padding-top: 2rem !important;
    }


    .space-x-2 {
        margin-bottom: 5vh !important;
    }

    .slide h1 {
        font-size: 30px;
        line-height: 41px;
    }





    .mr-right {
        margin-right: 0vh;
    }

    .tit-buott {
        font-size: 18px !important;
    }

    .key-solu-tion h2 {
        line-height: 32px !important;
        margin-bottom: 2vh !important;
    }

    .app-rera p.buil-app {
        font-size: 23px !important;
        line-height: 33px !important;
    }

    .app-rera {
        padding: 2rem !important;
    }

    #info-section .w-1\/4 {
        width: 100%;
    }

    #info-section .w-2\/3 {
        width: 100%;
        margin-top: 4vh;
        padding: 0px !important;
    }

    #section-3 h3 {
        font-size: 22px !important;
    }





    .ziv-in-ba .space-x-2> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0rem * var(--tw-space-x-reverse)) !important;
        margin-left: calc(0rem * calc(1 - var(--tw-space-x-reverse))) !important;
    }

    .pad-left-ba-text {
        padding-left: 0vh !important;
    }

    .marg-top-ba-imag {
        margin-top: 0vh !important;
    }

    .landing_page .text-blk.section-subhead a {
        display: block;
        margin: 7px 0px;
    }

    [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
        margin-left: 0px;
    }

    .landing_page .responsive-container-block.container.cfgvbh {
        margin-bottom: 5vh;
        margin-top: 0vh;
    }


    .next-ch {
        top: 10vh;
        right: 0vh;
        position: relative;
    }

    .emblem {
        position: inherit;
        margin: auto;
    }

    .prodevz .te-apa, .rtzr .te-apa, .hayypz .te-apa, .awwa .te-apa {
        position: inherit;
        transform: translate(0%, -130%);
    }

    .prodevz, .rtzr, .hayypz, .awwa {
        display: block !important;
    }


    .a-zivtec {
        margin-top: 2vh !important;
        padding-bottom: 0vh !important;
    }




    .tam-ob {
        width: 100%;
    }

    .tam-ob .tam-ob-res {
        height: 100%;
        width: 100%;
    }





    .bottom-\[-20px\] {
        bottom: -50px !important;
    }

    .ap-bg {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .ap-bg h1 {
        font-size: 1.5rem !important;
    }

    .ap-bg .animated-text {
        top: -30px;
    }

    .text-\[2\.8rem\] {
        font-size: 2.5rem !important;
    }

    .-bottom-1 {
        bottom: -12.25rem !important;
    }

    .px-8 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .max-w-screen-xl {
        margin-top: 6rem !important;
        margin-bottom: 2rem !important;
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }


    .new-sect-zivra .lg\:px-32 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .back-bg {
        padding: 80px 2rem;
    }

    footer {
        display: block !important;
    }

    .-indiv {
        display: block !important;
    }

    .p-1-ev {
        padding: 0.5rem 2.5rem;
    }

    .mg-left {
        margin-bottom: 0rem !important;
    }

    .f-w-450px {
        width: 100% !important;
    }


    .scr-cont {
        height: 37vh;
    }

    .scr-cont .inner-heading i:before {
        font-size: 12vw;
    }






    .testimonial-wrapper .carousel-inner {
        gap: 1rem !important;
    }


    .testimonial-wrapper {
        margin-top: 0rem !important
    }





    .-bottom-4 {
        bottom: -9rem !important;
        display: none;
    }

    .site-display-2xl {
        font-size: 2rem !important;
        font-weight: 500 !important;
        line-height: 2.5rem !important;
        text-align: center;
    }

    .wordCarousel div {
        display: block;
        margin: auto;
        width: 100%
    }

    .site-display-xs {
        margin: auto;
        text-align: center;
    }

    .clip-top-large-circle {
        display: none;
    }

    .men button {
        margin: auto;
        display: block;
    }

    .md\:mt-0 {
        display: none;
    }

    .md\:mt-0 img {
        display: none;
    }


    .sm\:text-\[40px\] {
        font-size: 25px;
    }


    .koyi {
        padding-top: 2rem !important;
    }

    .koyi .koyi-1 {
        margin-bottom: 0rem !important;
    }

    .ap-bg .mt-12 {
        margin-top: 0rem !important;
    }

    .ap-bg .mt-28 {
        margin-top: 3rem !important;
    }


    .w-full-70 span {
        text-align: left !important;
        margin: 0 !important;
        font-size: 1.5rem !important;
    }

    .pt-2 {
        padding-top: 0rem !important;
    }

    .hove-team:hover {
        transition: 0.5s ease-in-out;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .hove-team .left-0 {
        left: 0% !important;
    }

    img.s-s-s-img {
        display: none !important;
    }

    .w-\[3\.5rem\] {
        width: 4.5rem !important;
    }




    .max-w-screen-lg {
        max-width: 95% !important;
    }

    .text-\[1\.5rem\] {
        font-size: 1.2rem !important;
    }

    .men {
        margin-top: 5vh
    }

    .site-display-m {
        font-size: 2rem !important;
    }

    .mt-40 {
        margin-top: 7rem !important;
        margin-bottom: 4rem !important;
    }

    .header {
        padding: 15px 0px
    }

    .same:hover .inv {
        display: none;
    }


    .-indiv .md\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }


    .type-tab .tec-butt {
        display: block !important;
    }

    .f-w-450px button {
        margin-bottom: 10px;
        margin-right: 10px
    }




    .md\:max-w-\[8\.25rem\] {
        max-width: 16.25rem !important;
    }

    .md\:grid-cols-\[140px_1fr\] {
        grid-template-columns: 110px 200px 242px 1fr !important;
    }

    .md\:max-w-\[10\.25rem\] {
        max-width: 16.25rem !important;
    }

    .md\:col-span-2 {
        grid-column: span 3 / span 3 !important;
        ;
    }

    .max-w-sm {
        max-width: 50rem !important;
    }

    .top-1\/2 {
        top: 6% !important;
    }

    .hove-team .grid-cols-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .text-\[40px\] {
        font-size: 28px !important;
    }

    .gap-y-10 {
        gap: 2rem;
    }


    .left-0 {
        left: 34% !important;
    }

    .right-0 {
        right: 34% !important;
    }

    .md\:pt-16 {
        padding-top: 0rem !important;
    }

    .sprite-god .left-0 {
        left: 0% !important;
    }


    .mb-40 {
        margin-bottom: 3rem !important;
    }

    .mt-407 {
        margin-top: 5rem !important;
    }

    .clients-grid.logo-animate {
        grid-column-gap: 4rem !important;
    }

    .clients-grid.logo-animate-alt {
        grid-column-gap: 4rem !important;
        width: 78rem !important;
    }

    .h-\[28rem\] {
        height: 25rem !important;
    }




    .desk-lo {
        display: none;
    }

    .mobile-lo {
        display: block;
    }





    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }


    .mb-plr {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .mb-pb {
        padding-bottom: 6rem !important
    }

    .mb-18-pb {
        padding-bottom: 4rem !important
    }


}


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

    .making-zorroae span {
        line-height: 40px;
        font-size: 30px;
    }

    .ziv-call .product-card.active {
        width: 300px;
    }

    .ziv-call .product-card {
        width: 300px;
        padding: 14px 0px;
    }

    .ziv-call .product-card .bo-rd-glob {
        padding: 50px 22px;
    }

    .tit-buott {
        font-size: 16px !important;
    }



    .Font-Play-2xl {
        font-size: 2.5rem !important;
    }

    .site-display-2xl {
        font-size: 1.7rem !important;
        line-height: 2.1rem !important;
    }

    .max-w-screen-lg {
        max-width: 270px !important;
    }


    .bg-white .next-w h4.lin-h {
        line-height: 34px;
        font-size: 24px;
    }

    .hit-text {
        font-size: 18px;
        line-height: 25px;
    }

    .mercy {
        padding-top: 4vh !important;
    }


    .mercy h4 {
        font-size: 1.5rem;
        line-height: 32px;
    }

    .zivr-div h2 {
        font-size: 24px;
        line-height: 39px;
    }

    .text-\[2\.8rem\] {
        font-size: 1.5rem !important;
        line-height: 34px;
    }


    .hove-team .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}


@media only screen and (max-width: 320px) {
    .slide h1 {
        font-size: 30px;
        line-height: 41px;
    }

    .tit-buott {
        font-size: 18px !important;
    }

    .text-\[42px\] {
        font-size: 26px !important;
    }

    .call-nw {
        font-size: 1.2rem !important;
        padding: 8px 17px !important;
    }

    .kub-ana-s .text-\[3rem\] {
        font-size: 2rem;
    }

    .hove-team .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}