.elementor-4597 .elementor-element.elementor-element-b86684d:not(.elementor-motion-effects-element-type-background), .elementor-4597 .elementor-element.elementor-element-b86684d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kemalmfg.com/wp-content/uploads/2023/01/Automotive.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4597 .elementor-element.elementor-element-b86684d > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4597 .elementor-element.elementor-element-4ec4006 .elementor-heading-title{font-size:var( --e-global-typography-9ea1cac-font-size );font-weight:var( --e-global-typography-9ea1cac-font-weight );line-height:var( --e-global-typography-9ea1cac-line-height );color:var( --e-global-color-f8423b9 );}.elementor-4597 .elementor-element.elementor-element-2442484 .elementor-heading-title{color:#FFFFFF9E;}.elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-4597 .elementor-element.elementor-element-26dd082{--e-icon-list-icon-size:6px;--icon-vertical-offset:0px;}.elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-text{color:#FFFFFF9E;transition:color 0.3s;}.elementor-4597 .elementor-element.elementor-element-1efbfd1 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-4597 .elementor-element.elementor-element-1efbfd1 .elementor-button{padding:12px 24px 12px 24px;}.elementor-4597 .elementor-element.elementor-element-eaf3f45 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-icon i{color:var( --e-global-color-7cb9dc1 );transition:color 0.3s;}.elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-icon svg{fill:var( --e-global-color-7cb9dc1 );transition:fill 0.3s;}.elementor-4597 .elementor-element.elementor-element-eaf3f45{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-item > a{font-size:var( --e-global-typography-b77b825-font-size );line-height:var( --e-global-typography-b77b825-line-height );}.elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-text{color:var( --e-global-color-7cb9dc1 );transition:color 0.3s;}.elementor-4597 .elementor-element.elementor-element-06c9bea > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4597 .elementor-element.elementor-element-06c9bea > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4597 .elementor-element.elementor-element-b86684d > .elementor-container{min-height:650px;}.elementor-4597 .elementor-element.elementor-element-b86684d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4597 .elementor-element.elementor-element-a5932e6 > .elementor-container{max-width:1240px;}.elementor-4597 .elementor-element.elementor-element-d0f7a16 > .elementor-container{max-width:1240px;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active){background-color:#333;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:16px;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul li img{width:16px;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul li svg{width:16px;height:16px;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-tab-inline-icon li .title-before-icon{margin-right:10px;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-tab-inline-icon li .title-after-icon{margin-left:10px;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-tab-top-icon li i, .elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-tab-top-icon li img, .elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-tab-top-icon li svg{margin-bottom:10px;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul li{background-color:#f1f1f1;color:#333;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#fff;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#444;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul li.active{color:#fff;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-content > div{color:#333;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs .eael-tabs-nav > ul li:after{border-width:10px;bottom:-10px;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li:after{right:-10px;top:calc(50% - 10px) !important;border-left-color:#444;}.rtl .elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li:after{right:auto;left:-10px !important;top:calc(50% - 10px) !important;}.elementor-4597 .elementor-element.elementor-element-cbb92bf .eael-advance-tabs:not(.eael-tabs-vertical) > .eael-tabs-nav > ul li:after{border-top-color:#444;}.elementor-4597 .elementor-element.elementor-element-29c2aab > .elementor-container{max-width:1240px;}.elementor-4597 .elementor-element.elementor-element-e9b3516 .jet-carousel__content{text-align:left;}.elementor-4597 .elementor-element.elementor-element-e9b3516 .jet-carousel .jet-slick-dots{justify-content:center;}.elementor-4597 .elementor-element.elementor-element-e9b3516 .jet-carousel .jet-slick-dots li{padding-left:5px;padding-right:5px;}.elementor-4597 .elementor-element.elementor-element-b4d93ae > .elementor-container{max-width:1240px;}.elementor-4597 .elementor-element.elementor-element-0788a2b{text-align:center;}.elementor-4597 .elementor-element.elementor-element-0788a2b .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4597 .elementor-element.elementor-element-085e9ee{text-align:center;color:var( --e-global-color-a98acc2 );}.elementor-4597 .elementor-element.elementor-element-7ce7998{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4597 .elementor-element.elementor-element-7ce7998 .elementor-divider-separator{width:100%;}.elementor-4597 .elementor-element.elementor-element-7ce7998 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4597 .elementor-element.elementor-element-facf0d4{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4597 .elementor-element.elementor-element-facf0d4 .elementor-divider-separator{width:100%;}.elementor-4597 .elementor-element.elementor-element-facf0d4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4597 .elementor-element.elementor-element-3b478f2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4597 .elementor-element.elementor-element-3b478f2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4597 .elementor-element.elementor-element-3b478f2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4597 .elementor-element.elementor-element-3b478f2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-4597 .elementor-element.elementor-element-2b7889a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4597 .elementor-element.elementor-element-2b7889a .elementor-divider-separator{width:100%;}.elementor-4597 .elementor-element.elementor-element-2b7889a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4597 .elementor-element.elementor-element-e12abda .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4597 .elementor-element.elementor-element-e12abda .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4597 .elementor-element.elementor-element-e12abda{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4597 .elementor-element.elementor-element-e12abda .elementor-icon-list-text{transition:color 0.3s;}.elementor-4597 .elementor-element.elementor-element-ac4eede{padding:0px 0px 0px 0px;}.elementor-4597 .elementor-element.elementor-element-5574f46 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4597 .elementor-element.elementor-element-686a25a{margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-4597 .elementor-element.elementor-element-dddf5d5.elementor-column{width:30%;}.elementor-4597 .elementor-element.elementor-element-af7d723 .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );font-weight:var( --e-global-typography-dd40686-font-weight );line-height:var( --e-global-typography-dd40686-line-height );color:var( --e-global-color-primary );}.elementor-4597 .elementor-element.elementor-element-93f4e7c.elementor-column{width:70%;}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-item{border-width:0px;}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-icon, .elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-title{font-size:var( --e-global-typography-65eb5eb-font-size );font-weight:var( --e-global-typography-65eb5eb-font-weight );line-height:var( --e-global-typography-65eb5eb-line-height );}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-tab-title{padding:20px 0px 20px 0px;}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-tab-title .elementor-accordion-icon i:before{color:var( --e-global-color-a98acc2 );}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-tab-title .elementor-accordion-icon svg{fill:var( --e-global-color-a98acc2 );}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-tab-content{font-size:16px;line-height:1.3em;padding:15px 0px 50px 0px;}.elementor-4597 .elementor-element.elementor-element-3419625:not(.elementor-motion-effects-element-type-background), .elementor-4597 .elementor-element.elementor-element-3419625 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e34b233 );}.elementor-4597 .elementor-element.elementor-element-3419625{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-4597 .elementor-element.elementor-element-3419625 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4597 .elementor-element.elementor-element-e983943{text-align:center;}.elementor-4597 .elementor-element.elementor-element-e983943 .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );font-weight:var( --e-global-typography-dd40686-font-weight );line-height:var( --e-global-typography-dd40686-line-height );color:var( --e-global-color-f8423b9 );}.elementor-4597 .elementor-element.elementor-element-e648dd9 .elementor-button{padding:10px 24px 10px 24px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4597 .elementor-element.elementor-element-18685a1{width:27%;}.elementor-4597 .elementor-element.elementor-element-afa7bfa{width:32.666%;}.elementor-4597 .elementor-element.elementor-element-fd5f517{width:40%;}.elementor-4597 .elementor-element.elementor-element-d027a46{width:25%;}.elementor-4597 .elementor-element.elementor-element-5f37026{width:25%;}.elementor-4597 .elementor-element.elementor-element-43c227c{width:25%;}.elementor-4597 .elementor-element.elementor-element-6863e94{width:25%;}}@media(max-width:1024px){.elementor-4597 .elementor-element.elementor-element-4ec4006 .elementor-heading-title{font-size:var( --e-global-typography-9ea1cac-font-size );line-height:var( --e-global-typography-9ea1cac-line-height );}.elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-item > a{font-size:var( --e-global-typography-b77b825-font-size );line-height:var( --e-global-typography-b77b825-line-height );}.elementor-4597 .elementor-element.elementor-element-06c9bea.elementor-column{width:100%;}.elementor-4597 .elementor-element.elementor-element-06c9bea > .elementor-element-populated{padding:40px 24px 40px 24px;}.elementor-4597 .elementor-element.elementor-element-b86684d > .elementor-container{min-height:500px;}.elementor-4597 .elementor-element.elementor-element-686a25a{margin-top:60px;margin-bottom:50px;padding:0px 10px 0px 10px;}.elementor-4597 .elementor-element.elementor-element-dddf5d5.elementor-column{width:100%;}.elementor-4597 .elementor-element.elementor-element-af7d723{text-align:center;}.elementor-4597 .elementor-element.elementor-element-af7d723 .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}.elementor-4597 .elementor-element.elementor-element-93f4e7c.elementor-column{width:100%;}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-title{font-size:var( --e-global-typography-65eb5eb-font-size );line-height:var( --e-global-typography-65eb5eb-line-height );}.elementor-4597 .elementor-element.elementor-element-3419625{padding:90px 0px 90px 0px;}.elementor-4597 .elementor-element.elementor-element-e983943 .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}}@media(max-width:767px){.elementor-4597 .elementor-element.elementor-element-4ec4006 .elementor-heading-title{font-size:var( --e-global-typography-9ea1cac-font-size );line-height:var( --e-global-typography-9ea1cac-line-height );}.elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4597 .elementor-element.elementor-element-26dd082 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4597 .elementor-element.elementor-element-eaf3f45 .elementor-icon-list-item > a{font-size:var( --e-global-typography-b77b825-font-size );line-height:var( --e-global-typography-b77b825-line-height );}.elementor-4597 .elementor-element.elementor-element-af7d723 .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}.elementor-4597 .elementor-element.elementor-element-93f4e7c > .elementor-element-populated{margin:-20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-title{font-size:var( --e-global-typography-65eb5eb-font-size );line-height:var( --e-global-typography-65eb5eb-line-height );}.elementor-4597 .elementor-element.elementor-element-3419625{padding:50px 0px 50px 0px;}.elementor-4597 .elementor-element.elementor-element-c4218e1 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-4597 .elementor-element.elementor-element-e983943 .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}.elementor-4597 .elementor-element.elementor-element-e648dd9 .elementor-button{padding:10px 15px 10px 15px;}}/* Start responsive custom CSS for button, class: .elementor-element-1efbfd1 */@media(max-width:767px){.elementor-4597 .elementor-element.elementor-element-1efbfd1 .elementor-button-link{
    width: 100%;
}}/* End responsive custom CSS */
/* Start responsive custom CSS for button, class: .elementor-element-1efbfd1 */@media(max-width:767px){.elementor-4597 .elementor-element.elementor-element-1efbfd1 .elementor-button-link{
    width: 100%;
}}/* End responsive custom CSS */
/* Start responsive custom CSS for column, class: .elementor-element-06c9bea */@media(min-width:1025px){/*.elementor-4597 .elementor-element.elementor-element-06c9bea .elementor-widget-wrap > div >div{*/
/*    max-width: 36rem;*/
/*}*/}/* End responsive custom CSS */
/* Start responsive custom CSS for button, class: .elementor-element-1efbfd1 */@media(max-width:767px){.elementor-4597 .elementor-element.elementor-element-1efbfd1 .elementor-button-link{
    width: 100%;
}}/* End responsive custom CSS */
/* Start responsive custom CSS for button, class: .elementor-element-1efbfd1 */@media(max-width:767px){.elementor-4597 .elementor-element.elementor-element-1efbfd1 .elementor-button-link{
    width: 100%;
}}/* End responsive custom CSS */
/* Start responsive custom CSS for column, class: .elementor-element-06c9bea */@media(min-width:1025px){/*.elementor-4597 .elementor-element.elementor-element-06c9bea .elementor-widget-wrap > div >div{*/
/*    max-width: 36rem;*/
/*}*/}/* End responsive custom CSS */
/* Start custom CSS for section, class: .elementor-element-a5932e6 *//* =========================================================
   KEMAL AUTOMOTIVE
   S2 — FROM PROTOTYPE TO PRODUCTION
   CLEAN TYPOGRAPHY-NORMALIZED VERSION
   Elementor Classic + Optimized DOM
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 {
    --kemal-blue: #29738F;
    --kemal-blue-line: rgba(41, 115, 143, 0.28);

    --ink: #141719;
    --body: #30363A;
    --border: #DFE5E8;

    --kemal-font: "Lineto Circular", sans-serif;

    background: #FFFFFF !important;

    /* Hero → S2 breathing space */
    padding: 76px 18px 88px !important;

    overflow: visible !important;
}


