/* Animation */
.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;
}

/* Banner */
.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;
    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;
}
.subpage.services-page .service-banner-3 .box-wrapper .slider-div .title-txt {
}
.team-culture-section .shape-2,
.we-are-2 .shape-2 {
    bottom: -144px !important;
}
.count-section {
    padding: 5rem 0;
}
.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;
}

/* Our Approch */
.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 style */
.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 rgba(0, 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 */
.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: normal;
    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;
    /* background-color: var(--bs-light-purple); */
}
.list-group-theme1.list-group-mobile-app .list-group-item svg rect {
    fill: #f6f6f6;
    transition: all 0.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 */
.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: transparent;
}
.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 50px auto !important;
    position: relative;
}
/*resposnive issue - 3 mar 26*/
.list-group-flush {
    .list-group-flush {
        min-height: 792px;
        overflow: hidden;
        overflow-x: scroll;
    }
}

@media (max-width: 1800px) {
    .list-group-flush {
        max-height: 857px;
        /* overflow: hidden; */
        overflow-x: scroll;
    }
}

@media (max-width: 500px) {
    .list-group-flush {
        max-height: 100%;
        /* overflow: hidden; */
        overflow-x: scroll;
    }
}
.gr-1 {
    background: linear-gradient(63deg, rgb(128, 113, 214) 0%, rgba(34, 16, 139, 1) 0%, rgb(255 255 255) 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, rgb(128, 113, 214) 0%, rgba(34, 16, 139, 1) 60%, rgb(255 255 255) 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;
        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: 3rem !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: #000000;
}
.testimonial-msg p{
    font-size: 19px;
}
.testimonial-msg img {
    width: 50px;
    position: absolute;
    height: 40px;
    left: 25px;
    top: 22px;
}