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


.services-section.service-page .left-side{
    width: 34%;
}
.services-section.service-page .right-side{
    width: 67%;
}
.service-pg-tab .tab-title h3{
    font-family: var(--title-font); 
    color:#9F9F9F; 
    /* font-size:30px; 
    line-height:32px;  */
    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: 540px; 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;
}
/* 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 22px; background:transparent;
}
.faq-answer p{ 
    margin:0px 0 15px; 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;
}
/* AIML Page css ended */

/* Audience Segment Startup */
.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: 1440px) {

    /* service page css start */
    .srvc-sctn-table-row {
        gap: 25px;
    }
    .srvc-table-bullet-content {
        font-size: 18px; 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 h4{
        font-size: 22px;
    }
    .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%;
    }
    /* service page css ended */

}

@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;
    }
    /* 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: 767px) {

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


    .srvc-sctn-table-row {
        gap: 15px; flex-direction: column; padding: 25px 20px;
    }
    .srvc-sctn-table-row.hd-row, .srvc-table-bullet-content:before{
        display: none;
    }
    .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 h4 {
        font-size: 20px;
    }
    .service-pg-tab .accordion-content img {
        height: 275px;
    }
    .service-pg-tab .accordion-content a.btn-fill{
        float: right; margin-bottom: 10px;
    }
    /* service page css ended */



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