/* =========================================================
   MAIN WIDTH
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 > .elementor-container {
    width: 100% !important;
    max-width: 1240px !important;
}


/* =========================================================
   H2 — MATCH KEMAL GLOBAL H2
   Verified global style:
   Lineto Circular / 32px / 500 / 35.2px
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-main-title {
    width: 100% !important;

    margin: 0 0 16px !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-main-title .elementor-heading-title {
    margin: 0 !important;

    color: #000000 !important;

    text-align: center !important;

    font-family: var(--kemal-font) !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 35.2px !important;

    letter-spacing: normal !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-intro {
    width: 100% !important;
    max-width: 840px !important;

    margin: 0 auto !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-intro p {
    margin: 0 !important;

    color: var(--body) !important;

    font-family: var(--kemal-font) !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   JOURNEY AREA
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 .automotive-journey {
    position: relative !important;

    margin-top: 40px !important;

    overflow: visible !important;
}

.elementor-4597 .elementor-element.elementor-element-a5932e6 .automotive-journey > .elementor-container {
    position: relative !important;

    width: 100% !important;
    max-width: 1240px !important;

    overflow: visible !important;
}

.elementor-4597 .elementor-element.elementor-element-a5932e6
.automotive-journey
> .elementor-container
> .elementor-row {

    position: relative !important;

    display: flex !important;
    align-items: stretch !important;

    overflow: visible !important;
}


/* =========================================================
   HORIZONTAL JOURNEY LINE
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6
.automotive-journey
> .elementor-container
> .elementor-row::before {

    content: "";

    position: absolute !important;

    top: 60px !important;

    left: 12.5% !important;
    right: 12.5% !important;

    height: 1px !important;

    background: var(--kemal-blue-line) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   FOUR STAGES
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage {
    position: relative !important;

    width: 25% !important;

    padding-left: 7px !important;
    padding-right: 7px !important;

    box-sizing: border-box !important;

    display: flex !important;

    overflow: visible !important;
}


/* =========================================================
   CARD
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6
.automotive-journey
.journey-stage
> .elementor-widget-wrap.elementor-element-populated {

    position: relative !important;

    width: 100% !important;
    flex: 1 1 auto !important;

    margin-top: 60px !important;

    padding:
        68px
        26px
        30px !important;

    background: #FFFFFF !important;

    border: 1px solid var(--border) !important;
    border-radius: 8px !important;

    box-shadow:
        0 13px 34px rgba(19, 35, 44, 0.060),
        0 3px 9px rgba(19, 35, 44, 0.025) !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: visible !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Subtle industrial hover */

@media (hover: hover) and (min-width: 1025px) {

    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .automotive-journey
    .journey-stage:hover
    > .elementor-widget-wrap.elementor-element-populated {

        border-color: rgba(41, 115, 143, 0.30) !important;

        box-shadow:
            0 17px 42px rgba(19, 35, 44, 0.085),
            0 4px 11px rgba(19, 35, 44, 0.03) !important;
    }
}


