/* service page css start */
.solution-card.vertical{
    flex-direction: column; align-items: flex-start; gap: 10px;
}
.solution-card.vertical p{
    /* line-height:24px;  */
    margin:0px;
}

.service-page.services-section{
    padding-top:0px;
}
.service-sctn-contnt-wrap{
    width:100%; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;
}
.service-sctn-contnt-wrap > *{
    margin:0px;
}
.service-para{
    width:100%; max-width: 385px; margin:0px; color:var(--secondary-color);
}
.srvc-sctn-btn{
    margin-top: 15px;
}
.service-sctn-row{
    display:flex; flex-wrap: wrap; margin:0px -20px;
}
.service-sctn-row > *{
    padding:0px 20px;
}
.service-sctn-row .left-col{
    width:33%;
}
.service-sctn-row .right-col{
    width:67%;
}
.srvc-sctn-table{
    width:100%; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;
}
.srvc-sctn-table-row{
    width:100%; display: flex; flex-direction: row; align-items: flex-start; gap: 60px; padding: 24px 36px 24px 36px; border: 1px solid #DEDBDB; border-radius: 20px; position: relative;
}
.srvc-sctn-table-row.hd-row{
    border:none; padding-top:15px;
}
.srvc-sctn-table-cell{
    /*width:100%;*/ flex:1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
}
/* .srvc-sctn-table-cell:nth-child(2){
    flex:1.2;
} */
.srvc-sctn-table-cell p{
    margin: 0px;
}
.srvc-sctn-table-cell.hdr-cell{
    font-size: 22px; font-weight: 600; color: var(--orange); font-family: var(--title-font);
}
.srvc-table-bullet-content{
    width:100%; display: flex; column-gap: 10px; font-size: 19px; font-weight: 400; font-family: var(--title-font); line-height: 1.4; color: var(--blue); position: relative;
}
.srvc-table-bullet-content:before{
    content: ''; width: 7px; height: 7px; background-color: var(--orange); border-radius: 100px; flex-shrink: 0; top:8px; position: relative;
}
.srvc-table-bullet-content.bold{
    font-weight: 600;
}
.srvc-table-btn{
    width: 25px; height: 25px; border-radius: 100px; border:none; position: absolute; top:15px; right:15px; z-index: 2; background:transparent url("../icons/accrodian-down-arrow.svg") center center no-repeat; background-size: 50%; transform: rotate(0deg); transition: transform 0.45s ease; display: none;
}
.srvc-sctn-table-row.active .srvc-table-btn{
    transform: rotate(180deg);
}

.services-section.service-page .left-side{
    width: 34%; border-right: 10px solid var(--light-gray); position: relative;
}
.services-section.service-page .left-side::before {
    position: absolute; content: ''; width: 10px; height: 10px; background-color: var(--light-gray); top: -3px; right: -10px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; z-index: 0;
}
.services-section.service-page .left-side::after {
    position: absolute; content: '';  width: 10px;  height: 10px;  background-color: var(--light-gray);  bottom: -3px;  right: -10px;  border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; z-index: -1;
}
.services-section.service-page .left-side .owl-stage{
    display: flex;
}
.services-section.service-page .left-side .owl-stage .owl-item li{
    width: 100%; display: flex; align-items: center; gap: 15px;
}
.services-section.service-page .left-side .owl-stage .owl-item li img{
    max-height: 35px; height: 35px; border-radius: 0px !important;
}
.services-section.service-page .left-side .owl-stage .owl-item li h4{
    margin-bottom:0px; font-size: 10px; line-height: 1.2;
}

