.main-menu {
    display: flex;
    justify-content: center;
    margin-top: 10px; /* Reduced top margin */
}

    /* Menu UL */
    .main-menu nav ul.menu {
        display: flex;
        list-style: none;
        background-color: #f6821b; /* Blue background */
        /* Reduced padding */
        border-radius: 18px;
        margin: 0;
    }

        /* Menu Items */
        .main-menu nav ul.menu li {
            position: relative;
            margin: 1px 1px; /* Reduced gap between menu items */
        }

            /* Links */
            .main-menu nav ul.menu li a {
                color: white;
                text-decoration: none;
                font-weight: 500;
                font-size: 14px; /* Slightly smaller font */
                padding: 1px 1px; /* Reduced padding inside links */
                border-radius: 5px;
                transition: background-color 0.3s ease;
            }

                /* Hover Effect */
                .main-menu nav ul.menu li a:hover {
                    /* background-color: rgba(255, 255, 255, 0.2);*/
                    background-color: #fff;
                }

            /* Submenu Styling */
            .main-menu nav ul.menu li ul.sub-menu {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                background-color: #00abf0;
                border-radius: 8px;
                list-style: none;
                min-width: 140px; /* Slightly smaller width */
                z-index: 800;
            }

    /* Submenu Items */
    .main-menu nav ul.sub-menu li {
        margin: 0;
    }

        .main-menu nav ul.sub-menu li a {
            font-size: 13px;
            display: block;
        }

    /* Show submenu on hover */
    .main-menu nav ul.menu li:hover > ul.sub-menu {
        display: block;
    }


.swiper-slide .background-overlay {
    background-color: #000000;
    opacity: 0.45;
    transition: 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.banner-two__content h1, .banner-three__content h1 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
}

.logo {
    display: block;
    width: 125px;
}

.main-menu .nav-custom li a.active {
    color: #ff6a18 !important;
}

.header__main .main-menu ul.sub-menu li a.active {
    color: var(--primary-color) !important;
}

.service-end-sec .card:hover {
    transition: var(--transition);
    background: linear-gradient(0deg, #3c72fc 0%, rgba(0, 0, 0, 0) 100%);
}

.banner__inner-page.e-gov-bg::before {
    z-index: -1;
    opacity: 0.05 !important;
}


/* ...............rakesh ..............*/
/* ul#menu-main-menu .active a {
    color: #ff6a18 !important;
} */
ul#menu-main-menu .current-menu-item a {
    color: #ff6a18 !important;
}

.mobileAppTesting {
    position: absolute;
    margin: 60px 40px;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
}

.offering-ic img {
    height: 58px;
}


section.prd-design-why-sec:after {
    content: "";
    background-image: url(prd-design-why-bg.html);
    margin: auto;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    position: absolute;
    width: 97%;
    max-height: 450px;
    height: 100vh;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}


.swiper-slide .background-overlay {
    background-color: #000000;
    opacity: 0.45;
    transition: 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.banner-two__content h1, .banner-three__content h1 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
}

.logo {
    display: block;
    width: 125px;
}

.main-menu .nav-custom li a.active {
    color: #ff6a18 !important;
}

.header__main .main-menu ul.sub-menu li a.active {
    color: var(--primary-color) !important;
}

.service-end-sec .card:hover {
    transition: var(--transition);
    background: linear-gradient(0deg, #3c72fc 0%, rgba(0, 0, 0, 0) 100%);
}

.banner__inner-page.e-gov-bg::before {
    z-index: -1;
    opacity: 0.05 !important;
}

.blog-single__left-item .desc-content .hilight-text p {
    width: 100%;
    max-width: 100%;
}

.blog__item .gallery-img-box img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}

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

    .overlay, .banner-video__wrp, .brand-three-area, .case__image, .banner__inner-page, .header__main .main-menu ul li .sub-menu.menu-image .image {
        position: relative;
        padding-top: 100px;
    }
}

@media (max-width: 1289px) {

    .phNo {
        display: none !important;
    }
}


.mfp-with-zoom .mfp-title,
.touch .gallery-image figcaption,
html:not(.touch) .gallery-image figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: rgba(255, 255, 255, 0);
    padding: 1em;
    transition: all 0.2s ease;
    font-weight: 600;
    max-width: calc(100% - 9em);
    line-height: 1.25;
    text-align: center;
    box-sizing: border-box;
}

    .mfp-with-zoom .mfp-title:before,
    .touch .gallery-image figcaption:before,
    html:not(.touch) .gallery-image figcaption:before,
    .mfp-with-zoom .mfp-title:after,
    .touch .gallery-image figcaption:after,
    html:not(.touch) .gallery-image figcaption:after {
        content: "";
        position: absolute;
        background: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
        padding: 1em;
        transition: all 0.3s ease-in-out;
        opacity: 0;
        z-index: -1;
    }

    .mfp-with-zoom .mfp-title:before,
    .touch .gallery-image figcaption:before,
    html:not(.touch) .gallery-image figcaption:before,
    .mfp-with-zoom .mfp-title:after,
    .touch .gallery-image figcaption:after,
    html:not(.touch) .gallery-image figcaption:after {
        right: 100%;
        bottom: 100%;
    }

    .mfp-with-zoom .mfp-title:after,
    .touch .gallery-image figcaption:after,
    html:not(.touch) .gallery-image figcaption:after {
        left: 100%;
        top: 100%;
    }

