.ai-path {
    stroke-dasharray: 300;
    animation: dash 5s linear forwards infinite
}

@keyframes dash {
    to {
        stroke-dashoffset: 1000
    }
}

.anime-box {
    width: 100%;
    display: flex;
    position: absolute;
    top: -60px;
    z-index: -1;
    height: 0
}

.anime-box .sv-animation {
    position: absolute;
    width: 40%;
    top: -150px
}

.anime-box .sv-animation.animation-left {
    left: 0
}

.anime-box .sv-animation.animation-right {
    right: 0
}

.service-banner {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 0;
    position: relative
}

.hand-box .ai-hand {
    transform: translate(-287px, 133px)
}

.hand-box .human-hand {
    transform: translateX(102px)
}

.subpage.services-page .service-banner .box-wrapper .text-content {
    padding-top: 9rem;
    padding-bottom: 6rem;
    z-index: 2
}

.subpage.services-page .service-banner .banner-row {
    position: relative
}

.subpage.services-page .service-banner .side-box .side-image-container {
    position: absolute;
    top: 0;
    left: 45%;
    bottom: 0;
    right: 0;
    z-index: -1
}

.side-box {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.subpage.services-page .service-banner .box-wrapper .content {
    top: 130px;
    color: #fff
}

.subpage.services-page .service-banner .box-wrapper .content .main-title {
    font-size: 36px
}

.subpage.services-page .service-banner .box-wrapper .content .sub-title {
    font-size: 36px;
    margin-top: 15px
}

.subpage.services-page .service-banner .box-wrapper .content .description {
    font-size: 20px;
    line-height: 30px;
    max-width: 700px;
    margin-top: 20px
}

.team-culture-section .shape-2,
.we-are-2 .shape-2 {
    bottom: -144px !important
}

.count-section {
    padding: 5rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.count-section,
.count-section .count-box-label,
.count-section .count-box-count,
.count-section .count-box-desc .cta-section {
    color: #fff
}

.count-section .main-title,
.cta-section .main-title {
    font-size: 36px
}

.count-section p.desc,
.cta-section p.desc {
    font-size: 24px
}

.cta-section {
    display: flex;
    flex-direction: column
}

.cta-section {
    min-height: 490px;
    padding: 5rem 0;
    background-size: cover !important;
    background-position: center !important
}

.accordion-section .accordion .accordion-button {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    transition: all 0.3s ease-in-out
}

.accordion-section .accordion .accordion-button {
    font-size: 20px
}

.accordion-section .accordion .accordion-button:not(.collapsed) {
    color: #5b4ac0;
    background-color: #f3f0ff;
    box-shadow: none
}

.accordion-section .accordion .accordion-body {
    font-size: 20px
}

.left-image_right-text-Grid .left-content .img-container {
    border-radius: 41px
}

.card-grid1 .card,
.card-grid2 .card {
    border-radius: 25px;
    padding: 30px;
    transition: all 0.3s ease-in-out
}

.card-grid1 .card .card-body,
.card-grid2 .card .card-body {
    padding: 0 !important
}

.card-grid1 .card:hover,
.card-grid2 .card:hover {
    box-shadow: 0 10px 20px rgb(0 0 0 / .1);
    transform: translateY(-10px)
}

.card-grid1 .card .card-title {
    font-size: 24px;
    font-weight: 600
}

.card-grid1 .card .card-text {
    font-size: 16px;
    text-align: left
}

.card-grid1 .card.bg-light-purple {
    color: #5b4ac0 !important
}

.card-grid1 .card.bg-light-purple.text-dark {
    color: #000 !important
}

.card-grid2 .card {
    background-color: #5b4ac0 !important
}

.card-grid2 .card .card-title {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.card-grid2 .card .card-text {
    color: #fff
}

.list-group-theme1 .list-group-item {
    transition: all 0.3s ease-in-out
}

.list-group-theme1 .list-group-item .list-item-title {
    font-size: 24px;
    font-weight: 600;
    color: #6e6e6e
}

.list-group-theme1 .list-group-item .list-item-desc {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #6e6e6e
}

.list-group-theme1 .list-group-item:active,
.list-group-theme1 .list-group-item:hover {
    color: var(--bs-purple);
    background-color: #fff
}

.list-group-theme1.list-group-mobile-app .list-group-item svg rect {
    fill: #f6f6f6;
    transition: all .3 ease
}

.list-group-theme1.list-group-mobile-app .list-group-item:hover svg rect {
    fill: #e3dfff
}

.list-group-theme1 .list-group-item:active .list-item-title,
.list-group-theme1 .list-group-item:hover .list-item-title,
.list-group-theme1 .list-group-item:active .list-item-desc,
.list-group-theme1 .list-group-item:hover .list-item-desc {
    color: var(--bs-purple)
}

.industries-we-serve-section .industries-card {
    border-radius: 50px
}

.industries-we-serve-section .industries-card.bg-light-purple .accordion-item {
    background-color: var(--bs-light-purple)
}

.industries-we-serve-section .industries-card.bg-light-green .accordion-item {
    background-color: var(--bs-light-green)
}

.accordion-section .industries-card.bg-light-green .accordion .accordion-button:not(.collapsed) {
    color: #288a2e;
    background-color: #f3f0ff;
    box-shadow: none
}

.accordion-section .accordion-onHover .accordion-item {
    background-color: #fff0
}

.industries-we-serve-section .industries-card.bg-light-brickred .accordion-item {
    background-color: var(--bs-light-brick-red)
}

.accordion-section .industries-card.bg-light-brickred .accordion .accordion-button:not(.collapsed) {
    color: var(--bs-brick-red);
    background-color: var(--bs-light-brick-red);
    box-shadow: none
}

.accordion-section .industries-card.bg-light-purple .accordion .accordion-collapse:is(.show) .accordion-body {
    color: var(--bs-purple)
}

.accordion-section .industries-card.bg-light-green .accordion .accordion-collapse:is(.show) .accordion-body {
    color: var(--bs-green)
}

.accordion-section .industries-card.bg-light-brickred .accordion .accordion-collapse:is(.show) .accordion-body {
    color: var(--bs-brick-red)
}

.industries-we-serve-section .industries-card.bg-light-brickred .accordion .accordion-item .accordion-body .card.bg-light-brickred {
    background-color: #ffeded !important
}

.industries-we-serve-section .industries-card.bg-light-brickred .accordion .accordion-collapse:is(.show) .accordion-body .card.bg-light-brickred {
    color: var(--bs-brick-red)
}

.industries-we-serve-section .industries-card .accordion .accordion-body {
    font-size: 16px
}

.headingtype3 .box-wrapper .slider-div .title-txt.title-txt2 {
    font-size: 54px !important;
    margin: 0 auto 40px auto !important;
    position: relative
}

.list-group-flush {
    .list-group-flush {
        min-height: 792px;
        overflow: hidden;
        overflow-x: scroll
    }
}

@media (max-width:1800px) {
    .list-group-flush {
        max-height: 857px
    }
}

@media (max-width:500px) {
    .list-group-flush {
        max-height: 100%;
        overflow-x: scroll
    }
}

.gr-1 {
    background: linear-gradient(63deg, #8071d6 0%, rgb(34 16 139) 0%, #ffffff 75%)
}

@media screen and (max-width:768px) {
    .subpage.services-page .service-banner .side-box .side-image-container img {
        width: 100%;
        height: 100%
    }

    .gr-1 {
        background: linear-gradient(180deg, #8071d6 0%, rgb(34 16 139) 60%, #ffffff 75%)
    }

    .subpage.services-page .service-banner .box-wrapper {
        position: relative;
        min-height: 100%;
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 0
    }

    .subpage.services-page .service-banner .side-box .side-image-container {
        position: relative;
        top: auto !important;
        left: auto !important;
        bottom: 0;
        width: 100%;
        right: 0;
        z-index: 1;
        border-radius: 15px;
        overflow: hidden
    }

    .subpage.services-page .service-banner .box-wrapper .text-content {
        padding-top: 4rem;
        padding-bottom: 0rem
    }

    .headingtype3 .box-wrapper .slider-div .title-txt.title-txt2 {
        font-size: 18px !important
    }
}

.service-banner-3 .bg-light-purple .card-body ul {
    padding: 0 17px
}

.service-banner-3 .bg-light-purple .card-body li {
    list-style: unset
}

.ts-slider-card:hover .testimonial-msg {
    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.testimonial-msg {
    display: none;
    align-items: center;
    gap: 20px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #f6f7fa;
    color: #000
}

.testimonial-msg p {
    font-size: 19px
}

.testimonial-msg img {
    width: 50px;
    position: absolute;
    height: 40px;
    left: 25px;
    top: 22px
}
/*media query element*/
@media screen and (max-width: 768px) {
        .anime-box .sv-animation{
        width:60%;
        top: 0;
    }
    .anime-box{
        top: -16rem;
        height: auto;
    }
}
@media screen and (max-width: 568px) {
        .anime-box .sv-animation{
        width:60%;
        top: 0;
    }
    .anime-box{
        top: -10rem;
        height: auto;
    }
}
@media screen and (max-width: 400px) {
        .anime-box .sv-animation{
        width:60%;
        top: 0;
    }
    .anime-box{
        top: -8rem;
        height: auto;
    }
}