/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1800px) {
    .container {max-width: 1750px;}


    /* ---- footer ---- */
    .footer-center {padding: 0 20px;}
    /* ---- footer ---- */
}

@media (min-width: 1700px) and (max-width: 1799px) {
    .container {max-width: 1620px;}



    /* ---- acc ---- */
    .acc-right {max-width: 800px; }
    /* ---- acc ---- */
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .container {max-width: 1520px;}

    /* ---- factory ---- */
    .title-block { max-width: 690px;}
    .powered-main { padding: 70px 90px 90px}
    .center-logo { max-width: 310px; margin: -120px auto 90px auto;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-right {max-width: 750px; }
    .acc-left {max-width: 610px; }
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 1220px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-main-slider {max-width: 1340px;}
    .use-item .use-bg { width: 170px; }
    /* ---- use ---- */

    /* ---- footer ---- */
    .footer-main { padding: 50px 140px 0;}
    .sideimg-left { width: 38%; }
    .sideimg-right { width: 38%; }
    /* ---- footer ---- */
}

@media (min-width: 1500px) and (max-width: 1599px) {
    .container {max-width: 1420px;}

    /* Banner Start */
    .banner-left { margin: 0 -40px 0 50px; }
    /* Banner End */

    /* ---- factory ---- */
    .title-block { max-width: 670px;}
    .powered-main { padding: 60px 80px 90px}
    .center-logo { max-width: 290px; margin: -110px auto 80px auto;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-right {max-width: 700px; }
    .acc-left {max-width: 560px; }
    .acc-left .section-title {padding-bottom: 44px;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 1180px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-main-slider {max-width: 1280px;}
    .use-item .use-bg { width: 150px; }
    .use-item .use-icon {margin-bottom: 80px;}
    /* ---- use ---- */

    /* eka page */
    .qxli-ai-table .table:before { max-width: 460px; }
    .qxli-ai-table .table thead th { font-size: 24px; }
    .qxli-ai-table .table tbody td { font-size: 22px; }
    /* eka page */

    /* ---- footer ---- */
    .footer-main { padding: 40px 100px 0;}
    .sideimg-left { width: 36%; }
    .sideimg-right { width: 36%; }
    /* ---- footer ---- */
}

@media (min-width: 1400px) and (max-width: 1499px) {
    /* Banner Start */
    .banner-left { margin: 0 -40px 0 50px; }
    .banner-shape-left {width: 50%;}
    /* Banner End */

    /* Platform Start */
    .platform-right {margin: 0;}
    /* Platform Ebd */

    /* ---- factory ---- */
    .title-block { max-width: 740px;}
    .title-block .common-detail { max-width: 640px; }
    .factory-card { padding: 30px 24px 40px;}
    .center-logo {max-width: 270px; margin: -100px auto 70px auto;}
    .powered-main {padding: 50px 80px 70px;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-right {max-width: 650px; }
    .acc-left {max-width: 520px; padding: 0px 20px 20px;}
    .acc-left .section-title {padding-top: 30px;padding-bottom: 40px;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 1080px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-main-slider {max-width: 1180px;}
    .use-item .use-bg { width: 140px; }
    .use-item .use-icon {margin-bottom: 70px;}
    /* ---- use ---- */

    /* eka page */
    .eka-banner-section .eka-banner-description { padding-left: 60px; }
    .hidden-cost-section { padding-top: 60px; }
    .intelligence-steps-section .intelligence-steps-description { padding-top: 50px; }
    .intelligence-steps-section .intelligence-steps-main-title { margin-bottom: 35px; }
    .governed-agentic-loop-wrapper { padding-top: 150px; padding-bottom: 70px; }
    .organisations-achieve-section .organisations-achieve-description { padding-left: 70px; }
    .organisations-achieve-section .organisations-achieve-right .organisations-back-image { width: 650px; }
    .qxli-ai-section .qxli-ai-main-title { margin-bottom: 35px; }
    .unlock-organisations-section { padding-bottom: 90px; }

    
    .qxli-ai-table .table:before { max-width: 460px; }
    .qxli-ai-table .table thead th { font-size: 24px; }
    .qxli-ai-table .table tbody td { font-size: 22px; }
    /* eka page */

    /* ---- footer ---- */
    .footer-main { padding: 50px 50px 0;}
     .sideimg-left { width: 35%; }
    .sideimg-right { width: 35%; }
    /* ---- footer ---- */
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Common Style Start */
    .main-title {font-size: 50px; line-height: 60px;}
    .section-title { font-size: 44px; line-height: 54px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 20px; }
    /* Header End */

    /* Banner Start */
    .banner-left { margin: 0 0 0 50px; }
    /* Banner End */

    /* About Start */
    .about-main {padding: 0 50px 0 0;}
    /* About End */

    /* Platform Start */
    .platform-right {margin: 0;}
    /* Platform Ebd */
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Common Style Start */
    .main-title {font-size: 50px; line-height: 60px;}
    .section-title { font-size: 44px; line-height: 54px; }
    /* Common Style End */

    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 20px; }
    /* Header End */

    /* Banner Start */
    .banner-left { margin: 0 0 0 50px; }
    /* Banner End */

    /* About Start */
    .about-main {padding: 0 50px 0 0;}
    /* About End */

    /* Platform Start */
    .platform-right {margin: 0;}
    /* Platform Ebd */

    /* agentic-loop-steps */
    .agentic-loop-steps-block { max-width: 600px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-image { width: 250px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-dash-lines { margin-top: -115px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step1 { transform: translate(-555px, -60px); -webkit-transform: translate(-555px, -60px); -moz-transform: translate(-555px, -60px); -ms-transform: translate(-555px, -60px); -o-transform: translate(-555px, -60px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step2 { transform: translate(-445px, 115px); -webkit-transform: translate(-445px, 115px); -moz-transform: translate(-445px, 115px); -ms-transform: translate(-445px, 115px); -o-transform: translate(-445px, 115px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step3 { transform: translate(-128px, 190px); -webkit-transform: translate(-128px, 190px); -moz-transform: translate(-128px, 190px); -ms-transform: translate(-128px, 190px); -o-transform: translate(-128px, 190px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step4 { transform: translate(195px, 115px); -webkit-transform: translate(195px, 115px); -moz-transform: translate(195px, 115px); -ms-transform: translate(195px, 115px); -o-transform: translate(195px, 115px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step5 { transform: translate(305px, -60px); -webkit-transform: translate(305px, -60px); -moz-transform: translate(305px, -60px); -ms-transform: translate(305px, -60px); -o-transform: translate(305px, -60px); }
    /* agentic-loop-steps */
}

@media (min-width: 1200px) and (max-width: 1399px) {

    /* banner */
    .banner-shape-left {width: 50%;}
    /* banner */


    /* ---- factory / powered ---- */
    .powered-main { padding: 40px 60px 70px;}
    .center-logo {max-width: 235px;margin: -100px auto 60px auto;}
    .title-block { max-width: 650px;}
    .title-block .common-detail { max-width: 500px; }
    .factory-card {margin-right: 30px;padding: 24px 20px 36px;}
    .title-block strong {margin-bottom: 24px;}
    .title-block .section-title {margin-bottom: 24px;}
    .title-block .btn { margin: 24px auto 0;}
    /* ---- factory / powered ---- */

    /* ---- acc ---- */
    .acc-right {max-width: 550px; }
    .acc-left {max-width: 440px; padding: 0px 20px 20px;}
    .acc-left .section-title {padding-top: 30px;padding-bottom: 30px;}
    /* ---- acc ---- */
        
    /* ---- work ---- */
    .work-slider {max-width: 940px;}
    .work-item {padding: 48px 28px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-item {padding: 20px 30px 40px;}
    .use-main-slider {max-width: 1020px;}
    .use-item .use-bg { width: 110px; }
    .use-item .use-icon {margin-bottom: 70px;}
    /* ---- use ---- */

    /* ---- enterprise-knowledge-agent ---- */
    .enterprise-knowledge-carousel .enterprise-knowledge-block { padding: 20px; }
    /* ---- enterprise-knowledge-agent ---- */

    

    /* eka page */
    /* header */
    .header2 .navbar-nav .nav-item { padding: 0 15px; }
    /* .header2 .navbar-nav .nav-item .nav-link { font-size: 18px; } */
    /* header */

    .eka-banner-section .eka-banner-description { padding-left: 40px; }
    .common-breadcrumbs-block { margin-bottom: 20px; }
    .eka-banner-section .eka-banner-description .eka-banner-image { max-width: 525px; }
    .eka-banner-section .eka-banner-description .eka-banner-main-detail > * { margin-bottom: 30px; }
    .eka-banner-section .eka-list-buttons > * { margin-bottom: 30px; }
    .hidden-cost-section { padding-top: 50px; padding-bottom: 50px; }
    .intelligence-steps-section { padding-top: 50px; }
    .intelligence-steps-section .intelligence-steps-description { padding-top: 50px; }
    .intelligence-steps-section .intelligence-steps-main-title { margin-bottom: 35px; }
    .intelligence-steps-list .intelligence-block { padding: 25px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .intelligence-steps-list .intelligence-block .icon { margin-bottom: 35px; }
    .governed-agentic-loop-wrapper { padding-top: 100px; padding-bottom: 70px; }
    .organisations-achieve-section { padding-top: 50px; padding-bottom: 50px; }
    .organisations-achieve-section .organisations-achieve-description { padding: 50px 0 50px 50px; }
    .organisations-achieve-section .organisations-achieve-left .organisations-detail ul li { padding-top: 15px; padding-bottom: 15px; }
    .organisations-achieve-section .organisations-achieve-left .organisations-detail ul li:before { top: 20px; }
    .organisations-achieve-section .organisations-achieve-right .organisations-back-image { width: 550px; }
    .organisations-achieve-section .organisations-achieve-list .achieve-block .title { font-size: 35px; margin-bottom: 30px; }
    .qxli-ai-section .qxli-ai-main-title { margin-bottom: 35px; }
    .weekly-production-section { padding-top: 50px; padding-bottom: 50px; }
    .unlock-organisations-section { padding-top: 50px; padding-bottom: 75px; }
    .unlock-organisations-section .unlock-organisations-main-detail { padding: 20px; }
    .unlock-organisations-section .unlock-organisations-main-detail .unlock-organisations-list { margin-top: 45px; }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content .unlock-organisations-image { width: 475px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { width: 250px; }
    .governed-agentic-loop-wrapper:before { height: 525px; }

    
    .qxli-ai-table .table { min-width: 1080px; }
    .qxli-ai-table .table:before { max-width: 370px; }
    .qxli-ai-table .table thead th { font-size: 20px; line-height: 132%; padding-left: 20px; padding-right: 20px; padding-top: 50px; padding-bottom: 20px; }
    .qxli-ai-table .table tbody td { min-width: 360px; font-size: 18px; padding: 20px; }
    .qxli-ai-table .table tbody td.enterprice-ai span:before { top: 4px; }
    .qxli-ai-table .table tbody td.saas-ai span:before { top: 4px; }
    /* eka page */

    /* ---- footer ---- */
    .footer-main { padding: 50px 50px 0;}
    .footer-center {padding: 0 60px;}
    .footer-left li span {font-size: 16px;}
    .footer-left li a {font-size: 18px;}
    .footer-center ul li a {font-size: 18px;}
    .footer-right li a {font-size: 18px;}
    .footer-left li {font-size: 18px;}
    .footer-left li {margin-bottom: 24px;}
    .footer-right li {margin-bottom: 24px;}
    .sideimg-left { width: 34%; }
    .sideimg-right { width: 34%; }
    /* ---- footer ---- */
}

@media (min-width: 992px) {
    .powered-bg-icon { transform: rotateZ(270deg); right: 0; bottom: 0; top: 0; width: unset;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .main-title {font-size: 46px; line-height: 56px;}
    .section-title { font-size: 40px; line-height: 50px; }
    /* .slick-slider li.slick-active button::before { transform: translate(-48%, -46%); -webkit-transform: translate(-48%, -46%); -moz-transform: translate(-48%, -46%); -ms-transform: translate(-48%, -46%); -o-transform: translate(-48%, -46%); } */
    /* Common Style End */

    /* Header Start */
    .header .navbar-nav .nav-item { padding: 0 15px; }
    .header .navbar-nav .nav-item .nav-link { font-size: 18px; }
    .header .navbar-brand {max-width: 170px;}
    .header.sticky_header .navbar-brand { max-width: 150px; }
    /* Header End */

    /* Banner Start */
    .banner-left { margin: 0 0 0 20px; }
    .banner-shape-left {max-width: 700px;}
    .banner-shape-left {width: 50%;}
    /* Banner End */

    /* About Start */
    .about-main {padding: 0 30px 0 0;}
    .about-block { padding: 20px; }
    .about-main::after {left: 90px;}
    .about-shape {left: 90px;}
    .about-left .row {margin: 0 -8px;}
    .about-left .row>* {padding: 0 8px;}
    .about-wrp { padding: 20px 0 50px; }
    /* About End */

    /* Platform Start */
    .platform-wrp { padding: 50px 0; }
    .platform-left .section-title { margin: 0 0 10px; }
    .platform-right {margin: 0;}
    .platform-shape {max-width: 500px;}
    /* Platform Ebd */


    /* ---- factory ---- */
    .factory-card {margin-right: unset;}
    .factory-card:first-child, .factory-card:last-child  { transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ; }
    .powered-detail .powered-right {padding-left: 50px;}
    .powered-detail .powered-left {padding-right: 50px;}
    .powered-main { padding: 40px 50px 73px;}
    .center-logo { max-width: 220px; margin: -85px auto 50px auto;}
    .title-block .section-title {margin-bottom: 20px;}
    .title-block strong {margin-bottom: 20px;}
    .factory-hover-icon {width: 120px;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-main {padding: 20px;}
    .acc-right {max-width: 460px; }
    .acc-left {max-width: 400px; padding: 0px 20px 20px;}
    .acc-left .section-title {padding-top: 30px;padding-bottom: 30px;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 700px;}
    .work-item {padding: 48px 28px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-item {padding: 20px 20px 40px;}
    .use-main-slider {max-width: 800px;}
    .use-item .use-bg { width: 120px; }
    .use-item .use-icon {margin-bottom: 70px;}
    /* ---- use ---- */

    /* agentic-loop-steps */
    .agentic-loop-steps-block { max-width: 475px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-image { width: 200px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-dash-lines { margin-top: -80px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { max-width: 225px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .small-title { font-size: 18px; margin-bottom: 5px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .detail { font-size: 16px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step1 { transform: translate(-470px, -55px); -webkit-transform: translate(-470px, -55px); -moz-transform: translate(-470px, -55px); -ms-transform: translate(-470px, -55px); -o-transform: translate(-470px, -55px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step2 { transform: translate(-385px, 80px); -webkit-transform: translate(-385px, 80px); -moz-transform: translate(-385px, 80px); -ms-transform: translate(-385px, 80px); -o-transform: translate(-385px, 80px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step3 { transform: translate(-115px, 145px); -webkit-transform: translate(-115px, 145px); -moz-transform: translate(-115px, 145px); -ms-transform: translate(-115px, 145px); -o-transform: translate(-115px, 145px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step4 { transform: translate(155px, 85px); -webkit-transform: translate(155px, 85px); -moz-transform: translate(155px, 85px); -ms-transform: translate(155px, 85px); -o-transform: translate(155px, 85px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step5 { transform: translate(245px, -55px); -webkit-transform: translate(245px, -55px); -moz-transform: translate(245px, -55px); -ms-transform: translate(245px, -55px); -o-transform: translate(245px, -55px); }
    /* agentic-loop-steps */

    /* eka page */
    /* header */
    .header2 .navbar-nav .nav-item { padding: 0 10px; }
    /* .header2 .navbar-nav .nav-item .nav-link { font-size: 16px; }
    .header2 .header-btn .btn { font-size: 16px; } */
    /* header */

    .eka-banner-section .eka-banner-description { padding-left: 20px; }
    .eka-banner-section .eka-list-buttons .eka-banner-list ul { gap: 18px; }
    .common-breadcrumbs-block { margin-bottom: 20px; }
    .eka-banner-section .eka-banner-description .eka-banner-image { max-width: 450px; }
    .eka-banner-section .eka-banner-description .eka-banner-main-detail > * { margin-bottom: 30px; }
    .eka-banner-section .eka-list-buttons > * { margin-bottom: 30px; }
    .hidden-cost-section { padding-top: 50px; padding-bottom: 50px; }
    .hidden-cost-section .hidden-cost-list .cost-block { margin-top: 35px; }
    .intelligence-steps-section { padding-top: 50px; }
    .intelligence-steps-section .intelligence-steps-description { padding-top: 50px; padding-left: 20px; padding-right: 20px; }
    .intelligence-steps-section .intelligence-steps-main-title { margin-bottom: 35px; }
    .intelligence-steps-list .intelligence-block { padding: 25px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .intelligence-steps-list .intelligence-block .title { font-size: 22px; }
    .intelligence-steps-list .intelligence-block .icon { margin-bottom: 35px; }
    .governed-agentic-loop-wrapper { padding-top: 100px; padding-bottom: 60px; }
    .organisations-achieve-section { padding-top: 50px; padding-bottom: 50px; }
    .organisations-achieve-section .organisations-achieve-description { padding: 50px 0 50px 50px; }
    .organisations-achieve-section .organisations-achieve-left .organisations-detail ul li { padding-top: 15px; padding-bottom: 15px; }
    .organisations-achieve-section .organisations-achieve-left .organisations-detail ul li:before { top: 20px; }
    .organisations-achieve-section .organisations-achieve-right .organisations-back-image { width: 500px; }
    .organisations-achieve-section .organisations-achieve-list .achieve-block .title { font-size: 33px; margin-bottom: 25px; }
    .weekly-production-carousel .slick-slide { margin-top: 35px; }
    .weekly-production-carousel .slick-slide:hover .weekly-production-block { top: -35px; }
    .weekly-production-carousel .weekly-production-block { padding: 20px; }
    .weekly-production-carousel .weekly-production-block .week-icon { margin-bottom: 30px; }
    .qxli-ai-section .qxli-ai-main-title { margin-bottom: 35px; }
    .weekly-production-section { padding-top: 50px; padding-bottom: 50px; }
    .unlock-organisations-section { padding-top: 50px; padding-bottom: 75px; }
    .unlock-organisations-section .unlock-organisations-main-detail { padding: 20px; }
    .unlock-organisations-section .unlock-organisations-list ul li { width: calc(100% - 40px); }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content .unlock-organisations-image { width: 425px; }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content .unlock-organisations-image * { object-position: center left; }
    .unlock-organisations-section .unlock-organisations-main-detail .unlock-organisations-list { margin-top: 45px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { width: 250px; }
    .governed-agentic-loop-wrapper:before { height: 525px; }

    
    .qxli-ai-table .table { min-width: 1080px; }
    .qxli-ai-section .qxli-ai-content .qxli-ai-table { padding: 0 20px; }
    .qxli-ai-table .table:after { margin: 0 -20px; }
    .qxli-ai-table .table:before { max-width: 370px; }
    .qxli-ai-table .table thead th { font-size: 20px; line-height: 133%; padding-left: 20px; padding-right: 20px; padding-top: 50px; padding-bottom: 20px; }
    .qxli-ai-table .table tbody tr:last-child td { padding-bottom: 35px; }
    .qxli-ai-table .table tbody td { min-width: 360px; font-size: 18px; padding: 20px; }
    .qxli-ai-table .table tbody td.enterprice-ai span:before { top: 4px; }
    .qxli-ai-table .table tbody td.saas-ai span:before { top: 4px; }
    /* eka page */

    /* ---- footer ---- */
    .footer-main { padding: 30px 30px 0;}
    .footer-center {padding: 0 20px;}
    .footer-left li span {font-size: 16px;}
    .footer-left li a {font-size: 18px;}
    .footer-center ul li a {font-size: 18px;}
    .footer-right li a {font-size: 18px;}
    .footer-left li {font-size: 18px;}
    .footer-left li {margin-bottom: 24px;}
    .footer-right li {margin-bottom: 24px;}
    .email-id-br {display: none;}
    .sideimg-left { width: 32%; }
    .sideimg-right { width: 32%; }
    /* ---- footer ---- */
}

@media (max-width: 991px) {
    /* Header Start */
    .header .navbar-brand {max-width: 132px; position: relative; z-index: 9;}
    .header.sticky_header .navbar-brand { max-width: 120px; }
    .header .navbar-toggler { width: 40px; height: 40px; padding: 10px 8px; position: relative; z-index: 9; border: none; display: flex; box-shadow: none; align-items: flex-end; flex-direction: column; justify-content: center; background-color: var(--violet); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
    .header .navbar-toggler span { width: 20px; height: 3px; margin-bottom: 5px; background-color: var(--white); display: block; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
    .header .navbar-toggler span:nth-child(2) {width: 24px;}
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header .navbar-toggler:not(.collapsed) span { width: 25px; }
    .header .navbar-toggler:not(.collapsed) span:first-child { top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0;}
    .header .navbar-toggler:not(.collapsed) span:last-child { top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-collapse { position: fixed; max-width: 100%; width: 100%; top: 0; bottom: 0; right: -100%; height: 100%; background-color: var(--white); overflow: auto; padding: 155px 30px 100px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-collapse::after { content: ""; position: fixed; max-width: 100%; width: 100%; top: 0; right: -100%; height: 85px; background-color: var(--white); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show::after {right: 0; }
    .header .navbar-nav .nav-item {text-align: center; padding: 25px 0;}
    .header .navbar-nav .nav-item:first-child {padding-top: 0;}
    .header .navbar-nav .nav-item:last-child {padding-bottom: 0;}
    .header .navbar-nav .nav-item .nav-link {font-size: 30px; line-height: 40px; display: inline-block;}
    .header-btn { text-align: center; padding: 132px 0 0;}
    .header-btn .btn {margin: 0 auto;}
    .header-shape { position: fixed; left: 0; opacity: 0; right: 0; bottom: 0; z-index: -1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header-shape img {margin: 0 auto; display: block;}
    .header .navbar-collapse.show .header-shape{ opacity: 1;}
    /* Header End */

    /* ---- footer ---- */
    .sideimg-left { height: 45%; left: 50%; transform: translateX(-50%) rotateX(180deg); bottom: unset; -webkit-transform: translateX(-50%) rotateX(180deg); -moz-transform: translateX(-50%) rotateX(180deg); -ms-transform: translateX(-50%) rotateX(180deg); -o-transform: translateX(-50%) rotateX(180deg); opacity: 1; }
    .sideimg-right { height: 45%; left: 50%; transform: translateX(-50%) rotateY(180deg); top: unset; -webkit-transform: translateX(-50%) rotateY(180deg); -moz-transform: translateX(-50%) rotateY(180deg); -ms-transform: translateX(-50%) rotateY(180deg); -o-transform: translateX(-50%) rotateY(180deg); opacity: 1; }
    .footer-center {margin-bottom: 0;}
    /* ---- footer ---- */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title {font-size: 42px; line-height: 52px;}
    .section-title { font-size: 40px; line-height: 50px; }
    /* Common Style End */

    /* Banner Start */
    .banner-wrp {padding: 10px 0 30px;}
    .banner-left { margin: 0; }
    .banner-left .large-detail {margin: 0 0 25px;}
    .banner-shape-left {max-width: 500px;}
    .banner-shape-right {max-width: 350px;}
    /* Banner End */

    /* About Start */
    .about-main {padding: 30px 30px 0;}
    .about-block { padding: 20px; margin: 0 10px; }
    .about-main::after {left: 0; top: 0; bottom: 116px;}
    .about-shape {left: 0; }
    .about-right { text-align: center; margin: 0 0 40px; }
    .about-right .large-detail p { margin: 0 0 20px; }
    .about-wrp { padding: 20px 0 60px; }
    .about-slider {opacity: 0;}  
    .about-slider.slick-initialized {opacity: 1;}  
    .about-slider .slick-track {display: flex;}
    .about-slider .about-block {height: auto !important;} 
    /* About End */

    /* Platform Start */
    .platform-wrp { padding: 40px 0; }
    .platform-left .section-title { margin: 0 0 10px; text-align: center; }
    .platform-right {margin: 0;}
    .platform-left { max-width: 100%; width: auto; margin: 0 0 40px;}
    /* Platform End */



    /* ---- factory ---- */
    .factory-card {margin-right: unset;}
    .factory-card:first-child, .factory-card:last-child  { transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ; }
    .powered-detail .powered-right {padding-left: 40px;}
    .powered-detail .powered-left {padding-right: 40px;}
    .powered-main { padding: 20px 30px 73px;}
    .center-logo { max-width: 220px; margin: -85px auto 50px auto;}
    .title-block .section-title {margin-bottom: 20px;}
    .title-block strong {margin-bottom: 20px;}
    .factory-main .center-logo-back {max-width: 230px;}
    .powered-bg-icon {width: 220px;}
    .factory-hover-icon {width: 120px;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-main {padding: 20px;flex-direction: column;}
    .acc-right {max-width: 100%;}
    .acc-right img {min-height: 280px;}
    .acc-left {max-width: 100%; padding: 0px 15px 20px;margin-bottom: 30px;}
    .acc-left .section-title {text-align: center; padding-top: 20px;}
    .acc-left .title-bg-img {height: 200px;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-slider {max-width: 460px;}
    .work-item {padding: 48px 28px;}
    /* ---- work ---- */

    /* ---- use ---- */
    .use-item {padding: 20px 20px 40px;}
    .use-main-slider {max-width: 640px;}
    .use-item .use-bg { width: 100px; }
    .use-item .use-icon {margin-bottom: 50px;}
    /* ---- use ---- */
    
    
    /* ---- enterprise-knowledge-agent ---- */
    .enterprise-knowledge-agent .enterprise-knowledge-main-title .enterprise-knowledge-buttons { gap: 20px; }
    .enterprise-knowledge-carousel .enterprise-knowledge-item { margin-top: 0; }
    .enterprise-knowledge-carousel .enterprise-knowledge-item:hover .enterprise-knowledge-block { top: 0; }
    .enterprise-knowledge-carousel .enterprise-knowledge-block { padding: 20px; }
    /* ---- enterprise-knowledge-agent ---- */

    /* agentic-loop-steps */
    .agentic-loop-steps-block { max-width: 375px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-image { width: 150px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-dash-lines { margin-top: -70px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { max-width: 170px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .small-title { font-size: 16px; margin-bottom: 5px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .detail { font-size: 14px; line-height: 125%; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step1 { transform: translate(-365px, -65px); -webkit-transform: translate(-365px, -65px); -moz-transform: translate(-365px, -65px); -ms-transform: translate(-365px, -65px); -o-transform: translate(-365px, -65px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step2 { transform: translate(-295px, 45px); -webkit-transform: translate(-295px, 45px); -moz-transform: translate(-295px, 45px); -ms-transform: translate(-295px, 45px); -o-transform: translate(-295px, 45px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step3 { transform: translate(-88px, 90px); -webkit-transform: translate(-88px, 90px); -moz-transform: translate(-88px, 90px); -ms-transform: translate(-88px, 90px); -o-transform: translate(-88px, 90px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step4 { transform: translate(125px, 45px); -webkit-transform: translate(125px, 45px); -moz-transform: translate(125px, 45px); -ms-transform: translate(125px, 45px); -o-transform: translate(125px, 45px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step5 { transform: translate(192px, -68px); -webkit-transform: translate(192px, -68px); -moz-transform: translate(192px, -68px); -ms-transform: translate(192px, -68px); -o-transform: translate(192px, -68px); }
    /* agentic-loop-steps */

    /* agentic-loop-steps */
    .agentic-loop-steps-block { max-width: 375px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-image { width: 150px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-dash-lines { margin-top: -70px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { max-width: 170px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .small-title { font-size: 16px; margin-bottom: 5px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .detail { font-size: 14px; line-height: 125%; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step1 { transform: translate(-365px, -75px); -webkit-transform: translate(-365px, -75px); -moz-transform: translate(-365px, -75px); -ms-transform: translate(-365px, -75px); -o-transform: translate(-365px, -75px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step2 { transform: translate(-295px, 45px); -webkit-transform: translate(-295px, 45px); -moz-transform: translate(-295px, 45px); -ms-transform: translate(-295px, 45px); -o-transform: translate(-295px, 45px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step3 { transform: translate(-88px, 90px); -webkit-transform: translate(-88px, 90px); -moz-transform: translate(-88px, 90px); -ms-transform: translate(-88px, 90px); -o-transform: translate(-88px, 90px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step4 { transform: translate(125px, 45px); -webkit-transform: translate(125px, 45px); -moz-transform: translate(125px, 45px); -ms-transform: translate(125px, 45px); -o-transform: translate(125px, 45px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step5 { transform: translate(192px, -68px); -webkit-transform: translate(192px, -68px); -moz-transform: translate(192px, -68px); -ms-transform: translate(192px, -68px); -o-transform: translate(192px, -68px); }
    /* agentic-loop-steps */

    /* eka page */
    .eka-banner-section .eka-banner-description { padding-left: 20px; }
    .eka-banner-section .eka-list-buttons .eka-banner-list ul { gap: 18px; }
    .common-breadcrumbs-block { margin-bottom: 20px; }
    .eka-banner-section .eka-banner-description .eka-banner-image { margin-right: auto; margin-bottom: 50px; max-width: 450px; }
    .eka-banner-section .eka-banner-description .eka-banner-main-detail > * { margin-bottom: 30px; }
    .eka-banner-section .eka-list-buttons > * { margin-bottom: 30px; }
    .hidden-cost-section { padding-top: 35px; padding-bottom: 35px; }
    .hidden-cost-section .hidden-cost-list { max-width: 100%; }
    .hidden-cost-section .hidden-cost-content { max-width: 100%; }
    .hidden-cost-section .hidden-cost-content .hidden-detail { max-width: 100%; }
    .hidden-cost-section .hidden-cost-list .cost-block { margin-top: 35px; }
    .hidden-cost-section .hidden-cost-list .cost-block .title { font-size: 22px; }
    .intelligence-steps-section { padding-top: 35px; }
    .intelligence-steps-section .intelligence-steps-description { padding-top: 35px; padding-left: 20px; padding-right: 20px; }
    .intelligence-steps-section .intelligence-steps-main-title { margin-bottom: 35px; }
    .intelligence-steps-list .intelligence-block { padding: 25px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .intelligence-steps-list .intelligence-block .number { font-size: 20px; }
    .intelligence-steps-list .intelligence-block .title { font-size: 20px; }
    .intelligence-steps-list .intelligence-block .icon { margin-bottom: 35px; }
    .governed-agentic-loop-wrapper { padding-top: 100px; padding-bottom: 50px; }
    .organisations-achieve-section { padding-top: 35px; padding-bottom: 35px; }
    .organisations-achieve-section .organisations-achieve-description { padding: 30px 20px; }
    .organisations-achieve-section .organisations-achieve-left .organisations-detail ul li { padding-top: 15px; padding-bottom: 15px; }
    .organisations-achieve-section .organisations-achieve-left .organisations-detail ul li:before { top: 20px; }
    .organisations-achieve-section .organisations-achieve-right { position: relative; }
    .organisations-achieve-section .organisations-achieve-list { margin-top: 35px; }
    .organisations-achieve-section .organisations-achieve-right .organisations-back-image { width: 500px; right: auto; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
    .organisations-achieve-section .organisations-achieve-list .achieve-block .title { font-size: 30px; margin-bottom: 25px; }
    .weekly-production-carousel .slick-slide { margin-top: 0; }
    .weekly-production-carousel .slick-slide:hover .weekly-production-block { top: 0; }
    .weekly-production-carousel .weekly-production-block { padding: 20px; }
    .weekly-production-carousel .weekly-production-block .week-icon { margin-bottom: 20px; }
    .qxli-ai-section .qxli-ai-main-title { margin-bottom: 35px; }
    .weekly-production-section { padding-top: 35px; padding-bottom: 35px; }
    .unlock-organisations-section { padding-top: 35px; padding-bottom: 70px; }
    .unlock-organisations-section .unlock-organisations-main-detail { padding: 20px; }
    .unlock-organisations-section .unlock-organisations-list ul li { width: calc(100% - 40px); }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content > * { flex: 0 0 auto; width: 100%; max-width: 100% !important; margin: 0 0 30px !important; }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content > *:last-child { margin-bottom: 0 !important; }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content .unlock-organisations-image { width: 100%; }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content .unlock-organisations-image * { object-position: center left; }
    .unlock-organisations-section .unlock-organisations-main-detail .unlock-organisations-list { margin-top: 45px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { width: 250px; }
    .governed-agentic-loop-wrapper:before { height: 450px; }

    
    .qxli-ai-section { padding-top: 35px; padding-bottom: 35px; }
    .qxli-ai-table .table { min-width: 1080px; }
    .qxli-ai-section .qxli-ai-content .qxli-logo { width: 175px; }
    .qxli-ai-section .qxli-ai-content .qxli-ai-table { padding: 0 20px; }
    .qxli-ai-table .table:after { margin: 0 -20px; }
    .qxli-ai-table .table:before { max-width: 370px; }
    .qxli-ai-table .table thead th { font-size: 20px; line-height: 131%; padding-left: 20px; padding-right: 20px; padding-top: 50px; padding-bottom: 20px; }
    .qxli-ai-table .table tbody tr:last-child td { padding-bottom: 35px; }
    .qxli-ai-table .table tbody td { min-width: 360px; font-size: 18px; padding: 20px; }
    .qxli-ai-table .table tbody td.enterprice-ai span:before { top: 4px; }
    .qxli-ai-table .table tbody td.saas-ai span:before { top: 4px; }
    /* eka page */

    
    /* ---- footer ---- */
    .footer-main { padding: 30px 40px 0;}
    .footer-center { margin-bottom: 40px; } 
    /* ---- footer ---- */
}

@media (max-width: 767px) {
    /* Common Style Start */
    .container {padding: 0 20px;}
    .main-title {font-size: 40px; line-height: 50px;}
    .section-title { font-size: 40px; line-height: 50px; }
    .large-detail { font-size: 18px; line-height: 26px; }
    /* Common Style End */

    .content { padding: 85px 0 0; }

    /* Banner Start */
    .banner-wrp {padding: 15px 0 35px;}
    .banner-left { text-align: center; margin: 0; }
    .banner-shape-left { max-width: 388px; width: 100%; top: auto; left: 50%; bottom: 35px;  transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .banner-shape-left img {margin: 0 auto;}
    .banner-shape-right {max-width: 350px;}
    .banner-main .row {flex-direction: column-reverse;}
    .banner-img {margin: 0 auto 25px;}
    .banner-left .main-title span {padding: 0; max-width: 249px; display: block; margin: 0 auto;}
    .banner-left .btn {margin: 0 auto;} 
    .banner-left .large-detail {max-width: 349px; margin: 0 auto 40px;}
    /* Banner End */

    /* About Start */
    .about-main {padding: 30px 20px 0;}
    .about-block { margin: 0 19px; }
    .about-main::after {left: 0; top: 0; bottom: 116px;}
    .about-shape { left: 0; right: 0; top: auto; bottom: 42px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .about-shape img {margin: 0 auto;}
    .about-right { text-align: center; margin: 0 0 20px; }
    .about-right .large-detail p { margin: 0 0 15px; }
    .about-wrp { padding-top: 35px; }
    .about-slider {opacity: 0;}  
    .about-slider.slick-initialized {opacity: 1;}  
    .about-right .section-title { margin: 0 0 20px; }
    .about-block.slick-current {border-color: rgba(88, 78, 252, 1);}
    .about-block.slick-current .hover-icon {opacity: 0.1;}
    .about-slider .slick-track {display: flex;}
    .about-slider .about-block {height: auto !important;} 
    /* About End */

    /* Platform Start */
    .platform-left .section-title { margin: 0 0 10px; text-align: center; }
    .platform-right { margin: 0; -moz-box-shadow: 4.597px 4.597px 0px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 4.597px 4.597px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 4.597px 4.597px 0px 0px rgba(0, 0, 0, 0.05); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .platform-left { max-width: 100%; width: auto; margin: 0 0 40px;}
    .platform-shape { top: 35px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    /* Platform End */

    /* ---- factory ---- */
    .powered-detail {flex-direction: column; margin-top: 20px; margin-bottom: 15px;}
    .powered-detail .powered-left, .powered-detail .powered-right { width: 100%; }
    .factory-card {margin-right: unset;}
    .factory-card:first-child, .factory-card:last-child  { transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ; }
    .powered-detail .powered-right {padding-top: 15px; padding-left: 0px;text-align: center;}
    .powered-detail .powered-left {padding-right: 0px;border-right: 0;text-align: center;}
    .powered-main { padding: 50px 20px 186px;}
    .powered-main .section-title span {display: inline-block;}
    .center-logo { max-width: 280px; margin: -145px auto 70px auto;}
    .title-block .section-title {margin: 0 60px 20px;}
    .title-block strong {margin-bottom: 20px;}
    .title-block .btn { margin: 20px auto 0; } 
    .factory-card-box { margin-top: 30px;}
    .factory-main .center-logo-back {max-width: 380px;height: 79%;}
    .factory-main .center-logo-back img {height: 100%;width: 100%;}
    .factory-hover-icon {width: 120px;}
    .title-block .section-title span {display: block;}
    .factory-card-box .slick-slide { margin: 0 59px; }
    .factory-card-box .slick-slider .slick-dots {margin: 0;}
    /* ---- factory ---- */

    /* ---- acc ---- */
    .acc-main {padding: 20px;flex-direction: column;}
    .acc-right {max-width: 100%;}
    .acc-right img {min-height: 280px;}
    .acc-left {max-width: 100%; padding: 0px 15px 6px; margin-bottom: 30px; overflow: hidden;}
    .acc-left .section-title {text-align: center; padding-top: 20px;}
    .acc-left .title-bg-img {max-width: 338px; width: 100%; right: -24px; opacity: 1;}
    .acc-left .title-bg-img img {width: 100%;}
    /* ---- acc ---- */

    /* ---- work ---- */
    .work-main {padding-bottom: 80px;}
    .work-slider {max-width: 100%;}
    .work-item {padding: 31px 18px;}
    .work-main .slick-next, .work-main .slick-prev {top: calc(100% + 30px);}
    .work-main .slick-next { right: 35%; }
    .work-main .slick-prev { left: 35%; }
    .use-main-slider .slick-slide { margin: 0 20px; }
    .use-main-slider .slick-list { margin: 0 -15px; }
    .work-item.slick-current {-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);} 
    .work-main .slick-slide { margin: 15px 20px; }
    .work-item.slick-current img { opacity: 1; }
    .work-item.slick-current::after, .work-item.slick-current::before {display: block;} 
    /* ---- work ---- */

    /* ---- use ---- */
    .use-item {padding: 31px 50px 40px;}
    .use-box::after {height: 250px;}
    .use-main-slider .section-title { padding: 30px 0;}
    .use-main-slider {max-width: 800px;}
    .use-item .use-bg { width: 155px; }
    .use-item .use-icon {margin-bottom: 96px;}
    /* ---- use ---- */
    
    /* ---- enterprise-knowledge-agent ---- */
    .enterprise-knowledge-carousel:before { bottom: 21px; }
    .enterprise-knowledge-carousel:after { height: 42px; width: 110px; }
    .enterprise-knowledge-agent .enterprise-knowledge-main-title > * { margin-bottom: 30px; }
    .enterprise-knowledge-agent .enterprise-knowledge-main-title .enterprise-knowledge-buttons { gap: 20px; }
    .enterprise-knowledge-carousel .enterprise-knowledge-item { margin-top: 0; }
    .enterprise-knowledge-carousel .enterprise-knowledge-item:hover .enterprise-knowledge-block { top: 0; }
    .enterprise-knowledge-carousel .enterprise-knowledge-block { padding: 20px; }
    .enterprise-knowledge-carousel .slick-arrow { width: 42px; height: 42px; }
    .enterprise-knowledge-carousel .slick-arrow.slick-prev { margin-left: -25px; }
    .enterprise-knowledge-carousel .slick-arrow.slick-next { margin-left: 25px; }
    /* ---- enterprise-knowledge-agent ---- */

    /* eka page */
    .eka-banner-section .eka-banner-description { padding-top: 30px; padding-left: 20px; }
    .eka-banner-section .eka-list-buttons .eka-banner-list ul { gap: 18px; }
    .common-breadcrumbs-block { margin-bottom: 20px; }
    .eka-banner-section .eka-banner-description .eka-banner-image { margin-right: auto; margin-bottom: 30px; max-width: 450px; }
    .eka-banner-section .eka-banner-description .eka-banner-main-detail > * { margin-bottom: 30px; }
    .eka-banner-section .eka-list-buttons > * { margin-bottom: 30px; }
    .hidden-cost-section { padding-top: 35px; padding-bottom: 35px; }
    .hidden-cost-section .organisation-list .organisation-block .title { margin-bottom: 20px; }
    .hidden-cost-section .hidden-cost-list { max-width: 100%; margin-top: 30px; }
    .hidden-cost-section .hidden-cost-list .cost-block { margin-top: 35px; }
    .hidden-cost-section .hidden-cost-list .cost-block .title { font-size: 20px; }
    .hidden-cost-section .hidden-cost-list .cost-block .detail { font-size: 18px; }
    .intelligence-steps-section { padding-top: 35px; }
    .intelligence-steps-section .intelligence-steps-description { padding-top: 35px; padding-left: 20px; padding-right: 20px; }
    .intelligence-steps-section .intelligence-steps-main-title { margin-bottom: 25px; }
    .intelligence-steps-list .intelligence-block { padding: 20px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .intelligence-steps-list .intelligence-block .number { font-size: 20px; }
    .intelligence-steps-list .intelligence-block .title { font-size: 20px; }
    .intelligence-steps-list .intelligence-block .icon { margin-bottom: 35px; }
    .governed-agentic-loop-wrapper { padding-top: 100px; padding-bottom: 35px; }
    .organisations-achieve-section { padding-top: 35px; padding-bottom: 35px; }
    .organisations-achieve-section .organisations-achieve-description { padding: 30px 20px; }
    .organisations-achieve-section .organisations-achieve-left .organisations-detail ul li { padding-top: 15px; padding-bottom: 15px; }
    .organisations-achieve-section .organisations-achieve-left .organisations-detail ul li:before { top: 20px; }
    .organisations-achieve-section .organisations-achieve-right { position: relative; padding: 40px 0; }
    .organisations-achieve-section .organisations-achieve-list { margin-top: 35px; }
    .organisations-achieve-section .organisations-achieve-right .organisations-back-image { width: 500px; top: 50%; right: auto; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
    .organisations-achieve-section .organisations-achieve-list .achieve-block .title { font-size: 30px; margin-bottom: 25px; }
    .weekly-production-section .weekly-production-main-title { margin-bottom: 30px; }
    .weekly-production-carousel .slick-slide { margin-top: 35px; }
    .weekly-production-carousel .slick-slide:hover .weekly-production-block { top: -35px; }
    .weekly-production-carousel .weekly-production-block { padding: 20px; }
    .weekly-production-carousel .weekly-production-block .week-icon { margin-bottom: 20px; }
    .qxli-ai-section .qxli-ai-main-title { margin-bottom: 35px; }
    .weekly-production-section { padding-top: 35px; padding-bottom: 35px; }
    .unlock-organisations-section { padding-top: 35px; padding-bottom: 70px; }
    .unlock-organisations-section .unlock-organisations-main-detail { padding: 20px; }
    .unlock-organisations-section .unlock-organisations-list ul li { width: calc(100% - 40px); }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content > * { flex: 0 0 auto; width: 100%; max-width: 100% !important; margin: 0 0 30px !important; }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content > *:last-child { margin-bottom: 0 !important; }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content .unlock-organisations-image { width: 100%; }
    .unlock-organisations-section .unlock-organisations-description .unlock-organisations-content .unlock-organisations-image * { object-position: center left; }
    .unlock-organisations-section .unlock-organisations-main-detail .unlock-organisations-list { margin-top: 45px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { width: 250px; }
    .governed-agentic-loop-wrapper .agentic-loop-steps-block { padding: 0; }
    .governed-agentic-loop-wrapper:before { height: 450px; }

    .qxli-ai-section { padding-top: 35px; padding-bottom: 35px; }
    .qxli-ai-table .table { min-width: 975px; }
    .qxli-ai-section .qxli-ai-content .qxli-logo { width: 175px; }
    .qxli-ai-section .qxli-ai-content .qxli-ai-table { padding: 0 20px; }
    .qxli-ai-table .table:after { margin: 0 -20px; }
    .qxli-ai-table .table:before { max-width: 335px; }
    .qxli-ai-table .table thead th { font-size: 20px; line-height: 130%; padding-left: 15px; padding-right: 15px; padding-top: 50px; padding-bottom: 20px; }
    .qxli-ai-table .table tbody tr:last-child td { padding-bottom: 35px; }
    .qxli-ai-table .table tbody td { min-width: 325px; font-size: 18px; padding: 20px 15px; }
    .qxli-ai-table .table tbody td.enterprice-ai span:before { top: 4px; }
    .qxli-ai-table .table tbody td.saas-ai span:before { top: 4px; }
    .qxli-ai-table .table tbody td.saas-ai span,
    .qxli-ai-table .table tbody td.enterprice-ai span { padding-left: 30px; }
    /* eka page */

    /* ---- footer ---- */
    .footer-main{ padding: 30px 20px 0;}
    .footer-center .common-detail {font-size: 16px;margin-bottom: 15px;}
    .footer-center ul li a {font-size: 18px; align-items: flex-start;}
    .footer-left li {font-size: 18px;}
    .footer-left {text-align: center;margin-bottom: 40px; margin-top: 40px;}
    .footer-right {text-align: center;}
    .footer-bottom {margin-top: 30px;}
    .sideimg-left  {height: 45%;width: 100%; top: 0;bottom: unset;}
    .sideimg-right {height: 45%;width: 100%;bottom: 0;top: unset;}
    .footer-logo {max-width: 157px; width: 100%; margin: 0 auto 30px;}
    /* ---- footer ---- */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    /* ---- use ---- */
    .use-main-slider { max-width: 440px; }
    /* ---- use ---- */
    .powered-bg-icon {width: 300px;}

    /* agentic-loop-steps */
    .governed-agentic-loop-wrapper:before { max-width: 340px; }
    .agentic-loop-steps-block { max-width: 350px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-image { width: 125px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-dash-lines { margin-top: -65px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { max-width: 105px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .small-title { font-size: 16px; margin-bottom: 5px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .detail { font-size: 14px; line-height: 125%; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step1 { transform: translate(-270px, -60px); -webkit-transform: translate(-270px, -60px); -moz-transform: translate(-270px, -60px); -ms-transform: translate(-270px, -60px); -o-transform: translate(-270px, -60px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step2 { transform: translate(-215px, 40px); -webkit-transform: translate(-215px, 40px); -moz-transform: translate(-215px, 40px); -ms-transform: translate(-215px, 40px); -o-transform: translate(-215px, 40px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step3 { transform: translate(-55px, 80px); -webkit-transform: translate(-55px, 80px); -moz-transform: translate(-55px, 80px); -ms-transform: translate(-55px, 80px); -o-transform: translate(-55px, 80px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step4 { transform: translate(110px, 40px); -webkit-transform: translate(110px, 40px); -moz-transform: translate(110px, 40px); -ms-transform: translate(110px, 40px); -o-transform: translate(110px, 40px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step5 { transform: translate(170px, -60px); -webkit-transform: translate(170px, -60px); -moz-transform: translate(170px, -60px); -ms-transform: translate(170px, -60px); -o-transform: translate(170px, -60px); }
    /* agentic-loop-steps */


    /* agentic-loop-steps */
    .agentic-loop-steps-block { max-width: 350px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-image { width: 160px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-dash-lines { margin-top: -65px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { max-width: 105px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .small-title { font-size: 16px; margin-bottom: 5px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .detail { font-size: 14px; line-height: 125%; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step1 { transform: translate(-270px, -60px); -webkit-transform: translate(-270px, -60px); -moz-transform: translate(-270px, -60px); -ms-transform: translate(-270px, -60px); -o-transform: translate(-270px, -60px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step2 { transform: translate(-215px, 40px); -webkit-transform: translate(-215px, 40px); -moz-transform: translate(-215px, 40px); -ms-transform: translate(-215px, 40px); -o-transform: translate(-215px, 40px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step3 { transform: translate(-55px, 80px); -webkit-transform: translate(-55px, 80px); -moz-transform: translate(-55px, 80px); -ms-transform: translate(-55px, 80px); -o-transform: translate(-55px, 80px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step4 { transform: translate(110px, 40px); -webkit-transform: translate(110px, 40px); -moz-transform: translate(110px, 40px); -ms-transform: translate(110px, 40px); -o-transform: translate(110px, 40px); }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block.step5 { transform: translate(170px, -60px); -webkit-transform: translate(170px, -60px); -moz-transform: translate(170px, -60px); -ms-transform: translate(170px, -60px); -o-transform: translate(170px, -60px); }
    /* agentic-loop-steps */
}

@media (max-width: 575px) {
    /* ---- use ---- */
    .use-main-slider {max-width: 348px;}
    /* ---- use ---- */

    /* ---- factory ---- */
    .factory-card-box .slick-slide { margin: 0 15px; }
    /* ---- factory ---- */

    /* agentic-loop-steps */
    .governed-agentic-loop-wrapper:before { max-width: 340px; }
    .agentic-loop-steps-block { padding-bottom: 0; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-image { width: 175px; margin-bottom: 30px; }
    .agentic-loop-steps-block .agentic-loop-steps-image .step-dash-lines { display: none; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block { display: flex; margin-bottom: 25px; text-align: left !important; max-width: initial; position: relative; left: auto; top: auto; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block:last-child { margin-bottom: 0; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block > * { flex: 1 0 0; max-width: 100%; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .step-icon { flex: 0 0 auto; display: inline-flex; margin-right: 15px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .step-detail { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .small-title { font-size: 16px; margin-bottom: 5px; }
    .agentic-loop-steps-block .agentic-loop-steps-list .step-block .detail { font-size: 14px; line-height: 125%; }
    /* agentic-loop-steps */

    /* eka page */
    .weekly-production-carousel .slick-slide { margin-top: 0; }
    .weekly-production-carousel .weekly-production-block { top: 0 !important; background: linear-gradient(180deg, rgba(110, 222, 244, 0.25) 0%, rgba(88, 78, 252, 0.25) 100%), #FFFFFF; }
    .agentic-loop-steps-carousel .agentic-loop-steps-block .step-icon:before { width: 255px; }
    .agentic-loop-steps-carousel .agentic-loop-steps-block .step-detail { padding-top: 75px; }
    .agentic-loop-steps-carousel .agentic-steps-block { padding-top: 0 !important; }
    .intelligence-steps-list .intelligence-block { padding: 15px; }
    .intelligence-steps-list .intelligence-block .icon { margin-bottom: 25px; }
    .organisations-achieve-section .section-title { margin-bottom: 20px; }
    /* eka page */
}

@media (max-width: 427px) {

    .factory-main .center-logo-back {top: -200px;max-width: 388px;}
    .center-logo { max-width: 240px;}
    .common-faq .accordion-button::after {height: 40px;width: 40px;}
    .common-faq .accordion-button::before {right: 13px;}
    .common-faq .accordion-button span::before {right: 19px;}

    /* ---- use ---- */
    .use-main-slider {max-width: 260px;}
    .use-item { padding: 20px 20px 20px; }
    .use-item .use-icon { margin-bottom: 60px; } 
    .use-item .use-bg { width: 120px; }
    /* ---- use ---- */
    
    /* ---- footer ---- */
    .footer-center ul {flex-direction: column;}
    .footer-center ul li a {margin-right: 0;margin-bottom: 26px;}
    .footer-center ul li:last-child a {margin-bottom: 0px;}
    .footer-right li {margin-bottom: 26px;}
    .footer-left li {margin-bottom: 26px;}
    .footer-left {margin-bottom: 30px;}
    .footer-center {margin-bottom: 40px;}
    .work-main .slick-next { right: 28%; }
    .work-main .slick-prev { left: 28%; }
    /* ---- footer ---- */
}


@media (max-width: 359px) {
    /* Common Style Start */
    .main-title { font-size: 34px; line-height: 44px; }
    .section-title { font-size: 32px; line-height: 42px; }
    /* Common Style End */

    .about-block {padding: 30px 20px;}

        
    /* Header Start */
    .header .navbar-nav .nav-item .nav-link { font-size: 20px; line-height: 30px; }
    .header .navbar-nav .nav-item {padding: 15px 0;}
    .header .navbar-collapse {padding: 120px 30px 30px;}
    .header-btn {padding: 60px 0 0;}
    /* Header End */

    .work-main .slick-list {padding: 0px 20px !important;}

    
    .governed-agentic-loop-wrapper:before { max-width: 285px; }
}