.mfp-with-zoom.mfp-ready .mfp-title,
.touch .gallery-image figcaption,
html:not(.touch) .gallery-image:hover figcaption {
    color: white;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease 0.3s;
}


    .mfp-with-zoom.mfp-ready .mfp-title:before,
    .touch .gallery-image figcaption:before,
    html:not(.touch) .gallery-image:hover figcaption:before,
    .mfp-with-zoom.mfp-ready .mfp-title:after,
    .touch .gallery-image figcaption:after,
    html:not(.touch) .gallery-image:hover figcaption:after {
        opacity: 1;
    }

    .mfp-with-zoom.mfp-ready .mfp-title:before,
    .touch .gallery-image figcaption:before,
    html:not(.touch) .gallery-image:hover figcaption:before {
        right: -1.5em;
        bottom: -1.5em;
    }

    .mfp-with-zoom.mfp-ready .mfp-title:after,
    .touch .gallery-image figcaption:after,
    html:not(.touch) .gallery-image:hover figcaption:after {
        left: -1.5em;
        top: -1.5em;
    }


.gallery {
    -moz-column-gap: 0;
    column-gap: 0;
}

@media (min-width: 480px) {
    .gallery {
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 1260px) {
    .gallery {
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 1440px) {
    .gallery {
        -moz-column-count: 4;
        column-count: 4;
    }
}

.gallery-image {
    position: relative;
    margin: 0;
    padding: 0;
}

    .gallery-image:before,
    .gallery-image:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 16px solid rgba(0, 0, 0, 0.1);
        transition: all 0.2s;
        will-change: border;
    }

    .gallery-image:after {
        border-width: 0;
    }

    .gallery-image img {
        display: block;
        width: 375px;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }

html:not(.touch) .gallery-image {
    overflow: hidden;
}

    html:not(.touch) .gallery-image:hover:before {
        border-width: 16px;
    }

    html:not(.touch) .gallery-image:hover:after {
        border-width: 32px;
    }

.touch .gallery-image figcaption {
    top: auto;
    bottom: 2em;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-bg {
    background-color: rgba(0, 0, 0, 0.9);
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 1;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-with-zoom img.mfp-img {
    padding: 0;
}

.mfp-with-zoom .mfp-figure:after {
    top: 0;
    bottom: 0;
}

.mfp-with-zoom .mfp-container {
    padding: 0;
}

.mfp-with-zoom .mfp-content {
    overflow: hidden;
}

.mfp-with-zoom .mfp-bottom-bar {
    top: auto;
    bottom: 0;
    margin-top: 0;
}

.mfp-with-zoom .mfp-title {
    top: auto;
    bottom: 2em;
}

.mfp-arrow {
    opacity: 1;
    margin-top: 0 !important;
    width: 20%;
    height: 30%;
    transform: translateY(-50%);
}

    .mfp-arrow:before,
    .mfp-arrow:after {
        margin: 0;
        border: none;
        width: 2rem;
        height: 2rem;
        transform: rotate(-45deg) translate(-50%, -100%);
        opacity: 1;
        top: 50%;
        left: 50%;
        transition: all 0.15s;
    }

    .mfp-arrow:active {
        transform: translateY(-50%) scale(0.95);
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:before,
    .mfp-arrow-left:after {
        border-top: 2px solid white;
        border-left: 2px solid white;
    }

    .mfp-arrow-left:after {
        margin-left: 2rem;
    }

    .mfp-arrow-left:hover:before,
    .mfp-arrow-left:active:before {
        margin-left: 2rem;
    }

    .mfp-arrow-left:hover:after,
    .mfp-arrow-left:active:after {
        margin-left: 0;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:before,
    .mfp-arrow-right:after {
        border-right: 2px solid white;
        border-bottom: 2px solid white;
    }

    .mfp-arrow-right:after {
        margin-left: 2rem;
    }

    .mfp-arrow-right:hover:before {
        margin-left: 2rem;
    }

    .mfp-arrow-right:hover:after {
        margin-left: 0;
    }

button.mfp-close {
    opacity: 1;
    margin-top: 0 !important;
    width: 20%;
    height: 30%;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
}

    button.mfp-close:before,
    button.mfp-close:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        border: none;
        width: 2rem;
        height: 2rem;
        opacity: 1;
        transition: all 0.15s;
        transform-origin: 0 0;
        border-top: 2px solid white;
        border-left: 2px solid white;
    }

    button.mfp-close:before {
        transform: rotate(-45deg);
    }

    button.mfp-close:after {
        transform: rotate(135deg);
    }

    button.mfp-close:hover:before {
        transform: rotate(135deg);
    }

    button.mfp-close:hover:after {
        transform: rotate(315deg);
    }

    button.mfp-close:active {
        transform: scale(0.95);
    }

a {
    text-decoration: none;
    color: inherit;
}




.blog-card {
    display: flex;
    flex-direction: column;
    margin: 3rem auto;
    box-shadow: 0 2px 9px -2px rgb(0 0 0 / 74%);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
}

    .blog-card:hover .photo {
        transform: scale(1.3) rotate(3deg);
    }

    .blog-card .meta {
        position: relative;
        z-index: 0;
        height: 200px;
    }

    .blog-card .photo {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        transition: transform 0.2s;
    }

    .blog-card .description {
        padding: 1rem;
        background: #fff;
        position: relative;
        z-index: 1;
    }

        .blog-card .description h1,
        .blog-card .description h2 {
            font-family: Poppins, sans-serif;
        }

        .blog-card .description h1 {
            line-height: 1;
            margin: 0;
            font-size: 1.7rem;
        }

        .blog-card .description h2 {
            font-size: 1rem;
            font-weight: 300;
            text-transform: uppercase;
            color: #a2a2a2;
            margin-top: 5px;
        }

    .blog-card p {
        position: relative;
        margin: 1rem 0 0;
    }

        .blog-card p:first-of-type {
            margin-top: 1.25rem;
        }

            .blog-card p:first-of-type:before {
                content: "";
                position: absolute;
                height: 5px;
                background: #5ad67d;
                width: 35px;
                top: -0.75rem;
                border-radius: 3px;
            }

@media (min-width: 640px) {
    .blog-card {
        flex-direction: row;
        max-width: 1000px;
    }

        .blog-card .meta {
            flex-basis: 40%;
            height: auto;
        }

        .blog-card .description {
            flex-basis: 60%;
        }

            .blog-card .description:before {
                transform: skewX(-3deg);
                content: "";
                background: #fff;
                width: 30px;
                position: absolute;
                left: -10px;
                top: 0;
                bottom: 0;
                z-index: -1;
            }

        .blog-card.alt {
            flex-direction: row-reverse;
        }

            .blog-card.alt .description:before {
                left: inherit;
                right: -10px;
                transform: skew(3deg);
            }
}

.GreenSubheader {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.4em !important;
    letter-spacing: 0px;
    color: #A5B038 !important;
    font-weight: 500;
    border-bottom: 0px solid #E39A2E;
}

.YellowSubheader {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.4em !important;
    letter-spacing: 0px;
    color: #F1A01F !important;
    font-weight: 500;
    border-bottom: 0px solid #E39A2E;
}

.PCBlueSubheader {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.4em !important;
    letter-spacing: 0px;
    color: #1395D3 !important;
    font-weight: 700 !important;
    border-bottom: 0px solid #E39A2E !important;
}

.timeline-card {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #436285 !important;
    position: relative;
}

.timeline-card-last {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #436285 !important;
    position: relative;
}

.timeline-card::before {
    content: "";
    width: 0.18rem;
    height: 100%;
    background: #dfdfdf;
    position: absolute;
    left: 8.3px;
    z-index: -1;
}

.timeline-card:first-of-type::before {
    content: "";
    width: 0.18rem;
    height: 100%;
    background: #dfdfdf;
    position: absolute;
    left: 8.3px;
    top: 50%;
    z-index: -1;
}

.last-card-item::before {
    content: "";
    width: 0.18rem;
    height: 50%;
    background: #dfdfdf;
    position: absolute;
    left: 8.3px;
    bottom: 50%;
    z-index: -1;
}

.circle-custom {
    font-size: .5rem !important;
}

.timeline-item {
    display: grid;
    align-items: center;
    gap: .5em;
    align-content: center;
    justify-items: start;
    justify-content: space-between;
    grid-template-columns: 5% 1fr;
}

.main-icon {
    margin-right: .1em;
    font-size: 2.45rem !important;
}

.card-item-pcblue {
    color: #1395d3;
    position: relative;
    width: 100%;
}

.subcard {
    position: relative;
    padding: 1.5em;
    background: #fdfdfd;
    color: black;
    width: -webkit-fill-available;
    min-height: 3.3rem;
}

.timeline {
    display: block !important;
}

.subcard {
    position: static !important;
    display: block;
}

@media (max-width: 1125px) {
    .timeline-item {
        grid-template-columns: 8% 1fr;
    }
}

@media (max-width: 850px) {
    .circle-custom {
        display: none;
    }

    .last-card-item::before {
        display: none;
    }

    .timeline-card:first-of-type::before {
        display: none;
    }

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

    .timeline-item {
        grid-template-columns: 8% 1fr;
    }
}

.team {
    padding-bottom: 70px;
}

    .team .section-title {
        text-align: left;
        margin-bottom: 50px
    }

.team__item {
    height: 480px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    overflow: hidden;
    background-position: center;
    background-size: cover
}

    .team__item:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(34,48,96,0.8);
        content: "";
        z-index: -1;
        opacity: 0;
        -webkit-transition: all,0.5s,ease-out,.5s;
        -o-transition: all,0.5s,ease-out,.5s;
        transition: all,0.5s,ease-out,.5s
    }

    .team__item:hover:after {
        opacity: 1
    }

    .team__item:hover .team__text {
        top: 0
    }

        .team__item:hover .team__text .team__title {
            border-bottom: 1px solid rgba(183,183,183,0.2);
            padding: 0 0 26px;
            margin-bottom: 26px;
            opacity: 0;
            visibility: hidden;
            position: relative;
            bottom: initial;
            opacity: 1;
            visibility: visible
        }

        .team__item:hover .team__text p {
            top: 0;
            opacity: 1;
            visibility: visible;
            -webkit-transition: all .5s ease .3s;
            -o-transition: all .5s ease .3s;
            transition: all .5s ease .3s
        }

        .team__item:hover .team__text .team__social {
            opacity: 1;
            visibility: visible;
            bottom: 34px;
            -webkit-transition: all .5s ease .5s;
            -o-transition: all .5s ease .5s;
            transition: all .5s ease .5s
        }

.team__text {
    height: 100%;
    top: 361px;
    position: relative;
    padding: 35px 30px 30px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

    .team__text .team__title {
        border-bottom: 1px solid rgba(183,183,183,0.2);
        padding: 0 0 26px;
        margin-bottom: 26px;
        position: relative
    }

        .team__text .team__title h4 {
            color: #fff;
            font-weight: 700;
            margin-bottom: 6px
        }

        .team__text .team__title span {
            font-size: 15px;
            color: #88C417
        }

    .team__text p {
        color: #e4e4e4;
        line-height: 26px;
        opacity: 0;
        visibility: hidden;
        position: relative;
        top: 50px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .team__text .team__social {
        position: absolute;
        left: 0;
        width: 100%;
        padding: 0 30px;
        bottom: 0;
        opacity: 0;
        visibility: hidden
    }

        .team__text .team__social a {
            display: inline-block;
            font-size: 20px;
            color: #fff;
            margin-right: 34px;
            -webkit-transition: all,.3s;
            -o-transition: all,.3s;
            transition: all,.3s
        }

            .team__text .team__social a:last-child {
                margin-right: 0
            }

            .team__text .team__social a:hover {
                color: #88C417
            }

@media(max-width:768px) {
    .team__item {
        height: 100% !important
    }

    .team__text {
        padding: 25px 20px 20px
    }
}


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

    .overlay, .banner-video__wrp, .brand-three-area, .case__image, .banner__inner-page, .header__main .main-menu ul li .sub-menu.menu-image .image {
        position: relative;
        padding-top: 100px;
    }

    ul#menu-main-menu {
        display: block !important;
    }
}

.col-xl-2.col-lg-6.col-md-6.wow.fadeInUp {
    width: 20%;
}


.main-menu {
    display: flex;
    justify-content: center;
    margin-top: 10px; /* Reduced top margin */
}

/* Menu UL */
    .main-menu nav ul.menu {
        height: 45px;
        display: flex;
        list-style: none;
        background-color: #f6821b; /* Blue background */
        /* Reduced padding */
        border-radius: 18px;
        margin: 0;
    }

    /* Menu Items */
    .main-menu nav ul.menu li {
        position: relative;
        margin: 1px 1px; /* Reduced gap between menu items */
    }

        /* Links */
        .main-menu nav ul.menu li a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            font-size: 14px;  Slightly smaller font 
            padding: 1px 1px;  Reduced padding inside links 
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }

            /* Hover Effect */
            .main-menu nav ul.menu li a:hover {
                /* background-color: rgba(255, 255, 255, 0.2);*/
                background-color: #fff;
            }

        /* Submenu Styling */
        .main-menu nav ul.menu li ul.sub-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #00abf0;
            border-radius: 8px;
            list-style: none;
            min-width: 140px; /* Slightly smaller width */
            z-index: 800;
        }


/* Submenu Items */
.main-menu nav ul.sub-menu li {
    margin: 0;
}

    .main-menu nav ul.sub-menu li a {
        font-size: 13px;
        display: block;
    }

/* Show submenu on hover */
.main-menu nav ul.menu li:hover > ul.sub-menu {
    display: block;
}


.swiper-slide .background-overlay {
    background-color: #000000;
    opacity: 0.45;
    transition: 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.banner-two__content h1, .banner-three__content h1 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
}
.logo {
    display: block;
    width: 125px;
}

.main-menu .nav-custom li a.active {
    color: #ff6a18 !important;
}
.header__main .main-menu ul.sub-menu li a.active {
    color: var(--primary-color) !important;
}
.service-end-sec .card:hover {
    transition: var(--transition);
    background: linear-gradient(0deg, #3c72fc 0%, rgba(0, 0, 0, 0) 100%);
}
.banner__inner-page.e-gov-bg::before {
    z-index: -1;
    opacity: 0.05 !important;
}
 

 /* ...............rakesh ..............*/
/* ul#menu-main-menu .active a {
    color: #ff6a18 !important;
} */
ul#menu-main-menu .current-menu-item a {
    color: #ff6a18 !important;
}

.mobileAppTesting {
    position: absolute;
    margin: 60px 40px;
    font-size: 35px;
    color: #fff;
    line-height: 40px;
}
.offering-ic img {
    height: 58px;
}


section.prd-design-why-sec:after {
    content: "";
    background-image: url(prd-design-why-bg.html);
    margin: auto;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    position: absolute;
    width: 97%;
    max-height: 450px;
    height: 100vh;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}


.swiper-slide .background-overlay {
    background-color: #000000;
    opacity: 0.45;
    transition: 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.banner-two__content h1, .banner-three__content h1 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
}
.logo {
    display: block;
    width: 125px;
}

.main-menu .nav-custom li a.active {
    color: #ff6a18 !important;
}
.header__main .main-menu ul.sub-menu li a.active {
    color: var(--primary-color) !important;
}
.service-end-sec .card:hover {
    transition: var(--transition);
    background: linear-gradient(0deg, #3c72fc 0%, rgba(0, 0, 0, 0) 100%);
}
.banner__inner-page.e-gov-bg::before {
    z-index: -1;
    opacity: 0.05 !important;
}
.blog-single__left-item .desc-content .hilight-text p {
    width: 100%;
    max-width: 100%;
}
.blog__item .gallery-img-box img {
    width : 100% ;
    height: 250px ;
    object-fit: cover;
    object-position: center;
}
@media screen and (max-width: 767px){

    .overlay, .banner-video__wrp, .brand-three-area, .case__image, .banner__inner-page, .header__main .main-menu ul li .sub-menu.menu-image .image {
  
      position: relative;
  
      padding-top: 100px;
  
    }
  
  }
 
  @media (max-width: 1289px) {
  
    .phNo {
        display: none !important;
    }
  }
  
  
 .mfp-with-zoom .mfp-title,
        .touch .gallery-image figcaption,
        html:not(.touch) .gallery-image figcaption {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 20px;
            color: rgba(255, 255, 255, 0);
            padding: 1em;
            transition: all 0.2s ease;
            font-weight: 600;
            max-width: calc(100% - 9em);
            line-height: 1.25;
            text-align: center;
            box-sizing: border-box;
        }

        .mfp-with-zoom .mfp-title:before,
        .touch .gallery-image figcaption:before,
        html:not(.touch) .gallery-image figcaption:before,
        .mfp-with-zoom .mfp-title:after,
        .touch .gallery-image figcaption:after,
        html:not(.touch) .gallery-image figcaption:after {
            content: "";
            position: absolute;
            background: rgba(0, 0, 0, 0.2);
            width: 100%;
            height: 100%;
            padding: 1em;
            transition: all 0.3s ease-in-out;
            opacity: 0;
            z-index: -1;
        }

        .mfp-with-zoom .mfp-title:before,
        .touch .gallery-image figcaption:before,
        html:not(.touch) .gallery-image figcaption:before,
        .mfp-with-zoom .mfp-title:after,
        .touch .gallery-image figcaption:after,
        html:not(.touch) .gallery-image figcaption:after {
            right: 100%;
            bottom: 100%;
        }

        .mfp-with-zoom .mfp-title:after,
        .touch .gallery-image figcaption:after,
        html:not(.touch) .gallery-image figcaption:after {
            left: 100%;
            top: 100%;
        }

        .mfp-with-zoom.mfp-ready .mfp-title,
        .touch .gallery-image figcaption,
        html:not(.touch) .gallery-image:hover figcaption {
            color: white;
            text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
            transition: all 0.2s ease 0.3s;
        }
        

        .mfp-with-zoom.mfp-ready .mfp-title:before,
        .touch .gallery-image figcaption:before,
        html:not(.touch) .gallery-image:hover figcaption:before,
        .mfp-with-zoom.mfp-ready .mfp-title:after,
        .touch .gallery-image figcaption:after,
        html:not(.touch) .gallery-image:hover figcaption:after {
            opacity: 1;
        }

        .mfp-with-zoom.mfp-ready .mfp-title:before,
        .touch .gallery-image figcaption:before,
        html:not(.touch) .gallery-image:hover figcaption:before {
            right: -1.5em;
            bottom: -1.5em;
        }

        .mfp-with-zoom.mfp-ready .mfp-title:after,
        .touch .gallery-image figcaption:after,
        html:not(.touch) .gallery-image:hover figcaption:after {
            left: -1.5em;
            top: -1.5em;
        }


        .gallery {
            -moz-column-gap: 0;
            column-gap: 0;
        }

        @media (min-width: 480px) {
            .gallery {
                -moz-column-count: 2;
                column-count: 2;
            }
        }

        @media (min-width: 1260px) {
            .gallery {
                -moz-column-count: 3;
                column-count: 3;
            }
        }

        @media (min-width: 1440px) {
            .gallery {
                -moz-column-count: 4;
                column-count: 4;
            }
        }

        .gallery-image {
            position: relative;
            margin: 0;
            padding: 0;
        }

        .gallery-image:before,
        .gallery-image:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 16px solid rgba(0, 0, 0, 0.1);
            transition: all 0.2s;
            will-change: border;
        }

        .gallery-image:after {
            border-width: 0;
        }

        .gallery-image img {
            display: block;
            width: 375px;
            height: 250px;
            object-fit: cover;
            object-position: center;
        }

        html:not(.touch) .gallery-image {
            overflow: hidden;
        }

        html:not(.touch) .gallery-image:hover:before {
            border-width: 16px;
        }

        html:not(.touch) .gallery-image:hover:after {
            border-width: 32px;
        }

        .touch .gallery-image figcaption {
            top: auto;
            bottom: 2em;
        }

        .mfp-with-zoom .mfp-container,
        .mfp-with-zoom.mfp-bg {
            opacity: 0;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: all 0.3s ease-out;
        }

        .mfp-with-zoom.mfp-bg {
            background-color: rgba(0, 0, 0, 0.9);
        }

        .mfp-with-zoom.mfp-ready .mfp-container {
            opacity: 1;
        }

        .mfp-with-zoom.mfp-ready.mfp-bg {
            opacity: 1;
        }

        .mfp-with-zoom.mfp-removing .mfp-container,
        .mfp-with-zoom.mfp-removing.mfp-bg {
            opacity: 0;
        }

        .mfp-with-zoom img.mfp-img {
            padding: 0;
        }

        .mfp-with-zoom .mfp-figure:after {
            top: 0;
            bottom: 0;
        }

        .mfp-with-zoom .mfp-container {
            padding: 0;
        }

        .mfp-with-zoom .mfp-content {
            overflow: hidden;
        }

        .mfp-with-zoom .mfp-bottom-bar {
            top: auto;
            bottom: 0;
            margin-top: 0;
        }

        .mfp-with-zoom .mfp-title {
            top: auto;
            bottom: 2em;
        }

        .mfp-arrow {
            opacity: 1;
            margin-top: 0 !important;
            width: 20%;
            height: 30%;
            transform: translateY(-50%);
        }

        .mfp-arrow:before,
        .mfp-arrow:after {
            margin: 0;
            border: none;
            width: 2rem;
            height: 2rem;
            transform: rotate(-45deg) translate(-50%, -100%);
            opacity: 1;
            top: 50%;
            left: 50%;
            transition: all 0.15s;
        }

        .mfp-arrow:active {
            transform: translateY(-50%) scale(0.95);
        }

        .mfp-arrow-left {
            left: 0;
        }

        .mfp-arrow-left:before,
        .mfp-arrow-left:after {
            border-top: 2px solid white;
            border-left: 2px solid white;
        }

        .mfp-arrow-left:after {
            margin-left: 2rem;
        }

        .mfp-arrow-left:hover:before,
        .mfp-arrow-left:active:before {
            margin-left: 2rem;
        }

        .mfp-arrow-left:hover:after,
        .mfp-arrow-left:active:after {
            margin-left: 0;
        }

        .mfp-arrow-right {
            right: 0;
        }

        .mfp-arrow-right:before,
        .mfp-arrow-right:after {
            border-right: 2px solid white;
            border-bottom: 2px solid white;
        }

        .mfp-arrow-right:after {
            margin-left: 2rem;
        }

        .mfp-arrow-right:hover:before {
            margin-left: 2rem;
        }

        .mfp-arrow-right:hover:after {
            margin-left: 0;
        }

        button.mfp-close {
            opacity: 1;
            margin-top: 0 !important;
            width: 20%;
            height: 30%;
            font: 0/0 serif;
            text-shadow: none;
            color: transparent;
        }

        button.mfp-close:before,
        button.mfp-close:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 0;
            border: none;
            width: 2rem;
            height: 2rem;
            opacity: 1;
            transition: all 0.15s;
            transform-origin: 0 0;
            border-top: 2px solid white;
            border-left: 2px solid white;
        }

        button.mfp-close:before {
            transform: rotate(-45deg);
        }

        button.mfp-close:after {
            transform: rotate(135deg);
        }

        button.mfp-close:hover:before {
            transform: rotate(135deg);
        }

        button.mfp-close:hover:after {
            transform: rotate(315deg);
        }

        button.mfp-close:active {
            transform: scale(0.95);
        }

        a {
            text-decoration: none;
            color: inherit;
        }