/* =========================================================
   NUMBER NODES
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage .journey-number,

.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
> .elementor-widget-wrap.elementor-element-populated
> .elementor-widget-heading:first-child {

    position: absolute !important;

    top: -32px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    width: 64px !important;
    height: 64px !important;

    margin: 0 !important;

    z-index: 5 !important;
}


.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
.journey-number
.elementor-widget-container,

.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
> .elementor-widget-wrap.elementor-element-populated
> .elementor-widget-heading:first-child
.elementor-widget-container {

    width: 64px !important;
    height: 64px !important;
}


.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
.journey-number
.elementor-heading-title,

.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
> .elementor-widget-wrap.elementor-element-populated
> .elementor-widget-heading:first-child
.elementor-heading-title {

    position: relative !important;

    width: 64px !important;
    height: 64px !important;

    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #FFFFFF !important;

    border: 2px solid var(--kemal-blue) !important;
    border-radius: 50% !important;

    color: var(--kemal-blue) !important;

    font-family: var(--kemal-font) !important;
    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: -0.02em !important;

    box-shadow:
        0 0 0 6px #FFFFFF,
        0 4px 13px rgba(41, 115, 143, 0.10) !important;
}


/* =========================================================
   NODE → CARD CONNECTOR
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
.journey-number
.elementor-heading-title::after,

.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
> .elementor-widget-wrap.elementor-element-populated
> .elementor-widget-heading:first-child
.elementor-heading-title::after {

    content: "";

    position: absolute !important;

    left: 50% !important;
    bottom: -20px !important;

    transform: translateX(-50%) !important;

    width: 1px !important;
    height: 20px !important;

    background: var(--kemal-blue) !important;

    opacity: 0.55 !important;
}


/* =========================================================
   RESET DEFAULT WIDGET SPACING
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage .elementor-widget {
    margin-bottom: 0 !important;
}


/* =========================================================
   CARD TITLES
   Component typography intentionally preserved
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-title {
    min-height: 68px !important;

    margin: 0 0 14px !important;
}

.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-title .elementor-heading-title {
    margin: 0 !important;

    color: var(--ink) !important;

    font-family: var(--kemal-font) !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;

    letter-spacing: -0.018em !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
.journey-title
+ .elementor-widget-text-editor {

    min-height: 92px !important;

    margin: 0 0 14px !important;
}


.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
.journey-title
+ .elementor-widget-text-editor p {

    margin: 0 !important;

    color: #2D3337 !important;

    font-family: var(--kemal-font) !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}


/* =========================================================
   BULLETS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-a5932e6
.journey-stage
.elementor-widget-text-editor:last-child {

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;
}


.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage ul {
    margin: 0 !important;

    padding-left: 21px !important;
}


.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage li {
    margin: 6px 0 !important;

    padding-left: 2px !important;

    color: #2D3337 !important;

    font-family: var(--kemal-font) !important;
    font-size: 17px !important;
    line-height: 1.48 !important;
    font-weight: 400 !important;
}


.elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage li::marker {
    color: var(--kemal-blue) !important;

    font-size: 0.82em !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4597 .elementor-element.elementor-element-a5932e6 {
        padding: 60px 22px 74px !important;
    }


    /*
       H2 intentionally stays on Kemal global H2 typography.
       Do not create a different 40px tablet heading.
    */


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-intro p {
        font-size: 17px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .automotive-journey {
        margin-top: 38px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .automotive-journey
    > .elementor-container
    > .elementor-row {

        display: block !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .automotive-journey
    > .elementor-container
    > .elementor-row::before {

        top: 32px !important;
        bottom: 32px !important;

        left: 29px !important;
        right: auto !important;

        width: 1px !important;
        height: auto !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage {

        width: 100% !important;

        padding:
            0
            0
            0
            74px !important;

        margin-bottom: 24px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .automotive-journey
    .journey-stage
    > .elementor-widget-wrap.elementor-element-populated {

        margin-top: 0 !important;

        padding:
            30px
            30px
            30px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage .journey-number,

    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .journey-stage
    > .elementor-widget-wrap.elementor-element-populated
    > .elementor-widget-heading:first-child {

        top: 26px !important;
        left: -61px !important;

        transform: none !important;

        width: 56px !important;
        height: 56px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .journey-stage
    .journey-number
    .elementor-heading-title::after,

    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .journey-stage
    > .elementor-widget-wrap.elementor-element-populated
    > .elementor-widget-heading:first-child
    .elementor-heading-title::after {

        display: none !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-title,
    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .journey-stage
    .journey-title
    + .elementor-widget-text-editor {

        min-height: auto !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4597 .elementor-element.elementor-element-a5932e6 {
        padding: 52px 17px 62px !important;
    }


    /*
       Use site H2 size.
       Only tighten line-height slightly for wrapping.
    */

    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-main-title .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.15 !important;
        font-weight: 500 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-intro p {
        font-size: 16px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .automotive-journey {
        margin-top: 34px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage {

        padding-left: 62px !important;

        margin-bottom: 18px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .automotive-journey
    .journey-stage
    > .elementor-widget-wrap.elementor-element-populated {

        padding: 25px 22px 26px !important;

        border-radius: 7px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage .journey-number,

    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .journey-stage
    > .elementor-widget-wrap.elementor-element-populated
    > .elementor-widget-heading:first-child {

        top: 22px !important;
        left: -53px !important;

        width: 48px !important;
        height: 48px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .journey-stage
    .journey-number
    .elementor-heading-title,

    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .journey-stage
    > .elementor-widget-wrap.elementor-element-populated
    > .elementor-widget-heading:first-child
    .elementor-heading-title {

        width: 48px !important;
        height: 48px !important;

        font-size: 16px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-title .elementor-heading-title {
        font-size: 22px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6
    .journey-stage
    .journey-title
    + .elementor-widget-text-editor p {

        font-size: 16.5px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-a5932e6 .journey-stage li {
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d0f7a16 *//* =========================================================
   KEMAL AUTOMOTIVE — S3 MANUFACTURING SERVICES
   VISUAL ONLY
   EA Advanced Tabs controls all interaction
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 {
    --kemal-blue: #29738F;
    --kemal-lime: #B8FF00;
    --kemal-ink: #151719;
    --kemal-body: #30363A;
    --kemal-line: #DDE3E6;

    background: #FFFFFF;
    padding-top: 72px;
    padding-bottom: 84px;
}


/* =========================================================
   H2
   Keep existing global Kemal typography
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-heading {
    width: 100%;
    margin: 0 0 44px;
    text-align: center;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-heading .elementor-heading-title {
    color: var(--kemal-ink);
    text-align: center;

    /* inherit whole-site typography */
    font-family: inherit;
}


/* =========================================================
   ADVANCED TABS WRAPPER
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs,
.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-advance-tabs {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;
}


/* =========================================================
   TAB NAVIGATION
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav {
    width: 100%;
    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul {
    display: flex;
    align-items: stretch;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    background: transparent;

    border: 0;
    border-bottom: 1px solid var(--kemal-line);
}


/* =========================================================
   INDIVIDUAL TAB
   Five equal tabs on desktop
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul > li {
    flex: 1 1 20%;
    width: 20%;
    max-width: 20%;

    min-height: 62px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 15px 12px 18px;

    box-sizing: border-box;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: inset 0 0 0 transparent;

    color: var(--kemal-ink);

    font-family: inherit;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;

    text-align: center;

    cursor: pointer;

    transition:
        color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Remove EA default active triangle */
.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul > li::before,
.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul > li::after {
    display: none !important;
}


/* =========================================================
   TAB HOVER
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul > li:hover {
    color: var(--kemal-blue);
}


/* =========================================================
   ACTIVE TAB
   Do NOT control panel visibility here
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul > li.active,
.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul > li.active-default,
.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul > li[aria-selected="true"] {
    color: var(--kemal-blue) !important;

    background: transparent !important;

    box-shadow:
        inset 0 -3px 0 var(--kemal-blue) !important;
}


/* =========================================================
   TAB CONTENT AREA
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-content {
    width: 100%;

    margin: 0;
    padding: 46px 0 0;

    background: transparent;

    border: 0;
    box-shadow: none;
}


/* =========================================================
   SAVED TEMPLATE OUTER SECTION
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-panel {
    width: 100%;

    margin: 0;
    padding: 0;

    background: transparent;

    border: 0;
    box-shadow: none;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-panel > .elementor-container {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
}


/* =========================================================
   THREE COLUMNS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-copy {
    width: 35%;
    flex: 0 0 35%;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-proof {
    width: 35%;
    flex: 0 0 35%;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-visual {
    width: 30%;
    flex: 0 0 30%;
}


/* =========================================================
   COLUMN INTERNAL SPACING
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-copy > .elementor-widget-wrap.elementor-element-populated {
    padding: 2px 48px 2px 0;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-proof > .elementor-widget-wrap.elementor-element-populated {
    padding: 2px 38px 2px 12px;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-visual > .elementor-widget-wrap.elementor-element-populated {
    padding: 0 0 0 28px;
}


/* =========================================================
   H3
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-title {
    margin: 0 0 18px;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-title .elementor-heading-title {
    margin: 0;

    color: var(--kemal-ink);

    font-family: inherit;
    line-height: 1.25;
    font-weight: 600;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-description {
    margin: 0 0 28px;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-description p {
    margin: 0;

    color: var(--kemal-body);

    font-family: inherit;
    font-size: 17px;
    line-height: 1.62;
    font-weight: 400;
}


/* =========================================================
   PROOF LIST
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-proof-list .elementor-icon-list-items {
    margin: 0;
    padding: 0;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-proof-list .elementor-icon-list-item {
    align-items: flex-start;

    margin: 0 0 22px;
    padding: 0;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-proof-list .elementor-icon-list-item:last-child {
    margin-bottom: 0;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-proof-list .elementor-icon-list-icon {
    width: 24px;
    min-width: 24px;

    margin-top: 4px;
    margin-right: 12px;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-proof-list .elementor-icon-list-icon i {
    color: var(--kemal-blue) !important;
    font-size: 16px;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-proof-list .elementor-icon-list-icon svg {
    width: 16px;
    height: 16px;

    fill: var(--kemal-blue) !important;
    color: var(--kemal-blue) !important;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-proof-list .elementor-icon-list-text {
    padding: 0;

    color: var(--kemal-body);

    font-family: inherit;
    font-size: 17px;
    line-height: 1.55;
    font-weight: 400;
}


/* =========================================================
   CTA
   Keep Kemal lime as conversion color
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-cta {
    margin: 0;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-cta .elementor-button {
    padding: 13px 20px;

    background: var(--kemal-lime);

    color: #0B0D0E;

    border: 0;
    border-radius: 2px;

    box-shadow: none;

    font-family: inherit;
    font-weight: 600;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-cta .elementor-button:hover {
    transform: translateY(-1px);

    box-shadow:
        0 5px 14px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   IMAGE
   Protolabs-style isolated product presentation
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-image {
    width: 100%;

    margin: 0;
    padding: 0;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-image .elementor-widget-container {
    width: 100%;

    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    overflow: visible;
}

.elementor-4597 .elementor-element.elementor-element-d0f7a16
.auto-services-tabs
.auto-service-image img {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 320px;

    margin: 0 auto;

    object-fit: contain;
    object-position: center;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 {
        padding-top: 60px;
        padding-bottom: 72px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav {
        overflow-x: auto;
        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul {
        min-width: 900px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-nav > ul > li {
        flex: 0 0 180px;

        width: 180px;
        max-width: 180px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16
    .auto-services-tabs
    .auto-service-panel > .elementor-container {
        flex-wrap: wrap;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-copy,
    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-proof {
        width: 50%;
        flex: 0 0 50%;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-visual {
        width: 100%;
        flex: 0 0 100%;

        margin-top: 34px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16
    .auto-services-tabs
    .auto-service-visual > .elementor-widget-wrap.elementor-element-populated {
        padding: 0;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 {
        padding-top: 48px;
        padding-bottom: 58px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-heading {
        margin-bottom: 30px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .eael-tabs-content {
        padding-top: 34px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-copy,
    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-proof,
    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-visual {
        width: 100%;
        flex: 0 0 100%;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16
    .auto-services-tabs
    .auto-service-copy > .elementor-widget-wrap.elementor-element-populated,
    .elementor-4597 .elementor-element.elementor-element-d0f7a16
    .auto-services-tabs
    .auto-service-proof > .elementor-widget-wrap.elementor-element-populated,
    .elementor-4597 .elementor-element.elementor-element-d0f7a16
    .auto-services-tabs
    .auto-service-visual > .elementor-widget-wrap.elementor-element-populated {
        padding: 0;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-copy {
        margin-bottom: 30px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16 .auto-services-tabs .auto-service-proof {
        margin-bottom: 34px;
    }

    .elementor-4597 .elementor-element.elementor-element-d0f7a16
    .auto-services-tabs
    .auto-service-image img {
        max-height: 280px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-29c2aab *//* =========================================================
   KEMAL AUTOMOTIVE
   S4 — AUTOMOTIVE PARTS WE MANUFACTURE
   Image-first Portfolio Carousel
   ========================================================= */


/* ---------------------------------------------------------
   1. SECTION
   No vertical padding here.
   Section spacing will be unified globally later.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab {
    --kemal-blue: #29738F;
    --kemal-white: #FFFFFF;
    --kemal-dark: #111517;

    position: relative;
    overflow: visible !important;
}


/* Keep S4 aligned with the 1240px content grid */

.elementor-4597 .elementor-element.elementor-element-29c2aab > .elementor-container {
    width: 100% !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
}


/* ---------------------------------------------------------
   2. SECTION HEADING
   Typography remains controlled by Kemal site styles.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-heading {
    width: 100%;
    margin-bottom: 12px !important;
    text-align: center;
}

.elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-heading .elementor-heading-title {
    margin: 0 !important;
    text-align: center;
    color: var(--kemal-dark);
}


/* ---------------------------------------------------------
   3. INTRO
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-intro {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 36px !important;
    text-align: center;
}

.elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-intro p {
    margin: 0 !important;
    text-align: center;
}


/* ---------------------------------------------------------
   4. CAROUSEL WRAPPER
   Keep Slick's own width calculations intact.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-carousel,
.elementor-4597 .elementor-element.elementor-element-29c2aab .elementor-widget-jet-carousel {
    position: relative !important;
    width: 100% !important;

    /*
     Allow only a controlled amount of the next slide
     to appear beyond the normal 1240px content boundary.
    */
    overflow: visible !important;
    clip-path: inset(-20px -120px -20px 0);
}


/* ---------------------------------------------------------
   5. SLICK VIEWPORT
   Important:
   visible overflow creates the "next-card peek".
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel .slick-list,
.elementor-4597 .elementor-element.elementor-element-29c2aab .elementor-widget-jet-carousel .slick-list {
    overflow: visible !important;
}


/* Keep track interaction untouched */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel .slick-track,
.elementor-4597 .elementor-element.elementor-element-29c2aab .elementor-widget-jet-carousel .slick-track {
    display: flex !important;
    align-items: stretch !important;
}


/* ---------------------------------------------------------
   6. GAP BETWEEN CARDS
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel .slick-slide,
.elementor-4597 .elementor-element.elementor-element-29c2aab .elementor-widget-jet-carousel .slick-slide {
    height: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}


/* Remove excessive outside gap */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel .slick-list {
    margin-left: -10px !important;
    margin-right: -10px !important;
}


/* ---------------------------------------------------------
   7. EQUAL CARD HEIGHT
   Every card uses the same 4:5 visual ratio.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item {
    height: 100% !important;
}

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-inner {
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #F2F3F3 !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   8. IMAGE
   Image becomes the entire card.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-img {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 0 !important;

    transition: transform 0.45s ease !important;

    z-index: 1 !important;
}


/* Image may be wrapped in a link */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-link {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    z-index: 1 !important;
}

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-link .jet-carousel__item-img {
    width: 100% !important;
    height: 100% !important;
}


/* ---------------------------------------------------------
   9. BOTTOM GRADIENT
   Strong enough for text readability,
   but still image-first.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-inner::after {
    content: "";

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 52% !important;

    background:
        linear-gradient(
            to bottom,
            rgba(8, 12, 14, 0) 0%,
            rgba(8, 12, 14, 0.12) 22%,
            rgba(8, 12, 14, 0.52) 58%,
            rgba(8, 12, 14, 0.88) 100%
        ) !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ---------------------------------------------------------
   10. CONTENT OVERLAY
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__content {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;

    padding: 28px 26px 25px !important;

    background: transparent !important;

    text-align: left !important;

    box-sizing: border-box !important;

    z-index: 3 !important;
}


/* ---------------------------------------------------------
   11. CARD TITLE — H3
   Keep Kemal typography; only control presentation.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-title {
    margin: 0 0 8px !important;

    color: #FFFFFF !important;

    text-align: left !important;
}


/* Links inside title */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}


/* ---------------------------------------------------------
   12. DESCRIPTION
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-text {
    margin: 0 !important;

    color: rgba(255, 255, 255, 0.88) !important;

    font-size: 15px !important;
    line-height: 1.48 !important;

    text-align: left !important;
}


/* Paragraphs inside description */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-text p {
    margin: 0 !important;
    color: inherit !important;
}


/* ---------------------------------------------------------
   13. REMOVE BUTTON
   S4 is visual recognition, not another service router.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-button {
    display: none !important;
}


/* ---------------------------------------------------------
   14. DESKTOP HOVER
   Very subtle, premium industrial interaction.
   --------------------------------------------------------- */

@media (hover: hover) and (min-width: 1025px) {

    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-inner:hover .jet-carousel__item-img {
        transform: scale(1.025) !important;
    }
}


/* ---------------------------------------------------------
   15. ARROWS
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-arrow {
    width: 42px !important;
    height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #FFFFFF !important;

    color: var(--kemal-blue) !important;

    border: 1px solid var(--kemal-blue) !important;
    border-radius: 50% !important;

    box-shadow: 0 4px 14px rgba(15, 35, 45, 0.10) !important;

    opacity: 1 !important;

    z-index: 20 !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease !important;
}


/* SVG / icon compatibility */

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-arrow svg {
    fill: currentColor !important;
}

.elementor-4597 .elementor-element.elementor-element-29c2aab .jet-arrow i {
    color: currentColor !important;
}


@media (hover: hover) {

    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-arrow:hover {
        background: var(--kemal-blue) !important;
        color: #FFFFFF !important;
    }
}


/* Arrow positions */

.elementor-4597 .elementor-element.elementor-element-29c2aab .prev-arrow {
    left: 12px !important;
}

.elementor-4597 .elementor-element.elementor-element-29c2aab .next-arrow {
    right: 12px !important;
}


/* Disabled state */

.elementor-4597 .elementor-element.elementor-element-29c2aab .slick-disabled {
    opacity: 0.28 !important;
    cursor: default !important;
}


/* =========================================================
   TABLET
   2 full cards + next-card peek
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-intro {
        margin-bottom: 30px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-carousel,
    .elementor-4597 .elementor-element.elementor-element-29c2aab .elementor-widget-jet-carousel {
        /*
         Smaller peek than desktop.
        */
        clip-path: inset(-20px -80px -20px 0);
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel .slick-slide,
    .elementor-4597 .elementor-element.elementor-element-29c2aab .elementor-widget-jet-carousel .slick-slide {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel .slick-list {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__content {
        padding: 24px 22px 22px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-arrow {
        width: 38px !important;
        height: 38px !important;
    }
}


/* =========================================================
   MOBILE
   1 full card + visible next-card cue
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-intro {
        margin-bottom: 24px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .automotive-parts-carousel,
    .elementor-4597 .elementor-element.elementor-element-29c2aab .elementor-widget-jet-carousel {
        /*
         Enough to clearly signal horizontal swipe,
         without making the card feel too narrow.
        */
        clip-path: inset(-16px -48px -16px 0);
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel .slick-slide,
    .elementor-4597 .elementor-element.elementor-element-29c2aab .elementor-widget-jet-carousel .slick-slide {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel .slick-list {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-inner {
        aspect-ratio: 4 / 5 !important;
        border-radius: 7px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-inner::after {
        height: 58% !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__content {
        padding: 22px 20px 20px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-carousel__item-text {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .jet-arrow {
        width: 34px !important;
        height: 34px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-29c2aab .prev-arrow {
        left: 8px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-29c2aab .next-arrow {
        right: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b4d93ae *//* =========================================================
   KEMAL AUTOMOTIVE
   S5 — DFM & ENGINEERING SUPPORT
   FINAL CLEAN VISUAL REBUILD
   ========================================================= */


/* =========================================================
   01 — SECTION
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae {
    --kemal-blue: #29738F;

    --heading: #000000;
    --subheading: #171A1C;
    --body: #3F4549;

    --divider: #E4E8EA;

    position: relative !important;

    background: #FFFFFF !important;

    /*
     Unified page rhythm:
     same value top and bottom.
    */
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


/* =========================================================
   02 — 1240PX CONTENT GRID
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae > .elementor-container {
    width: 100% !important;
    max-width: 1240px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   03 — MAIN H2
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-title {
    width: 100% !important;

    margin: 0 0 14px !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-title .elementor-widget-container {
    width: 100% !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-title .elementor-heading-title {
    margin: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 35.2px !important;
    letter-spacing: normal !important;

    color: #000000 !important;

    text-align: center !important;
}


/* =========================================================
   04 — INTRO
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-intro {
    width: 100% !important;
    max-width: 840px !important;

    /*
     IMPORTANT:
     This creates the breathing room you felt was missing.
    */
    margin: 0 auto 58px !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-intro .elementor-widget-container {
    width: 100% !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-intro p {
    margin: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: var(--body) !important;

    text-align: center !important;
}


/* =========================================================
   05 — TWO-COLUMN LAYOUT
   46% visual / 54% technical content
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-layout {
    width: 100% !important;

    margin: 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-layout > .elementor-container {
    width: 100% !important;
    max-width: none !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-layout
> .elementor-container
> .elementor-row {

    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;

    margin: 0 !important;
}


/* LEFT */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left {
    width: 46% !important;

    box-sizing: border-box !important;
}


/* RIGHT */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right {
    width: 54% !important;

    box-sizing: border-box !important;
}


/* =========================================================
   06 — LEFT / RIGHT SEPARATION

   IMAGE + CONTENT should not visually collide.

   LEFT CONTENT
        40px
          |
        divider
          |
        40px
   RIGHT CONTENT
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left > .elementor-column-wrap {
    padding:
        0 40px 0 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right > .elementor-column-wrap {
    padding:
        0 0 0 40px !important;

    border-left:
        1px solid var(--divider) !important;
}


/* Compatibility with Elementor versions
   where widget-wrap receives spacing directly */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left > .elementor-widget-wrap {
    padding-right: 40px !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right > .elementor-widget-wrap {
    padding-left: 40px !important;

    border-left:
        1px solid var(--divider) !important;
}


/* =========================================================
   07 — ENGINEERING IMAGE
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left .elementor-widget-image {
    width: 100% !important;

    margin: 0 0 32px !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
.elementor-widget-image
.elementor-widget-container {

    width: 100% !important;
    height: 390px !important;

    overflow: hidden !important;

    background: #FFFFFF !important;

    border:
        1px solid rgba(22, 35, 42, 0.06) !important;

    border-radius: 12px !important;

    /*
     Very restrained lift.
     Enough to upgrade the visual,
     not enough to look like a SaaS card.
    */
    box-shadow:
        0 10px 28px rgba(17, 30, 36, 0.06) !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
.elementor-widget-image img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 12px !important;

    transition:
        transform 0.45s ease !important;
}


/* Very subtle desktop interaction */

@media (hover: hover) and (min-width: 1025px) {

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
    .elementor-widget-image:hover img {

        transform:
            scale(1.015) !important;
    }
}


/* =========================================================
   08 — INTERNAL H3 SYSTEM

   Typical DFM Feedback
   = same visual hierarchy
   as all three right-side headings.
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-feedback
.elementor-heading-title,

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
.elementor-widget-heading
.elementor-heading-title {

    margin: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: normal !important;

    color: var(--subheading) !important;
}


/* Typical DFM title */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-feedback {
    width: 100% !important;

    margin: 0 0 17px !important;
}


/* Right H3 */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
.elementor-widget-heading {

    width: 100% !important;

    margin: 0 0 10px !important;
}


/* =========================================================
   09 — RIGHT-SIDE COPY

   No horizontal lines.
   Whitespace creates the hierarchy.
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
.elementor-widget-text-editor {

    width: 100% !important;

    margin: 0 0 34px !important;

    padding: 0 !important;

    border: none !important;

    text-align: left !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
.elementor-widget-text-editor p {

    margin: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    color: var(--body) !important;

    text-align: left !important;
}


/*
   Give Review #2 and #3 a little extra
   separation without adding visible lines.
*/

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
.elementor-widget-text-editor
+ .elementor-widget-heading {

    margin-top: 6px !important;
}


/* Final review paragraph */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
.elementor-widget-text-editor:last-of-type {

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

    border: none !important;
}


/* =========================================================
   10 — DFM FEEDBACK TAG AREA
   STRICT 2 × 2
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags {

    display: grid !important;

    grid-template-columns:
        max-content max-content !important;

    column-gap: 10px !important;
    row-gap: 9px !important;

    justify-content: start !important;

    width: 100% !important;

    margin: 0 !important;
}


/* =========================================================
   11 — SIMPLE COMPACT TAG

   One badge only.
   No nested icon box.
   No arrow.
   No fake tag silhouette.
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags span {

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;

    min-height: 29px !important;

    box-sizing: border-box !important;

    padding:
        5px 10px !important;

    background:
        var(--kemal-blue) !important;

    border: none !important;
    border-radius: 4px !important;

    box-shadow: none !important;
    clip-path: none !important;

    font-family:
        "Lineto Circular", sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    color: #FFFFFF !important;

    white-space: nowrap !important;
}


/* Simple check directly inside the badge */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags span::before {

    content: "✓" !important;

    position: static !important;

    display: inline !important;

    width: auto !important;
    height: auto !important;

    margin-right: 6px !important;

    padding: 0 !important;

    transform: none !important;

    background: none !important;

    color: #FFFFFF !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}


/* Kill all old decorative pseudo-elements */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags span::after {

    content: none !important;

    display: none !important;
}


/* =========================================================
   12 — CTA
   Only applies if the existing CTA remains in this Section.
   Does NOT require structural change.
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-cta {

    width: 100% !important;

    /*
     Keep it clearly separate from
     both the blue tags and technical content.
    */

    margin:
        54px 0 0 !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-cta
.elementor-widget-container {

    width: 100% !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-cta
.elementor-button {

    min-height: 48px !important;

    padding:
        13px 24px !important;

    font-family:
        "Lineto Circular", sans-serif !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    border-radius: 3px !important;
}


/* =========================================================
   13 — TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4597 .elementor-element.elementor-element-b4d93ae {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-intro {
        margin-bottom: 46px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
    > .elementor-column-wrap {

        padding-right:
            28px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
    > .elementor-column-wrap {

        padding-left:
            28px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
    > .elementor-widget-wrap {

        padding-right:
            28px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
    > .elementor-widget-wrap {

        padding-left:
            28px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
    .elementor-widget-image
    .elementor-widget-container {

        height: 350px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-feedback
    .elementor-heading-title,

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
    .elementor-widget-heading
    .elementor-heading-title {

        font-size: 21px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags {

        column-gap: 8px !important;
        row-gap: 8px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-cta {

        margin-top:
            46px !important;
    }
}


/* =========================================================
   14 — MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4597 .elementor-element.elementor-element-b4d93ae {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-title
    .elementor-heading-title {

        font-size: 28px !important;
        line-height: 1.18 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-intro {

        max-width: 100% !important;

        margin-bottom: 36px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-intro p {

        font-size: 17px !important;
    }


    /* Stack columns */

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-layout
    > .elementor-container
    > .elementor-row {

        display: flex !important;
        flex-direction: column !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left,
    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right {

        width: 100% !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left {

        margin-bottom: 44px !important;
    }


    /* Remove desktop separation */

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
    > .elementor-column-wrap,

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
    > .elementor-column-wrap,

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
    > .elementor-widget-wrap {

        padding-left: 0 !important;
        padding-right: 0 !important;

        border-left: none !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left
    .elementor-widget-image
    .elementor-widget-container {

        height: auto !important;

        aspect-ratio: 4 / 3 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-feedback
    .elementor-heading-title,

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
    .elementor-widget-heading
    .elementor-heading-title {

        font-size: 21px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right
    .elementor-widget-text-editor p {

        font-size: 16px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags {

        grid-template-columns:
            max-content max-content !important;

        gap: 8px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags span {

        min-height: 28px !important;

        padding:
            5px 8px !important;

        font-size: 11.5px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-cta {

        margin-top:
            40px !important;
    }
}


/* =========================================================
   15 — SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags {

        grid-template-columns:
            1fr !important;
    }


    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-tags span {

        justify-self: start !important;
    }
}



/* =========================================================
   S5 — FINAL SPACING & BALANCE REFINEMENT
   ========================================================= */


/* ---------------------------------------------------------
   1. Create a real section-header breathing zone
   Intro → main two-column content
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-intro {
    margin-bottom: 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-layout {
    margin-top: 56px !important;
}


/* ---------------------------------------------------------
   2. Keep the two-column division clean and restrained
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left > .elementor-column-wrap {
    padding-right: 42px !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right > .elementor-column-wrap {
    padding-left: 42px !important;
    border-left: 1px solid #E4E8EA !important;
}


/* Elementor compatibility */
.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left > .elementor-widget-wrap {
    padding-right: 42px !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right > .elementor-widget-wrap {
    padding-left: 42px !important;
    border-left: 1px solid #E4E8EA !important;
}


/* ---------------------------------------------------------
   3. Right-side review rhythm
   Keep each heading + description together.
   Do NOT artificially stretch the column.
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right .elementor-widget-heading {
    margin-bottom: 10px !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right .elementor-widget-text-editor {
    margin-bottom: 42px !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right .elementor-widget-text-editor:last-of-type {
    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   4. Left feedback area
   Give image → feedback a clear transition
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left .elementor-widget-image {
    margin-bottom: 34px !important;
}

.elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-feedback {
    margin-bottom: 17px !important;
}


/* ---------------------------------------------------------
   5. Section rhythm
   --------------------------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-b4d93ae {
    background: #FFFFFF !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


/* Tablet */
@media (max-width: 1024px) {

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-layout {
        margin-top: 46px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left > .elementor-column-wrap,
    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left > .elementor-widget-wrap {
        padding-right: 30px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right > .elementor-column-wrap,
    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right > .elementor-widget-wrap {
        padding-left: 30px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-b4d93ae {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
}


/* Mobile */
@media (max-width: 767px) {

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-layout {
        margin-top: 36px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left > .elementor-column-wrap,
    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-left > .elementor-widget-wrap,
    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right > .elementor-column-wrap,
    .elementor-4597 .elementor-element.elementor-element-b4d93ae .s5-dfm-right > .elementor-widget-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
    }

    .elementor-4597 .elementor-element.elementor-element-b4d93ae {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0d83087 *//* =========================================================
   KEMAL AUTOMOTIVE
   S6 — QUALITY, INSPECTION AND TRACEABILITY
   CLEAN FINAL VERSION
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 {
    --kemal-blue: #29738F;
    --heading: #000000;
    --subheading: #171A1C;
    --body: #41484C;
    --muted: #737C80;
    --line: #E4E8EA;

    position: relative !important;

    background: #FFFFFF !important;

    padding-top: 0 !important;
    padding-bottom: 64px !important;
}


/* =========================================================
   PAGE WIDTH
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 > .elementor-container {
    width: 100% !important;
    max-width: 1240px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   SECTION TITLE
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-title {
    width: 100% !important;

    margin: 0 0 14px !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-title .elementor-widget-container {
    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 35.2px !important;

    color: #000000 !important;

    text-align: center !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-intro {
    width: 100% !important;
    max-width: 840px !important;

    margin: 0 auto !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-intro .elementor-widget-container {
    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-intro p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: #3F4549 !important;

    text-align: center !important;
}


/* =========================================================
   INTRO → MAIN CONTENT
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout {
    width: 100% !important;

    margin-top: 48px !important;
}


/* =========================================================
   THREE-COLUMN STRUCTURE
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout > .elementor-container {
    width: 100% !important;
    max-width: none !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout
> .elementor-container
> .elementor-row {

    display: flex !important;

    width: 100% !important;

    margin: 0 !important;

    align-items: stretch !important;
}


/*
   Balanced desktop proportions
*/

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems {
    width: 28% !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual {
    width: 36% !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence {
    width: 36% !important;
}


/* =========================================================
   COLUMN SPACING
   No vertical divider lines
   ========================================================= */

/* LEFT */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
> .elementor-column-wrap
> .elementor-widget-wrap,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
> .elementor-widget-wrap {

    min-height: 500px !important;

    padding: 0 30px 0 0 !important;

    border: none !important;
}


/* MIDDLE */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
> .elementor-column-wrap
> .elementor-widget-wrap,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
> .elementor-widget-wrap {

    position: relative !important;

    height: 500px !important;

    padding: 0 14px !important;

    overflow: hidden !important;

    background: #111619 !important;

    border: none !important;
    border-radius: 0 !important;
}


/* RIGHT */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
> .elementor-column-wrap
> .elementor-widget-wrap,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
> .elementor-widget-wrap {

    min-height: 500px !important;

    padding: 0 0 0 30px !important;

    border: none !important;
}


/* =========================================================
   LEFT — QUALITY SYSTEMS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-heading:first-child {

    margin: 0 0 28px !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-heading:first-child
.elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    color: var(--subheading) !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   CERTIFICATE TITLES
   Completely remove old blue accents
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-heading:not(:first-child) {

    position: relative !important;

    margin: 0 0 7px !important;

    padding: 0 !important;
}


/* Remove all old blue vertical bars */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-heading:not(:first-child)::before,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-heading:not(:first-child)::after {

    content: none !important;

    display: none !important;
}


.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-heading:not(:first-child)
.elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    /*
       Certificates stay dark.
       Do NOT turn them brand blue.
    */
    color: #172126 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   CERTIFICATE DESCRIPTIONS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-text-editor {

    margin: 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-text-editor p {

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    color: var(--body) !important;
}


/* =========================================================
   CERTIFICATE DIVIDERS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-widget-divider {

    margin: 23px 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
.elementor-divider-separator {

    width: 100% !important;

    border-top: 1px solid var(--line) !important;
}


/* =========================================================
   IATF STATUS
   Plain text only
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-iatf-status {

    margin-top: 7px !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-iatf-status p {

    display: block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    color: var(--muted) !important;

    box-shadow: none !important;
}


/* Remove old status decoration */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-iatf-status p::before,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-iatf-status p::after {

    content: none !important;

    display: none !important;
}


/* =========================================================
   MIDDLE — CMM IMAGE
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image {

    position: absolute !important;

    inset: 0 14px !important;

    width: auto !important;
    height: 100% !important;

    margin: 0 !important;

    z-index: 1 !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image
.elementor-widget-container {

    width: 100% !important;
    height: 100% !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 0 !important;

    filter:
        saturate(.92)
        contrast(1.02) !important;
}


/* =========================================================
   IMAGE GRADIENT
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
> .elementor-column-wrap
> .elementor-widget-wrap::after,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
> .elementor-widget-wrap::after {

    content: "";

    position: absolute !important;

    left: 14px !important;
    right: 14px !important;
    bottom: 0 !important;

    height: 34% !important;

    background:
        linear-gradient(
            to bottom,
            rgba(7,12,15,0) 0%,
            rgba(7,12,15,.18) 30%,
            rgba(7,12,15,.82) 100%
        ) !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* =========================================================
   IMAGE TITLE
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image-title {

    position: absolute !important;

    left: 36px !important;
    right: 36px !important;
    bottom: 58px !important;

    margin: 0 !important;

    z-index: 3 !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image-title
.elementor-heading-title {

    margin: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    color: #FFFFFF !important;
}


/* =========================================================
   IMAGE DESCRIPTION
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image-text {

    position: absolute !important;

    left: 36px !important;
    right: 36px !important;
    bottom: 21px !important;

    margin: 0 !important;

    z-index: 3 !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image-text p {

    margin: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    color: rgba(255,255,255,.90) !important;
}


/* =========================================================
   RIGHT — GROUP HEADINGS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-widget-heading {

    margin: 0 0 19px !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-widget-heading
.elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    color: var(--subheading) !important;
}


/* =========================================================
   RIGHT — ICON LISTS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-widget-icon-list {

    margin: 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-icon-list-items {

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-icon-list-item {

    display: flex !important;

    align-items: flex-start !important;

    margin: 0 0 15px !important;

    padding: 0 !important;
}


/* Last item does not need extra bottom gap */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-icon-list-item:last-child {

    margin-bottom: 0 !important;
}


/* Check icon */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-icon-list-icon {

    display: flex !important;

    align-items: flex-start !important;
    justify-content: center !important;

    width: 20px !important;
    height: auto !important;

    margin-right: 11px !important;
    margin-top: 2px !important;

    flex: 0 0 20px !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;
}


/* Brand blue is used ONLY as small accent */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-icon-list-icon i,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-icon-list-icon svg {

    color: var(--kemal-blue) !important;
    fill: var(--kemal-blue) !important;

    font-size: 16px !important;
}


/* List text */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-icon-list-text {

    padding: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;

    color: #252A2D !important;
}


/* =========================================================
   DIVIDER BETWEEN RIGHT GROUPS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-widget-divider {

    margin: 27px 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
.elementor-divider-separator {

    width: 100% !important;

    border-top: 1px solid var(--line) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4597 .elementor-element.elementor-element-0d83087 {

        padding-bottom: 56px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout {

        margin-top: 40px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout
    > .elementor-container
    > .elementor-row {

        flex-wrap: wrap !important;
    }

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems {

        width: 38% !important;
    }

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual {

        width: 62% !important;
    }

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence {

        width: 100% !important;

        margin-top: 40px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
    > .elementor-widget-wrap {

        min-height: 460px !important;

        padding-right: 28px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-widget-wrap {

        height: 460px !important;

        padding: 0 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image {

        inset: 0 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-column-wrap
    > .elementor-widget-wrap::after,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-widget-wrap::after {

        left: 0 !important;
        right: 0 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
    > .elementor-widget-wrap {

        min-height: 0 !important;

        padding: 34px 0 0 !important;

        border-top: 1px solid var(--line) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4597 .elementor-element.elementor-element-0d83087 {

        padding-bottom: 48px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-title
    .elementor-heading-title {

        font-size: 28px !important;
        line-height: 1.18 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-intro p {

        font-size: 17px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout {

        margin-top: 32px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout
    > .elementor-container
    > .elementor-row {

        display: flex !important;

        flex-direction: column !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems,
    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual,
    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence {

        width: 100% !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-systems
    > .elementor-widget-wrap {

        min-height: 0 !important;

        padding: 0 !important;

        margin-bottom: 36px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-widget-wrap {

        height: 430px !important;

        padding: 0 !important;

        margin-bottom: 38px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image {

        inset: 0 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-column-wrap
    > .elementor-widget-wrap::after,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-widget-wrap::after {

        left: 0 !important;
        right: 0 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image-title {

        left: 22px !important;
        right: 22px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image-text {

        left: 22px !important;
        right: 22px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence {

        margin-top: 0 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
    > .elementor-widget-wrap {

        min-height: 0 !important;

        padding: 0 !important;

        border-top: 0 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
    .elementor-widget-heading
    .elementor-heading-title {

        font-size: 21px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-evidence
    .elementor-icon-list-text {

        font-size: 14px !important;
    }

}



/* =========================================================
   S6 FINAL VISUAL TUNING
   1. Remove black image edges
   2. Shorten and vertically center CMM image
   3. Improve header-to-content breathing
   ========================================================= */


/* -----------------------------------------
   H2 + intro → main three-column content
   ----------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout {
    margin-top: 56px !important;
}


/* -----------------------------------------
   Middle visual column
   Center the shorter image vertically
   ----------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual {
    display: flex !important;
    align-items: center !important;
}


/* Control image block height.
   Remove the dark background and side padding
   that caused the black vertical strips. */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
> .elementor-column-wrap
> .elementor-widget-wrap,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
> .elementor-widget-wrap {

    height: 450px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    background: transparent !important;

    border: none !important;

    overflow: hidden !important;
}


/* -----------------------------------------
   Image: fill the full visual frame
   ----------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image {

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image
.elementor-widget-container {

    width: 100% !important;
    height: 100% !important;
}

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image img {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/* -----------------------------------------
   Gradient must also cover full image width
   ----------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
> .elementor-column-wrap
> .elementor-widget-wrap::after,

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
> .elementor-widget-wrap::after {

    left: 0 !important;
    right: 0 !important;
}


/* -----------------------------------------
   Keep CMM title aligned after removing 14px
   image inset
   ----------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image-title {
    left: 22px !important;
    right: 22px !important;
    bottom: 22px !important;
}


/* If the descriptive text widget still exists,
   hide it. We only need "CMM Inspection".
   ----------------------------------------- */

.elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-image-text {
    display: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout {
        margin-top: 48px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-widget-wrap {

        height: 440px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-layout {
        margin-top: 36px !important;
    }

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-4597 .elementor-element.elementor-element-0d83087 .s6-quality-visual
    > .elementor-widget-wrap {

        height: 390px !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6cdc404 *//* =========================================================
   KEMAL AUTOMOTIVE
   AUTOMOTIVE PROOF BAND
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-6cdc404 {
    --kemal-blue: #29738F;
    --proof-bg: #F4F6F7;
    --proof-heading: #171A1C;
    --proof-line: #D9E0E3;

    width: 100% !important;

    background: var(--proof-bg) !important;

    /*
     This is a proof band, not a full content section.
     Keep it tighter than normal S2–S8 sections.
    */
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}


/* =========================================================
   01 — WIDTH
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-6cdc404 > .elementor-container {
    width: 100% !important;
    max-width: 1240px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   02 — FOUR-COLUMN GRID
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-grid {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-grid > .elementor-container {
    width: 100% !important;
    max-width: none !important;
}

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-grid
> .elementor-container
> .elementor-row {

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;

    margin: 0 !important;
}


/* Stop Elementor column width settings fighting the grid */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item {
    position: relative !important;

    width: auto !important;
    max-width: none !important;

    box-sizing: border-box !important;

    padding-left: 30px !important;
    padding-right: 30px !important;

    text-align: center !important;
}


/* =========================================================
   03 — VERTICAL DIVIDERS
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item:not(:first-child)::before {
    content: "";

    position: absolute !important;

    left: 0 !important;
    top: 8px !important;
    bottom: 8px !important;

    width: 1px !important;

    background: var(--proof-line) !important;
}


/* =========================================================
   04 — COUNTER
   Large premium brand-blue number
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
.elementor-widget-counter {

    margin: 0 0 10px !important;
}


/* Counter number wrapper */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
.elementor-counter-number-wrapper {

    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;

    margin: 0 !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 60px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -1.8px !important;

    color: var(--kemal-blue) !important;
}


/* Actual number */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
.elementor-counter-number {

    color: var(--kemal-blue) !important;
}


/* + suffix */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
.elementor-counter-number-suffix {

    margin-left: 2px !important;

    color: var(--kemal-blue) !important;

    font-size: .58em !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    vertical-align: top !important;
}


/* Hide Counter's own title if Elementor leaves an empty wrapper */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
.elementor-counter-title {

    display: none !important;
}


/* =========================================================
   05 — LABEL
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-label {
    width: 100% !important;

    margin: 0 !important;

    text-align: center !important;
}

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-label .elementor-heading-title {

    max-width: 210px !important;

    margin: 0 auto !important;

    font-family: "Lineto Circular", sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;

    color: var(--proof-heading) !important;

    text-align: center !important;
}


/* =========================================================
   06 — SUBTLE ENTRY POLISH
   No hover gimmicks.
   ========================================================= */

.elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
.elementor-counter-number-wrapper {

    transition: transform .25s ease !important;
}


@media (hover: hover) and (min-width: 1025px) {

    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item:hover
    .elementor-counter-number-wrapper {

        transform: translateY(-2px) !important;
    }
}


/* =========================================================
   07 — TABLET
   2 × 2
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-4597 .elementor-element.elementor-element-6cdc404 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-grid
    > .elementor-container
    > .elementor-row {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        row-gap: 0 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item {
        padding:
            30px 24px !important;
    }


    /* vertical divider between columns 1/2 and 3/4 */

    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item::before {
        display: none !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item:nth-child(even)::before {

        content: "";

        display: block !important;

        position: absolute !important;

        left: 0 !important;
        top: 24px !important;
        bottom: 24px !important;

        width: 1px !important;

        background: var(--proof-line) !important;
    }


    /* horizontal divider between the two rows */

    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item:nth-child(n+3)::after {

        content: "";

        position: absolute !important;

        left: 24px !important;
        right: 24px !important;
        top: 0 !important;

        height: 1px !important;

        background: var(--proof-line) !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
    .elementor-counter-number-wrapper {

        font-size: 52px !important;
    }
}


/* =========================================================
   08 — MOBILE
   Keep 2 × 2 for a stronger visual band
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4597 .elementor-element.elementor-element-6cdc404 {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-grid
    > .elementor-container
    > .elementor-row {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item {

        padding:
            24px 12px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
    .elementor-counter-number-wrapper {

        font-size: 42px !important;
        letter-spacing: -1px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-label
    .elementor-heading-title {

        max-width: 145px !important;

        font-size: 13px !important;
        line-height: 1.35 !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item:nth-child(even)::before {

        top: 20px !important;
        bottom: 20px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item:nth-child(n+3)::after {

        left: 12px !important;
        right: 12px !important;
    }
}


/* =========================================================
   09 — VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-item
    .elementor-counter-number-wrapper {

        font-size: 38px !important;
    }


    .elementor-4597 .elementor-element.elementor-element-6cdc404 .proof-band-label
    .elementor-heading-title {

        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-96f7d35 */.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-item{
    border-bottom: 1px solid rgba(0,0,0,.13)!important;
}/* End custom CSS */
/* Start responsive custom CSS for accordion, class: .elementor-element-96f7d35 */@media(max-width:767px){.elementor-4597 .elementor-element.elementor-element-96f7d35 .elementor-accordion-icon{
    margin-left: 20px;
}}/* End responsive custom CSS */
/* Start custom CSS for section, class: .elementor-element-686a25a */.elementor-4597 .elementor-element.elementor-element-686a25a .purple{
    color: var(--e-global-color-accent);
}/* End custom CSS */