.datDevCard:hover{
            background-color:#1061F8;
            color:#fff;
        }
        .datDevCard:hover img {
            filter: invert(1) brightness(100);
        }                                                                                                        
        .datDevCard:hover .developementCardCount{
            mask-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
            color: #fff;
        }
        .statistic-number, .none-statistic-number {
            font-family: "Mabry Pro", "IBM Plex Sans Arabic", serif !important;
            font-size: 48px;
            margin-bottom: 0px;
        }
        .statistic-section {
            background-image: url(./assets/images/case-background.webp);
            background-size: cover;
            background-color: #1061F8;
            color: white;
            padding: 85px 80px;
            border-radius: 20px;
            background-position: center;
        }
        .cta-paragraph{
            font-size:16px;
        }
        .nav-y a:hover {
            opacity: .6 !important;
        }
        .countMain{
            display:flex;
            flex-direction:row;
            align-items:center;
            justify-content: space-between;
        }
        .cout-section{
            background: linear-gradient(180deg, #EEF6FF 0%, #FFFFFF 100%);
        }
        .developementCardCount{
            mask-image: linear-gradient(180deg, #F64841 0%, rgba(255, 255, 255, 0) 100%);
            color:#F64841;
            font-size:72px;
            font-weight:700;
        }
        .cout-heading{
            font-size:24px;
            font-weight:700;
        }
        .cout-paragraph{
            font-size:20px;
            font-weight:400;
        }
        .datDevCard {
            border: 2px solid #1061F8;
            border-radius: 10px;
            padding: 30px;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .datDevCard-spacing{
            margin-top:2rem;
        }
         header.uc-header.header-six .uc-navbar-main .uc-navbar-nav li > a.nav-menu.menu-hover:hover {
        color: #f7645e !important;
        opacity: 0.7 !important;
        }
        .for-top{
            background-color:#f64841;
        }
        .plus,.slash{
            font-size:48px;
            font-weight:600;
            color:#F64841;
        }
        .nav-menu {
        text-transform: none !important;
        }
        
        .cardSlider {
            display: none;
        }

        .w_fit {
            width: fit-content;
        }

        .mx-autoBtn {
            margin-left: auto !important;
            margin-right: auto !important;
            display: block !important;
        }

        .btnPrimary {
            background-color: #f64841;
            transition: 0.3s all;
        }

        .btnPrimary:hover {
            background-color: #ff615c;
            border: none;
        }

        .unicon-checkmark:before {
            content: "\e93e";
            font-size: 0.7rem;
            aspect-ratio: 1;
            width: 1rem;
            height: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .teamMember {
            display: flex;
            gap: 1rem;
            align-items: center;
        }

        .teamMember p,
        .teamMember h4 {
            margin: 0rem;
        }

        .teamMember img {
            width: 5rem;
            border-radius: 3rem;
        }

        .starIcon {
            filter: invert(75%) sepia(100%) saturate(10000%) hue-rotate(10deg) !important;
        }
        .uc-pageloader{
            display:none !important;
        }
        .uc-pageloader>.loading>div{
            display:none !important;
        }

        .alignCenter {
            align-items: center;
        }

        .hover\:text-primary:hover,
        .text-primary {
            --bs-text-opacity: 1;
            color: blue !important;
        }

        .unicon-checkmark:before {
            content: "";
            background-image: url(./assets/images/right-icon.svg);
            font-size: 0.7rem;
            aspect-ratio: 1;
            width: 1.1rem;
            height: 1.1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-repeat: no-repeat;
        }

        .uc-navbar-item,
        .uc-navbar-nav>li>a {
            font-family: inherit !important;
            padding: 0;
            min-height: var(--uc-nav-height, 48px) !important;
            font-size: 14px !important;
        }

        .clients-image {
            width: 100%;
            max-width: 4rem;
            border-radius: 50%;
        }

        .clients {
            flex-direction: row;
            align-items: center !important;
            gap: 1.5rem !important;
        }

        .uc-accordion-title::before {
            background-color: #fce606 !important;
        }

        .logo-gap {
            gap: 2rem;
        }

        .clients-slider:hover {
            background-color: #1061F8 !important;
            color: #ffffff !important;
        }

        .clients-slider:hover h6 {
            color: #ffffff !important;
        }

        .clients-feedback {
            background-color: #F3F5FF;
            position: relative;
        }

        .clients-feedback::before {
            content: "";
            background: url(./assets/images/clients-feedback-bg02.webp);
            background-repeat: no-repeat;
            width: 10rem;
            height: 18rem;
            position: absolute;
            bottom: 0;
            right: 0;
            background-size: contain;
            z-index: 1;
        }

        .clients-feedback::after {
            content: "";
            background: url(./assets/images/clients-feedback-bg01.webp);
            background-repeat: no-repeat;
            width: 10rem;
            height: 18rem;
            position: absolute;
            top: 0;
            left: 0;
            background-size: contain;
            z-index: 1;
        }

        .ipad-spacing {
            margin-top: 5rem;
        }

        .border-orange-900 {
            border: 1px solid #F64841;
        }

        .process-section {
            background-color: #1061F8 !important;
            color: #fff !important;
            background-image: url(./assets/images/process-bg.webp);
            position: relative;
        }

        .timeline-box::before {
            right: 0;
            left: 0;
            width: auto;
            height: 1px;
            opacity: .15;
            top: 9rem;
            background: #fff !important;
        }

        .timeline-box::after {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            transform: scale(.5);
            transition: transform .25s;
            top: 8.4rem;
            background: #fff !important;
            left: 4.5rem !important;
        }

        .swiper-timeline .swiper-slide:first-child .timeline-box::before {
            left: 27% !important;
        }

        .proces-slider-number {
            background-color: #F64841 !important;
            color: #fff !important;
            border-radius: 50%;
            padding: 20px;
            position: absolute;
            top: -3rem;
        }

        .process-card {
            border: 1px solid #fff;
            border-radius: 15px;
            display: flex;
            align-items: start !important;
            padding: 48px 20px !important;
            text-align: left;
            position: relative;
            margin-top: 30px;
            margin-left: 20px;
        }

        .proces-card-heading {
            font-size: 44px !important;
        }

        .services-section {
            padding-top: 6rem;
            padding-bottom: 6rem;
        }

        .timeline-box .image {
            opacity: 1;
            transform: scale(.9);
            transition: all 250ms ease-in-out;
            max-width: 8rem;
        }

        .botie-div {
            position: relative;
            width: 100%;
            min-width: 106rem;
            margin-left: 172.75rem;
        }

        .timeline-box .content,
        .timeline-box .title {
            opacity: 1;
        }

        .column-botie:before  {
            content: '';
            position: absolute;
            left: 93%;
            transform: translateX(-50%);
            top: 138px;
            width: 114%;
            height: 0.25rem;
            background: rgb(255, 255, 255, 1);
        }

        .column-botie:after {
            content: '';
            position: absolute;
            left: 100px;
            top: 135px;
            width: 0.75rem;
            height: 0.75rem;
            background: rgb(255, 255, 255, 1);
            border-radius: 100px;
        }

        .column-botie {
            position: relative;
            min-width: 18.875rem;
            margin-right: 2.6875rem;
        }

        .column-botie:nth-child(5) {
            margin-right: 0;
        }

        .column-botie:nth-child(5):before {
            display: none !important;
        }

        .timeline-box::before {
            display: none;
        }

        .timeline-box::after {
            display: none;
        }

        .column-botie:before {
            content: '';
            position: absolute;
            left: 93%;
            transform: translateX(-50%);
            top: 138px;
            width: 114%;
            height: 0.25rem;
            background: rgb(255, 255, 255, 1);
        }

        .column-botie:after {
            content: '';
            position: absolute;
            left: 100px;
            top: 135px;
            width: 0.75rem;
            height: 0.75rem;
            background: rgb(255, 255, 255, 1);
            border-radius: 100px;
        }

        .for-logo {
            width: 14.28571428571429%;
            margin-top: 34px;
            padding: 0;
            text-align: center;
        }

        img.new-logo {
            width: 100%;
            height: 100%;
            max-width: 7rem;
        }

        .logo-section-ipad {
            display: none;
        }

        .swiper-container {
            display: none;
        }

        .core-cards-heading {
            font-size: 30px !important;
        }

        .core-cards-paragraph {
            font-size: 16px !important;
        }

        .cards-spacing {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        .statistic-section{
            background-image:url(./assets/images/case-background.webp);
            background-size:cover;
            background-color:#1061F8;
            color:white;
            padding:100px 80px;
            border-radius:20px;
            background-position:center;
        }
        .counter-section{
            width:25%;
            display:flex;
            align-items:center;
            justify-content:center;
            flex-direction:column;
        }
        .cta-section {
            background-image: url(/assets/images/cta-bg.webp);
            background-size: cover;
            border-radius: 20px;
            color: white;
            width: 100%;
            max-width: 80rem;
            margin: auto;
            margin-bottom:3rem;
            padding-top:4rem;
            padding-bottom:4rem;
        }
        .statistic-number, .none-statistic-number {
            font-family: "Mabry Pro", "IBM Plex Sans Arabic", serif !important;
            font-size: 48px;
            margin-bottom: 0px;
        }
        .counter-paragraph{
           font-weight:400;
        }
        header.uc-header.header-six .uc-navbar-main .uc-navbar-nav li > a.nav-menu.menu-hover:hover {
        color: #f7645e !important;
        opacity: 0.7 !important;
        }
        .for-top{
            background-color:#f64841;
        }
        .nav-menu {
        text-transform: none !important;
        }
        
        .cardSlider {
            display: none;
        }

        .w_fit {
            width: fit-content;
        }

        .mx-autoBtn {
            margin-left: auto !important;
            margin-right: auto !important;
            display: block !important;
        }

        .btnPrimary {
            background-color: #f64841;
            transition: 0.3s all;
        }

        .btnPrimary:hover {
            background-color: #ff615c;
            border: none;
        }

        .unicon-checkmark:before {
            content: "\e93e";
            font-size: 0.7rem;
            aspect-ratio: 1;
            width: 1rem;
            height: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .teamMember {
            display: flex;
            gap: 1rem;
            align-items: center;
        }

        .teamMember p,
        .teamMember h4 {
            margin: 0rem;
        }

        .teamMember img {
            width: 5rem;
            border-radius: 3rem;
        }

        .starIcon {
            filter: invert(75%) sepia(100%) saturate(10000%) hue-rotate(10deg) !important;
        }
        .uc-pageloader{
            display:none !important;
        }
        .uc-pageloader>.loading>div{
            display:none !important;
        }

        .alignCenter {
            align-items: center;
        }

        .hover\:text-primary:hover,
        .text-primary {
            --bs-text-opacity: 1;
            color: blue !important;
        }

        .unicon-checkmark:before {
            content: "";
            background-image: url(./assets/images/right-icon.svg);
            font-size: 0.7rem;
            aspect-ratio: 1;
            width: 1.1rem;
            height: 1.1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-repeat: no-repeat;
        }

        .uc-navbar-item,
        .uc-navbar-nav>li>a {
            font-family: inherit !important;
            padding: 0;
            min-height: var(--uc-nav-height, 48px) !important;
            font-size: 14px !important;
        }

        .clients-image {
            width: 100%;
            max-width: 4rem;
            border-radius: 50%;
        }

        .clients {
            flex-direction: row;
            align-items: center !important;
            gap: 1.5rem !important;
        }

        .uc-accordion-title::before {
            background-color: #fce606 !important;
        }

        .logo-gap {
            gap: 2rem;
        }

        .clients-slider:hover {
            background-color: #1061F8 !important;
            color: #ffffff !important;
        }

        .clients-slider:hover h6 {
            color: #ffffff !important;
        }

        .clients-feedback {
            background-color: #F3F5FF;
            position: relative;
        }

        .clients-feedback::before {
            content: "";
            background: url(./assets/images/clients-feedback-bg02.webp);
            background-repeat: no-repeat;
            width: 10rem;
            height: 18rem;
            position: absolute;
            bottom: 0;
            right: 0;
            background-size: contain;
            z-index: 1;
        }

        .clients-feedback::after {
            content: "";
            background: url(./assets/images/clients-feedback-bg01.webp);
            background-repeat: no-repeat;
            width: 10rem;
            height: 18rem;
            position: absolute;
            top: 0;
            left: 0;
            background-size: contain;
            z-index: 1;
        }

        .ipad-spacing {
            margin-top: 5rem !important;
        }

        .border-orange-900 {
            border: 1px solid #F64841;
        }

        .process-section {
            background-color: #1061F8 !important;
            color: #fff !important;
            background-image: url(./assets/images/process-bg.webp);
            position: relative;
        }

        .timeline-box::before {
            right: 0;
            left: 0;
            width: auto;
            height: 1px;
            opacity: .15;
            top: 9rem;
            background: #fff !important;
        }

        .timeline-box::after {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            transform: scale(.5);
            transition: transform .25s;
            top: 8.4rem;
            background: #fff !important;
            left: 4.5rem !important;
        }

        .swiper-timeline .swiper-slide:first-child .timeline-box::before {
            left: 27% !important;
        }

        .proces-slider-number {
            background-color: #F64841 !important;
            color: #fff !important;
            border-radius: 50%;
            padding: 20px;
            position: absolute;
            top: -3rem;
        }

        .process-card {
            border: 1px solid #fff;
            border-radius: 15px;
            display: flex;
            align-items: start !important;
            padding: 48px 20px !important;
            text-align: left;
            position: relative;
            margin-top: 30px;
            margin-left: 20px;
        }

        .proces-card-heading {
            font-size: 44px !important;
        }

        .services-section {
            padding-top: 6rem;
            padding-bottom: 6rem;
        }

        .timeline-box .image {
            opacity: 1;
            transform: scale(.9);
            transition: all 250ms ease-in-out;
            max-width: 8rem;
        }

        .botie-div {
            position: relative;
            width: 100%;
            min-width: 106rem;
            margin-left: 172.75rem;
        }

        .timeline-box .content,
        .timeline-box .title {
            opacity: 1;
        }

        .column-botie:before  {
            content: '';
            position: absolute;
            left: 93%;
            transform: translateX(-50%);
            top: 138px;
            width: 114%;
            height: 0.25rem;
            background: rgb(255, 255, 255, 1);
        }

        .column-botie:after {
            content: '';
            position: absolute;
            left: 100px;
            top: 135px;
            width: 0.75rem;
            height: 0.75rem;
            background: rgb(255, 255, 255, 1);
            border-radius: 100px;
        }

        .column-botie {
            position: relative;
            min-width: 18.875rem;
            margin-right: 2.6875rem;
        }

        .column-botie:nth-child(5) {
            margin-right: 0;
        }

        .column-botie:nth-child(5):before {
            display: none !important;
        }

        .timeline-box::before {
            display: none;
        }

        .timeline-box::after {
            display: none;
        }

        .column-botie:before {
            content: '';
            position: absolute;
            left: 93%;
            transform: translateX(-50%);
            top: 138px;
            width: 114%;
            height: 0.25rem;
            background: rgb(255, 255, 255, 1);
        }

        .column-botie:after {
            content: '';
            position: absolute;
            left: 100px;
            top: 135px;
            width: 0.75rem;
            height: 0.75rem;
            background: rgb(255, 255, 255, 1);
            border-radius: 100px;
        }

        .for-logo {
            width: 14.28571428571429%;
            margin-top: 34px;
            padding: 0;
            text-align: center;
        }

        img.new-logo {
            width: 100%;
            height: 100%;
            max-width: 7rem;
        }

        .logo-section-ipad {
            display: none;
        }

        .swiper-container {
            display: none;
        }

        .core-cards-heading {
            font-size: 30px !important;
        }

        .core-cards-paragraph {
            font-size: 16px !important;
        }

        .cards-spacing {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        .case-background-image{
            background-image:url(./assets/images/case-background.webp);
            background-size:cover;
        }
        .services-cards-points{
            width:50%;
            display:flex;
            flex-direction:column;
            gap:1rem;
        }
        .services-cards{
            flex-direction:row;
        }

        @media(max-width:1024px) {
            .hideOnIpad {
                display: none !important;
            }

            .cardSlider {
                display: block !important;
            }

            .logo-section {
                display: none;
            }

            .swiper-container {
                display: block;
            }

            .cardSlider .swiper-slide {
                height: unset !important;
                display: flex;
            }

            .ipad-spacing {
                margin-top: 3rem !important;
            }

            .quote-space {
                padding-top: 3rem !important;
                padding-bottom: 3rem !important;
            }

            .services-section {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }

            .banner-heading {
                font-size: 55px;
            }

            .logo-section-ipad {
                padding-top: 3rem;
                padding-bottom: 3rem;
                display: block;
            }

            .uc-accordion-title::before {
                content: "\e903";
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                top: 50%;
                right: -30px;
                font-family: Unicons;
                width: 24px;
                height: 24px;
                font-size: 24px;
                text-transform: none;
                line-height: 1;
                transform: translateY(-50%) rotate(0);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                transition: transform .2s ease;
                background-color: rgba(155, 155, 155, .25);
                border-radius: 100%;
            }

            .ipad-pro {
                display: none !important;
            }
             .uc-navbar-center:not(:only-child) {
                position: absolute;
                top: 50%;
                left: 56%;
                transform: translate(-50%, -50%);
                width: max-content;
                box-sizing: border-box;
                z-index: 990;
            }
            .space-for-ipad {
                margin-top: 0px;
            }
            .for-ipad-only {
                margin-top: 0px;
            }
            .banner{
                align-items:end;
                margin-top:0;
            }
            .for-ipad-only{
                margin:0px;
            }
            .for-gap{
                gap:0.5rem;
            }
            .banner-paragraph{
                margin-top:0px;
            }
            .for-ipad{
                display:none;
            }
            .banner-button{
                margin-bottom:20px;
            }
            .cta-section{
             max-width:61rem;   
            }
        }
        @media(max-width:768px) {
            .for-logo {
                width: 20%;
                margin-top: 20px;
                text-align: center;
                padding: 0;
            }

            img.new-logo {
                width: 100%;
                height: 100%;
                max-width: 7rem;
            }

            .logo-section {
                padding-top: 2rem !important;
                padding-bottom: 2rem;
            }

            .logo-section-ipad {
                padding-top: 3rem;
                padding-bottom: 3rem;
                display: block;
            }

            .logo-section {
                display: none;
            }

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

            .banner {
                margin-top: 3rem !important;
            }

            .swiper-container {
                display: block;
            }


            .core-cards-heading {
                font-size: 22px !important;
            }

            .core-cards-paragraph {
                font-size: 13px !important;
            }

            .core-cards-points {
                font-size: 12px !important;
            }

            .banner-space {
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .case-image {
                display: none;
            }

            .cards-spacing {
                padding-right: 0.25rem !important;
                padding-left: 0.25rem !important;
            }

            .ipad-spacing {
                margin-top: 3rem !important;
            }

            .teams {
                width: 25% !important;
            }

            .quote-space {
                padding-top: 1rem !important;
            }

            .ipad-gap {
                gap: 2rem;
            }

            .pin-spacer {
                padding-bottom: 0 !important;
            }

            .botie-div {
                margin-left: 142.75rem !important;
            }

            #blurEffect {
                background: rgb(255 255 255 / 40%) !important;
                -webkit-backdrop-filter: blur(5px) !important;
                backdrop-filter: blur(8px) !important;
            }
            .banner-image-for-ipad{
                display:none;
            }
            .banner{
                margin-top:0px !important;
            }
            .for-ipad-only{
                width:100%;
                text-align:center;
                align-items:center;
            }
            .space-for-ipad {
                margin-top: 0px;
            }
            .for-ipad{
                display:none;
            }
            .cta-section {
                max-width: 46rem;
            }
            .font-size-on-ipad{
                font-size:34px;
            }
            .ipad-banner{
                margin:auto;
                text-align:center;
            }
            .ipad-banner-button{
                justify-content:center;
            }
            .for-ipad-only {
                margin-top: 20px;
            }
             .datDevCard{
                 padding: 25px;
            }
            .statistic-section {
                padding: 50px 0px;
            }
            .counter-section{
                width:23%;
            }

        }
        @media(max-width:576px) {
            .botie-div {
                margin-left: 0 !important;
                min-width: 100%;
            }

            .column-botie {
                min-width: 100%;
            }

            .column-botie:before {
                display: none;
            }

            .column-botie:after {
                display: none;
            }

            .gap-9 {
                gap: 3rem !important;
            }

            .w-200px {
                width: fit-content;
                margin: 15px auto 0;
            }

            .logo-gap {
                flex-wrap: wrap;
            }

            .logo-section-ipad {
                padding-top: 2rem;
                padding-bottom: 2rem;
                display: block;
            }

            .logo-section {
                display: none;
            }

            .for-logo {
                width: 33.33333333333333%;
                margin-top: 20px;
                text-align: center;
                padding: 0;
            }

            .swiper-container {
                display: block;
            }

            .mobile-menu-blur-effect {
                background-color: rgb(255 255 255 / 40%) !important;
                -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(8px) !important;
            }
             .banner-image-for-ipad{
                display:none;
            }
            .for-ipad-only{
                width:100%;
                text-align:center;
                align-items:center;
            }
            .space-for-ipad {
                margin-top: 0px;
            }
            .banner-heading,.banner-heading {
                font-size: 38px !important;
            }
           .for-ipad-only {
              width: 100%;
              text-align: center;
              align-items: center;
              margin-top: 0px;
            }
            .for-ipad{
                display:none;
            }
            .counter-section {
                width: 50%;
            }
            .cta-section{
                max-width: 22rem;
            }
            .statistic-number-heading
            ,.none-statistic-number
            ,.statistic-number-paragraph{
                margin-bottom:0;
            }
        }
        @media(max-width:425px) {
            .logo-section-ipad {
                padding-top: 2rem;
                padding-bottom: 2rem;
                display: block;
            }

            .logo-section {
                display: none;
            }

            .for-logo {
                width: 33.33333333333333%;
                margin-top: 20px;
                text-align: center;
                padding: 0;
            }

            .px-3 {
                padding-right: 0.5rem !important;
                padding-left: 0.5rem !important;
            }

            .swiper-container {
                display: block;
            }

            .font-for-mobile {
                font-size: 13px;
            }

            .mobile-space {
                padding: 0 !important;
            }

            .mobile-cards-sapcing {
                margin-top: 20px;
            }

            .teams {
                width: 50% !important;
            }

            .mobile-menu-blur-effect {
                background-color: rgb(255 255 255 / 40%) !important;
                -webkit-backdrop-filter: blur(5px);
                backdrop-filter: blur(8px);
            }
            .datDevCard-spacing{
               margin-top:2rem;
           }
        }