.blog-card {
        display: flex;
        flex-direction: column;
        margin: 3rem auto;
        box-shadow: 0 2px 9px -2px rgb(0 0 0 / 74%);
        margin-bottom: 1.6%;
        background: #fff;
        line-height: 1.4;
        border-radius: 5px;
        overflow: hidden;
        z-index: 0;
        }

        .blog-card:hover .photo {
        transform: scale(1.3) rotate(3deg);
        }

        .blog-card .meta {
        position: relative;
        z-index: 0;
        height: 200px;
        }

        .blog-card .photo {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        transition: transform 0.2s;
        }
        .blog-card .description {
        padding: 1rem;
        background: #fff;
        position: relative;
        z-index: 1;
        }

        .blog-card .description h1,
        .blog-card .description h2 {
        font-family: Poppins, sans-serif;
        }

        .blog-card .description h1 {
        line-height: 1;
        margin: 0;
        font-size: 1.7rem;
        }

        .blog-card .description h2 {
        font-size: 1rem;
        font-weight: 300;
        text-transform: uppercase;
        color: #a2a2a2;
        margin-top: 5px;
        }

        .blog-card p {
        position: relative;
        margin: 1rem 0 0;
        }

        .blog-card p:first-of-type {
        margin-top: 1.25rem;
        }

        .blog-card p:first-of-type:before {
        content: "";
        position: absolute;
        height: 5px;
        background: #5ad67d;
        width: 35px;
        top: -0.75rem;
        border-radius: 3px;
        }

        @media (min-width: 640px) {
        .blog-card {
            flex-direction: row;
            max-width: 1000px;
        }
        
        .blog-card .meta {
            flex-basis: 40%;
            height: auto;
        }
        
        .blog-card .description {
            flex-basis: 60%;
        }
        
        .blog-card .description:before {
            transform: skewX(-3deg);
            content: "";
            background: #fff;
            width: 30px;
            position: absolute;
            left: -10px;
            top: 0;
            bottom: 0;
            z-index: -1;
        }
        
        .blog-card.alt {
            flex-direction: row-reverse;
        }
        
        .blog-card.alt .description:before {
            left: inherit;
            right: -10px;
            transform: skew(3deg);
        }
        }

        .GreenSubheader {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 1.4em !important;
            letter-spacing: 0px;
            color: #A5B038 !important;
            font-weight: 500;
            border-bottom: 0px solid #E39A2E;
        }
        .YellowSubheader {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 1.4em !important;
            letter-spacing: 0px;
            color: #F1A01F !important;
            font-weight: 500;
            border-bottom: 0px solid #E39A2E;
        }

        .PCBlueSubheader {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 1.4em !important;
            letter-spacing: 0px;
            color: #1395D3 !important;
            font-weight: 700 !important;
            border-bottom: 0px solid #E39A2E !important;
        }

        .timeline-card {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #436285 !important;
            position: relative;
        }
        .timeline-card-last {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #436285 !important;
            position: relative;
        }

        .timeline-card::before {
            content: "";
            width: 0.18rem;
            height: 100%;
            background: #dfdfdf;
            position: absolute;
            left: 8.3px;
            z-index: -1;
        }
        .timeline-card:first-of-type::before {
            content: "";
            width: 0.18rem;
            height: 100%;
            background: #dfdfdf;
            position: absolute;
            left: 8.3px;
        top: 50%;
            z-index: -1;
        }
        .last-card-item::before {
        content: "";
            width: 0.18rem;
            height: 50%;
            background: #dfdfdf;
            position: absolute;
            left: 8.3px;
        bottom: 50%;
            z-index: -1;

        }
        .circle-custom {
            font-size: .5rem !important;
        }
        .timeline-item {
            display: grid;
            align-items: center;
            gap: .5em;
            align-content: center;
            justify-items: start;
            justify-content: space-between;
            grid-template-columns: 5% 1fr;
        }
        .main-icon {
            margin-right: .1em;
            font-size: 2.45rem !important;
        }

        .card-item-pcblue {
            color: #1395d3;
            position: relative;
            width: 100%;
        }

        .subcard {
            position: relative;
            padding: 1.5em;
            background: #fdfdfd;
            color: black;
            width: -webkit-fill-available;
            min-height: 3.3rem;
        }

        .timeline {
            display: block !important;
        }

        .subcard {
            position: static !important;
            display: block;
        }
        @media (max-width: 1125px) {
        .timeline-item {
        
            grid-template-columns: 8% 1fr;
        }
        }
        @media (max-width: 850px) {
        .circle-custom {
            display:none;
        }
        .last-card-item::before {
        display: none;
        }
        .timeline-card:first-of-type::before {
        display: none;
        }
        .timeline-card::before {
        display: none;
        }
        .timeline-item {
        
            grid-template-columns: 8% 1fr;
        }
        }

        .team{padding-bottom:70px;}
        .team .section-title{text-align:left;margin-bottom:50px}
        .team__item{height:480px;position:relative;z-index:1;margin-bottom:30px;overflow:hidden;background-position:center;background-size:cover}
        .team__item:after{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(34,48,96,0.8);content:"";z-index:-1;opacity:0;-webkit-transition:all,0.5s,ease-out,.5s;-o-transition:all,0.5s,ease-out,.5s;transition:all,0.5s,ease-out,.5s}
        .team__item:hover:after{opacity:1}
        .team__item:hover .team__text{top:0}
        .team__item:hover .team__text .team__title{border-bottom:1px solid rgba(183,183,183,0.2);padding:0 0 26px;margin-bottom:26px;opacity:0;visibility:hidden;position:relative;bottom:initial;opacity:1;visibility:visible}
        .team__item:hover .team__text p{top:0;opacity:1;visibility:visible;-webkit-transition:all .5s ease .3s;-o-transition:all .5s ease .3s;transition:all .5s ease .3s}
        .team__item:hover .team__text .team__social{opacity:1;visibility:visible;bottom:34px;-webkit-transition:all .5s ease .5s;-o-transition:all .5s ease .5s;transition:all .5s ease .5s}
        .team__text{height:100%;top:361px;position:relative;padding:35px 30px 30px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
        .team__text .team__title{border-bottom:1px solid rgba(183,183,183,0.2);padding:0 0 26px;margin-bottom:26px;position:relative}
        .team__text .team__title h4{color:#fff;font-weight:700;margin-bottom:6px}
        .team__text .team__title span{font-size:15px;color:#88C417}
        .team__text p{color:#e4e4e4;line-height:26px;opacity:0;visibility:hidden;position:relative;top:50px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
        .team__text .team__social{position:absolute;left:0;width:100%;padding:0 30px;bottom:0;opacity:0;visibility:hidden}
        .team__text .team__social a{display:inline-block;font-size:20px;color:#fff;margin-right:34px;-webkit-transition:all,.3s;-o-transition:all,.3s;transition:all,.3s}
        .team__text .team__social a:last-child{margin-right:0}
        .team__text .team__social a:hover{color:#88C417}
        @media(max-width:768px) {
        .team__item{height:100%!important}
        .team__text{padding:25px 20px 20px}
        }


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

    .overlay, .banner-video__wrp, .brand-three-area, .case__image, .banner__inner-page, .header__main .main-menu ul li .sub-menu.menu-image .image {
  
      position: relative;
  
      padding-top: 100px;
  
    }
  ul#menu-main-menu {
    display: block!important;
}
  }
.col-xl-2.col-lg-6.col-md-6.wow.fadeInUp {
    width: 20%;
}
/*
.client-box img {
    width: 140px;
}

.technology-img img {
    width: inherit;
}

.technology-img {
    margin: auto;
    width: 70px;
}

.btn-session:hover, .btn-session:focus, .btn-session:target, .btn-session:visited, .btn-session:active {
    background-color: black;
    color: white !important;
}



.btn-session {
    border: 1px solid #949494;
    color: #575757 !important;
}
 
.animate {
    position: relative;
    overflow: hidden;
    background-color: #f1f0ef;
    padding: 220px 0px;
}

.animate-text {
    position: relative;
    z-index: 99999;
}

    .animate-text span {
        color: #fc5a00;
    }

    .animate-text h2 {
        border: 2px dotted #04a8e7;
        display: inline-block;
        padding: 24px;
        border-radius: 8px;
        color: #0096d4;
        background-color: #f1f0ef;
    }

.tech-button {
    position: absolute;
    padding: 4px 18px;
    background-color: #ffffff;
    color: #000000;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 1;
    border: 1px solid #696969;
}


.h-box {
    min-height: 160px;
}
*/


.client-box img {
    width: 140px;
}

.animate {
    position: relative;
    overflow: hidden;
    background-color: #f1f0ef;
    padding: 220px 0px;
}

.animate-text {
    position: relative;
    z-index: 99999;
}

    .animate-text span {
        color: #fc5a00;
    }

    .animate-text h2 {
        border: 2px dotted #04a8e7;
        display: inline-block;
        padding: 24px;
        border-radius: 8px;
        color: #0096d4;
        background-color: #f1f0ef;
    }

.tech-button {
    position: absolute;
    padding: 4px 18px;
    background-color: #ffffff;
    color: #000000;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 1;
    border: 1px solid #696969;
}

.tech-img img {
    width: 60%;
}

.technology-img img {
    width: inherit;
}

.technology-img {
    margin: auto;
    width: 70px;
}

.h-box {
    min-height: 160px;
}

.btn-session:hover, .btn-session:focus, .btn-session:target, .btn-session:visited, .btn-session:active {
    background-color: black;
    color: white !important;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin-bottom: 10px;
}