.services-section.service-page .left-side .tech-mobile-slider .owl-nav.disabled{
    pointer-events: none; display: none;
}
.services-section.service-page .left-side .tech-mobile-slider .owl-nav {
    position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; justify-content: space-between; pointer-events: none; margin: 0 !important; left: 0;
}
.services-section.service-page .left-side .tech-mobile-slider .owl-nav button.owl-prev,
.services-section.service-page .left-side .tech-mobile-slider .owl-nav button.owl-next {
    pointer-events: auto; width: 30px; height: 30px;  background: #4a4a4a !important; color: #fff !important; border-radius: 8px !important;  display: flex; align-items: center; justify-content: center; font-size: 18px !important; border: none !important; transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.services-section.service-page .left-side .tech-mobile-slider .owl-nav button.owl-prev img,
.services-section.service-page .left-side .tech-mobile-slider .owl-nav button.owl-next img{
    height: 15px; width: auto; margin:0px;
}
.services-section.service-page .left-side .tech-mobile-slider .owl-nav button.owl-prev {
    transform: translateX(0px);
}
.services-section.service-page .left-side .tech-mobile-slider .owl-nav button.owl-next {
    transform: translateX(0px);
}
.services-section.service-page .left-side .tech-mobile-slider .owl-nav button:hover {
    background: #272727 !important;
}
.services-section.service-page .left-side .tech-mobile-slider .owl-nav button.disabled {
    opacity: 0; cursor: not-allowed;
}

.services-section.service-page .right-side{
    width: 67%; min-height: 500px;
}
.services-section.service-page .left-side .service-pg-tab .tab-item.active p,
.services-section.service-page .left-side .service-pg-tab .tab-item .accordion-content{
    display: none;
}
.services-section.service-page .right-side .tab-content ul.tech_log_list li img{
    margin:auto;
}
.service-pg-tab .tab-title h3{
    font-family: var(--title-font); 
    color:#9F9F9F; 
    /* font-size:30px; 
    line-height:32px;  */
    font-size:36px;
    font-weight: 700;
    margin:0px;
}
.service-pg-tab .tab-item{
    opacity: 1; padding: 15px 0;padding-right:10px;
}
.service-pg-tab .tab-item.active .tab-title h3{
    color: var(--orange);
}
.service-tab-cnt-wrap{
    display: flex; position: relative; margin:0px -35px;
}
.service-tab-cnt-wrap>*{
    width:50%; padding: 0px 35px;
}
.service-tab-cnt-wrap p{
    max-width: 370px; margin:0px;
}
.right-side .tab-content ul.tech_log_list{
    width: 100%; display: inline-flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; margin:0px;
}
.right-side .tab-content ul li h4{
    font-size: 10px; line-height: 1.2; margin:0px;
}
.right-side .tab-content ul.tech_log_list li{
    width: 22%; height: auto; padding: 10px 0px 10px 0px; row-gap: 10px;
}
.right-side .tab-content ul.tech_log_list li img{
    max-width: 50px; border-radius: 0px !important;
}

.right-side .tab-content ul.tech_log_list.onlylogo li{
    width:45%; border: none; align-items: center; justify-content: flex-start;
}


.service-tab-cnt-wrap .service-tab-cnt{
    width: 100%; height:100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 20px; border-radius: 20px; border: #ECE8E8 solid 1px; padding: 2.4vw 1.85vw;
}
.service-tab-img-frame{
    width:100%; height:100vh; max-height: 500px; min-height: 500px; overflow: hidden;
}
.service-tab-img-frame>img{
    width: 100%; height: 100%; object-fit: cover;
}
.service-tab-cnt-wrap .btm-row{
    width: 100%; display:flex; flex-direction: column; row-gap: 30px;
}


.case-study-slider.service-page .case-content {
    display: flex; flex-direction: column; justify-content: space-between;
}
.case-study-slider.service-page .case-content h3 {
    font-size: 42px; font-weight: 600; color: var(--blue);
}
.case-study-slider.service-page .case-content .desc{
    margin: 0px;
}
.case-study-slider.service-page .case-content .case-mob{
    margin-top: -25px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;
}
.case-study-slider.service-page .case-content .stats {
    gap: 20px; margin-bottom: 0px;
}
.case-study-slider.service-page .case-content .stat-item {
    align-items: center;
}
.case-study-slider.service-page .case-content .stat-item p {
    line-height: 1.4;
}
.case-study-slider.service-page .case-content .btn-group {
    margin-top: 30px;
}
/* service page css ended */


/* faq section css start */
.faq-wrap{
    width:100%; max-width:1116px; margin:0 auto;
}
/* faq section css ended */

/* FAQ Accordion css start */
.faq-accordion{
    display:flex; flex-direction:column; gap:14px; width:100%;
}
.faq-item{
    background:#ffffff; border-radius:12px; box-shadow: 0 6px 18px rgba(16,24,40,0.06); overflow:hidden; border:1px solid #DEDBDB;
}
.faq-question{
    width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 30px; font-size:22px; font-weight:500; color:var(--blue); background:transparent; border:none; cursor:pointer; text-align:left; font-family: var(--title-font);
}
.faq-question:focus{ 
    outline: none; 
}
.faq-question .faq-toggle{ 
    font-size:0px; color: transparent; width:18px; height:18px; background:transparent url("../icons/accrodian-down-arrow.svg") center center no-repeat; line-height:1; color:#6b7280; transform: rotate(0deg); transition:transform .45s ease, color .45s ease; 
}
.faq-question.active .faq-toggle{ 
    color:#ff7a00; transform: rotate(180deg); 
}
.faq-answer{
    max-height:0; overflow:hidden; transition: max-height .35s ease; padding: 0 30px; background:transparent;
}
.faq-answer p{ 
    margin:0px 0 25px; color:var(--secondary-color, #6b7280); line-height:1.6; 
}
/* FAQ Accordion css ended */





/* AIML Page css start */

/* banner css */
.hero-section.aiml-hero-section{
    background: linear-gradient(to bottom,  #e3efff 0%,#ffffff 100%);
}
.home-banner.aiml-banner .left{
    display: flex; flex-direction: column; width: 52%; padding-right: 0px;
}
.home-banner.aiml-banner .left h1{
    font-size: 48px; font-weight: 600;
}
.home-banner.aiml-banner .left p{
    max-width: 525px; width:100%; color:var(--black); padding: 0 0 26px;
}
.home-banner-bullet-list{
    width: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0px 0px 40px 0px; padding:0px;
}
.home-banner-bullet-list li{
    width: 100%; display: flex; align-items: flex-start; gap: 12px;  font-size: 16px; color:var(--black); font-weight: 600;
}
.home-banner-bullet-list li::before{
    content: ''; position: relative; top: 4px; width: 15px; height:15px; display: flex; align-items: center; justify-content: center; background-image: url("../icons//bullet-tick-icon.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;
}
.home-banner.aiml-banner .right {
    position: relative; width: 48%; height: auto; display: flex; justify-content: center; align-items: center;
}


.services-section.AIML .service-tab-img-frame{
    max-height: 515px; min-height: 330px;
}
.services-section.AIML .right-side .tab-content ul.tech_log_list li img{
    max-width: 100%;
}
.services-section.AIML .service-tab-cnt-wrap .btm-row{
    row-gap: 50px;
}
.services-section.AIML .left-side .owl-stage .owl-item li img{
    max-height: 25px; height: 20px;
}
/* AIML Page css ended */

/* Audience Segment Startup */

.right-side.aud-img{
    max-height: 435px; min-height: 420px;
}

.dedicated-area{
    padding: 50px; 
    background-color: #E9F3FE;
    border-radius: 25px;
    text-align: center;
}
.dedicated-area p{
    max-width: 754px; width:100%; margin:0px auto 25px auto;
}


/* Audience Segment Startup End */





@media (max-width: 1600px) {

    /* service page css start */
    .service-pg-tab .tab-title h3 {
        font-size: 28px;
    }
    /* service page css ended */


}

@media (max-width: 1440px) {

    /* service page css start */
    .srvc-sctn-table-row {
        gap: 25px;
    }
    .srvc-table-bullet-content {
        font-size: 16px; line-height: 1.3;
    }
    .srvc-sctn-table-cell p{
        line-height: 1.4;
    }

    .services-section.service-page .left-side {
        width: 30%;
    }
    .services-section.service-page .right-side {
        width: 70%;
    }

    .service-pg-tab .tab-item {
        padding: 10px 0;
    }
    .service-pg-tab .tab-title h3{
        font-size: 22px; line-height: 1.4;
    }
    .right-side .tab-content ul.tech_log_list li img {
        max-width: 28px;
    }
    .service-tab-cnt-wrap {
        margin: 0px -20px;
    }
    .service-tab-cnt-wrap>* {
        padding: 0px 20px;
    }
    .right-side .tab-content ul.tech_log_list li {
        width: 29%; padding: 10px 5px 10px 5px; row-gap: 15px;
    }
    .tab-content .service-tab-img-frame>img{
        height:100%;
    }
    .service-tab-img-col{
        max-width: 50%;
    }


    .case-study-slider.service-page .case-item {
        min-height: 480px;
    }
    .case-study-slider.service-page .case-content h3{
        font-size: 32px;
    }
    /* service page css ended */



    /* audience-segment-startup page css start */
    .services-section.service-page .right-side.aud-img .service-tab-img-frame{
        max-height: 505px; min-height: 400px;
    }
    /* audience-segment-startup page css ended */

}

@media (max-width: 1280px) {

    .services-section.service-page .tab-item h3 {
        font-size: 28px;
    }
    .case-study-slider.service-page .case-content .desc {
        line-height: 1.2; font-size: 20px;
    }

}

@media (min-width: 1199px) {

    /* service page css start */
    /* .service-pg-tab .tab-item.active .accordion-content{
        display: none;
    } */
    /* service page css ended */

}


@media (max-width: 1198px) {

    /* service page css start */
    .service-sctn-row {
        flex-direction: column; row-gap: 30px;
    }
    .service-sctn-row .left-col {
        width: 100%;
    }
    .service-sctn-row .right-col {
        width: 100%;
    }



    .service-tab-img-col{
        display: none;
    }
    .services-section.service-page .service-tab-cnt-wrap>*{
        width:100%;
    }
    /* service page css ended */

}


@media (max-width: 1025px) {
    /*  faq section css start */
    .faq-question {
        padding: 15px 20px; font-size: 20px;
    }
    /*  faq section css ended */

    /* Audience Segment Startup */
    .dedicated-area{
        padding: 30px; 
    }
    /* Audience Segment Startup End */
}


@media (max-width: 1198px) {

    /* service page css start */
    .service-tab-img-col{
        display: none;
    }
    .services-section.service-page .left-side {
        width: 100%;
    }
    .services-section.service-page .right-side {
        width: 100%;
    }
    /* service page css ended */

}


@media (max-width: 991px) {

    .services-section.service-page .tab-item .tab-title:after{
        transition: transform 0.45s ease; width: 27px; height: 27px; background-size: contain !important;
    }
    .services-section.service-page .tab-item.active .tab-title:after{
        transform: rotate(180deg);
    }
    .services-section.service-page .left-side .service-pg-tab .tab-item.active .accordion-content{
        display: block;
    }
    .services-section.service-page .tab-item .accordion-content .btm-row{
        display: flex; flex-direction: column;
    }
    .services-section.service-page .tab-item .accordion-content ul.tech_log_list{
        padding: 0px; justify-content: flex-start; position: relative; gap: 0px; margin-top: 0px;
    }
    .services-section.service-page .tab-item .accordion-content ul.tech_log_list > li{
        width: calc(24% - 6px);
    }
    .services-section.service-page .tab-item .accordion-content ul.tech_log_list > li h4{
        margin-bottom: 0px;
    }

    /* side scroll css */
    .services-section.service-page .left-side{
        border-right-width: 0px; border-right-color: transparent;
    }
    .services-section.service-page .left-side::before {
        display: none;
    }
    .services-section.service-page .left-side::after {
        display: none;
    }


}


@media (min-width: 768px) {
    /* for desktop view only */
    /* Why Businesses Choose accrodion css start */
    .srvc-sctn-table-row:not(.hd-row) .srvc-sctn-table-cell {
        display: flex !important;
        height: auto !important;
        margin-top: 0 !important;
    }
    /* Why Businesses Choose accrodion css ended */
}


@media (max-width: 767px) {

    /* service page css start */
    .solution-card.vertical {
        align-items: center; gap: 10px; text-align: center;
    }


    .srvc-sctn-table {
        gap: 25px;
    }
    .srvc-sctn-table-row {
        gap: 15px; flex-direction: column; padding: 15px 20px;
    }
    .srvc-sctn-table-row.hd-row, .srvc-table-bullet-content:before{
        display: none;
    }
    .srvc-sctn-table-cell{
        width:100%; flex:unset;
    }
    .srvc-sctn-table-cell::before{
        content:attr(data-hdtitle); display: block; font-weight: 500; margin-bottom: 0px; font-size: 14px;color: var(--orange);
    }
    .srvc-table-bullet-content {
        font-size: 14px; color: var(--blue); line-height: 1.3;
    }

    .service-sctn-contnt-wrap {
        align-items: center; gap: 10px; text-align: center;
    }

    .service-pg-tab .tab-item.activete .tab-title h4{
        color:var(--orange);
    }
    .service-pg-tab .tab-title h3 {
        font-size: 20px;
    }
    .service-pg-tab .accordion-content img {
        height: 275px;
    }
    .service-pg-tab .accordion-content a.btn-fill{
        float: right; margin-bottom: 10px;
    }
    .services-section.service-page .tab-item h3 {
        font-size: 19px;
    }

    /* .case-study-slider.service-page .case-content .btn-group {
        flex-direction: column; align-items: center;
    } */
    .srvc-table-btn{
        display: block;
    }
    /* service page css ended */
    

    /* Why Businesses Choose accrodion css start */
    .srvc-sctn-table-row {
        gap: 0;
    }
    .srvc-sctn-table-row:not(.hd-row) .srvc-sctn-table-cell:not(:last-child) {
        display: none;
    }
    .srvc-sctn-table-row:not(.hd-row) .srvc-sctn-table-cell:nth-child(3) {
        margin-top: 15px;
    }
    .srvc-sctn-table-row:not(.hd-row) .srvc-sctn-table-cell:last-child {
        margin-top: 0;
        transition: margin-top 0.35s ease;
        transition-delay: 0.15s;
    }
    .srvc-sctn-table-row:not(.hd-row).active .srvc-sctn-table-cell:last-child {
        margin-top: 15px;
        transition-delay: 0s;
    }
    /* Why Businesses Choose accrodion css ended */


    /*  faq section css start */
    .faq-question {
        padding: 13px 20px; font-size: 13px;
    }
    .faq-answer{
        padding-right:20px;
        padding-left:20px;
    }
    .faq-question .faq-toggle {
        background-size: 12px 12px !important;
    }
    /*  faq section css ended */
}