.elementor-30324 .elementor-element.elementor-element-12341ce:not(.elementor-motion-effects-element-type-background), .elementor-30324 .elementor-element.elementor-element-12341ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.staging.kemalmfg.com/wp-content/uploads/5-axis-cnc-machining-in-house-production.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-30324 .elementor-element.elementor-element-12341ce > .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-30324 .elementor-element.elementor-element-12341ce > .elementor-container{min-height:650px;}.elementor-30324 .elementor-element.elementor-element-12341ce{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-30324 .elementor-element.elementor-element-2bb9204 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-30324 .elementor-element.elementor-element-2bb9204 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-4ceb52e > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-30324 .elementor-element.elementor-element-4ceb52e .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-30324 .elementor-element.elementor-element-955d41e .elementor-heading-title{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 );color:var( --e-global-color-7cb9dc1 );}.elementor-30324 .elementor-element.elementor-element-d327061 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-30324 .elementor-element.elementor-element-d327061 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-30324 .elementor-element.elementor-element-d327061{--e-icon-list-icon-size:14px;--icon-vertical-align:flex-start;--icon-vertical-offset:9px;}.elementor-30324 .elementor-element.elementor-element-d327061 .elementor-icon-list-text{color:var( --e-global-color-7cb9dc1 );transition:color 0.3s;}.elementor-30324 .elementor-element.elementor-element-3fec417 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-3fec417 .elementor-button{padding:15px 24px 15px 24px;}.elementor-30324 .elementor-element.elementor-element-558f6bc > .elementor-container{max-width:850px;}.elementor-30324 .elementor-element.elementor-element-558f6bc{margin-top:100px;margin-bottom:0px;}.elementor-30324 .elementor-element.elementor-element-4e5a261.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-30324 .elementor-element.elementor-element-4e5a261 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-30324 .elementor-element.elementor-element-d732ff9{text-align:center;}.elementor-30324 .elementor-element.elementor-element-d732ff9 .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-30324 .elementor-element.elementor-element-102278f{margin-top:0px;margin-bottom:100px;}.elementor-30324 .elementor-element.elementor-element-2c374c5 > .elementor-widget-container{margin:0px 80px 0px 80px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table{max-width:100%;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table thead tr th{color:#000000;background-color:#D7FC00;}.elementor-30324 .elementor-element.elementor-element-2c374c5 table.dataTable thead .sorting:after{color:#000000;}.elementor-30324 .elementor-element.elementor-element-2c374c5 table.dataTable thead .sorting_asc:after{color:#000000;}.elementor-30324 .elementor-element.elementor-element-2c374c5 table.dataTable thead .sorting_desc:after{color:#000000;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table thead tr th:hover{color:#fff;}.elementor-30324 .elementor-element.elementor-element-2c374c5 table.dataTable thead .sorting:after:hover{color:#fff;}.elementor-30324 .elementor-element.elementor-element-2c374c5 table.dataTable thead .sorting_asc:after:hover{color:#fff;}.elementor-30324 .elementor-element.elementor-element-2c374c5 table.dataTable thead .sorting_desc:after:hover{color:#fff;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table thead tr th i{font-size:20px;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table thead tr th .data-table-header-svg-icon{height:20px;width:20px;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table tbody > tr:nth-child(2n) td{color:#000000;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table tbody > tr:nth-child(2n+1) td{color:#000000;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table tbody > tr:nth-child(2n+1) td:hover{color:#6d7882;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table-wrap table td a{color:#c15959;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table-wrap table td a:hover{color:#6d7882;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table tbody .td-content-wrapper{text-align:left;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon i{font-size:20px;color:#c15959;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon svg{height:20px;width:20px;fill:#c15959;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon i{color:#6d7882;}.elementor-30324 .elementor-element.elementor-element-2c374c5 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon svg{fill:#6d7882;}.elementor-30324 .elementor-element.elementor-element-93a43f8 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-93a43f8{text-align:center;}.elementor-30324 .elementor-element.elementor-element-93a43f8 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-0c67dce > .elementor-widget-container{margin:20px 20px 20px 20px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-0c67dce .elementor-button{padding:15px 15px 15px 15px;}.elementor-30324 .elementor-element.elementor-element-ab75a68{margin-top:0px;margin-bottom:100px;}.elementor-30324 .elementor-element.elementor-element-2870bdd > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-30324 .elementor-element.elementor-element-2870bdd{text-align:center;}.elementor-30324 .elementor-element.elementor-element-2870bdd .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-30324 .elementor-element.elementor-element-d0f0de1 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-30324 .elementor-element.elementor-element-d0f0de1{text-align:center;}.elementor-30324 .elementor-element.elementor-element-d0f0de1 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-79977b0{margin-top:0px;margin-bottom:30px;}.elementor-30324 .elementor-element.elementor-element-3697ad3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-3697ad3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-3697ad3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-3697ad3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-5b8a502 img{width:100%;}.elementor-30324 .elementor-element.elementor-element-fe389f2 > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-fe389f2{text-align:center;}.elementor-30324 .elementor-element.elementor-element-fe389f2 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-0821815 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-0821815{text-align:center;}.elementor-30324 .elementor-element.elementor-element-0821815 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-2d8981b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-2d8981b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-2d8981b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-2d8981b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-71da16a img{width:100%;}.elementor-30324 .elementor-element.elementor-element-c1af913 > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-c1af913{text-align:center;}.elementor-30324 .elementor-element.elementor-element-c1af913 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-1907e75 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-1907e75{text-align:center;}.elementor-30324 .elementor-element.elementor-element-1907e75 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-b74378d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-b74378d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-b74378d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-b74378d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-25c2dd1 img{width:100%;}.elementor-30324 .elementor-element.elementor-element-905a200 > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-905a200{text-align:center;}.elementor-30324 .elementor-element.elementor-element-905a200 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-9fd4845 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-9fd4845{text-align:center;}.elementor-30324 .elementor-element.elementor-element-9fd4845 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-3620f07{margin-top:0px;margin-bottom:30px;}.elementor-30324 .elementor-element.elementor-element-fb21baa:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-fb21baa > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-fb21baa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-fb21baa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-9da648a img{width:100%;}.elementor-30324 .elementor-element.elementor-element-0f36eed > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-0f36eed{text-align:center;}.elementor-30324 .elementor-element.elementor-element-0f36eed .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-6ccf77f > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-6ccf77f{text-align:center;}.elementor-30324 .elementor-element.elementor-element-6ccf77f .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-c466434:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-c466434 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-c466434 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-c466434 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-937bee7 img{width:100%;}.elementor-30324 .elementor-element.elementor-element-3a8ffad > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-3a8ffad{text-align:center;}.elementor-30324 .elementor-element.elementor-element-3a8ffad .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-5c161be > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-5c161be{text-align:center;}.elementor-30324 .elementor-element.elementor-element-5c161be .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-710eec2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-710eec2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-710eec2 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-710eec2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-254f8c1 img{width:100%;}.elementor-30324 .elementor-element.elementor-element-d093ad0 > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-d093ad0{text-align:center;}.elementor-30324 .elementor-element.elementor-element-d093ad0 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-895694f > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-895694f{text-align:center;}.elementor-30324 .elementor-element.elementor-element-895694f .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-68325ae:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-68325ae > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-68325ae > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-68325ae > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-b0f4689 img{width:100%;}.elementor-30324 .elementor-element.elementor-element-b61f90d > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-b61f90d{text-align:center;}.elementor-30324 .elementor-element.elementor-element-b61f90d .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-88a5af1{--spacer-size:9px;}.elementor-30324 .elementor-element.elementor-element-274a203 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-274a203{text-align:center;}.elementor-30324 .elementor-element.elementor-element-274a203 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-afc27c0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-afc27c0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-afc27c0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-afc27c0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-c026e49 img{width:100%;}.elementor-30324 .elementor-element.elementor-element-ea48bf0 > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-ea48bf0{text-align:center;}.elementor-30324 .elementor-element.elementor-element-ea48bf0 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-2d99500 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-2d99500{text-align:center;}.elementor-30324 .elementor-element.elementor-element-2d99500 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-364c11e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-30324 .elementor-element.elementor-element-364c11e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-364c11e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-364c11e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-b22fcf5 img{width:100%;}.elementor-30324 .elementor-element.elementor-element-b8f6107 > .elementor-widget-container{background-color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-b8f6107{text-align:center;}.elementor-30324 .elementor-element.elementor-element-b8f6107 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-fec30de{--spacer-size:9px;}.elementor-30324 .elementor-element.elementor-element-eec6e95 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-30324 .elementor-element.elementor-element-eec6e95{text-align:center;}.elementor-30324 .elementor-element.elementor-element-eec6e95 .elementor-heading-title{color:var( --e-global-color-f8423b9 );}.elementor-30324 .elementor-element.elementor-element-ab3adda{margin-top:0px;margin-bottom:100px;}.elementor-30324 .elementor-element.elementor-element-97d76d7{text-align:start;}.elementor-30324 .elementor-element.elementor-element-97d76d7 .elementor-heading-title{color:#111111;}.elementor-30324 .elementor-element.elementor-element-79610bd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-30324 .elementor-element.elementor-element-79610bd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-30324 .elementor-element.elementor-element-79610bd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-30324 .elementor-element.elementor-element-79610bd .elementor-icon-list-text{color:#1F1F1F;transition:color 0.3s;}.elementor-30324 .elementor-element.elementor-element-176a3b2{margin-top:0px;margin-bottom:100px;}.elementor-30324 .elementor-element.elementor-element-5d6fa99{margin-top:0px;margin-bottom:0px;padding:0px 0px 100px 0px;}.elementor-30324 .elementor-element.elementor-element-46eeb1b > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-30324 .elementor-element.elementor-element-46eeb1b{text-align:center;}.elementor-30324 .elementor-element.elementor-element-46eeb1b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-7ce1c8b > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-30324 .elementor-element.elementor-element-7ce1c8b{text-align:center;}.elementor-30324 .elementor-element.elementor-element-7ce1c8b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-30324 .elementor-element.elementor-element-b5fedd1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(36px/2);}.elementor-30324 .elementor-element.elementor-element-b5fedd1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(36px/2);}.elementor-30324 .elementor-element.elementor-element-b5fedd1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(36px/2);}.elementor-30324 .elementor-element.elementor-element-b5fedd1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-36px/2);}.elementor-30324 .elementor-element.elementor-element-b5fedd1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-36px/2);}.elementor-30324 .elementor-element.elementor-element-b5fedd1 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-30324 .elementor-element.elementor-element-b5fedd1 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-30324 .elementor-element.elementor-element-b5fedd1{--e-icon-list-icon-size:14px;--icon-vertical-align:flex-start;--icon-vertical-offset:9px;}.elementor-30324 .elementor-element.elementor-element-b5fedd1 .elementor-icon-list-text{transition:color 0.3s;}.elementor-30324 .elementor-element.elementor-element-1cd964f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(36px/2);}.elementor-30324 .elementor-element.elementor-element-1cd964f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(36px/2);}.elementor-30324 .elementor-element.elementor-element-1cd964f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(36px/2);}.elementor-30324 .elementor-element.elementor-element-1cd964f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-36px/2);}.elementor-30324 .elementor-element.elementor-element-1cd964f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-36px/2);}.elementor-30324 .elementor-element.elementor-element-1cd964f .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-30324 .elementor-element.elementor-element-1cd964f .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-30324 .elementor-element.elementor-element-1cd964f{--e-icon-list-icon-size:14px;--icon-vertical-align:flex-start;--icon-vertical-offset:9px;}.elementor-30324 .elementor-element.elementor-element-1cd964f .elementor-icon-list-text{transition:color 0.3s;}.elementor-30324 .elementor-element.elementor-element-68d3a78{margin-top:0px;margin-bottom:0px;padding:0px 0px 100px 0px;}.elementor-30324 .elementor-element.elementor-element-561eeb7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-30324 .elementor-element.elementor-element-23011a2{padding:50px 0px 0px 0px;}.elementor-30324 .elementor-element.elementor-element-45d660a{margin-top:0px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-30324 .elementor-element.elementor-element-f40c821.elementor-column{width:30%;}.elementor-30324 .elementor-element.elementor-element-cd0b70f .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-30324 .elementor-element.elementor-element-ee5151a.elementor-column{width:70%;}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-item{border-width:0px;}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-icon, .elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .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-30324 .elementor-element.elementor-element-d8cb1ff .elementor-tab-title{padding:20px 0px 20px 0px;}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-tab-title .elementor-accordion-icon i:before{color:var( --e-global-color-a98acc2 );}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-tab-title .elementor-accordion-icon svg{fill:var( --e-global-color-a98acc2 );}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-tab-content{font-size:16px;line-height:1.3em;padding:15px 0px 50px 0px;}.elementor-30324 .elementor-element.elementor-element-abd9ad4:not(.elementor-motion-effects-element-type-background), .elementor-30324 .elementor-element.elementor-element-abd9ad4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e34b233 );}.elementor-30324 .elementor-element.elementor-element-abd9ad4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-30324 .elementor-element.elementor-element-abd9ad4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-30324 .elementor-element.elementor-element-2fef61a{text-align:center;}.elementor-30324 .elementor-element.elementor-element-2fef61a .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-30324 .elementor-element.elementor-element-d8a6fd4 .elementor-button{padding:10px 24px 10px 24px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-30324 .elementor-element.elementor-element-7d21218{width:55%;}.elementor-30324 .elementor-element.elementor-element-303a9e8{width:45%;}.elementor-30324 .elementor-element.elementor-element-7ba91fd{width:25%;}.elementor-30324 .elementor-element.elementor-element-93d184f{width:25%;}.elementor-30324 .elementor-element.elementor-element-272d734{width:49.664%;}}@media(max-width:1024px){.elementor-30324 .elementor-element.elementor-element-12341ce > .elementor-container{min-height:500px;}.elementor-30324 .elementor-element.elementor-element-2bb9204.elementor-column{width:100%;}.elementor-30324 .elementor-element.elementor-element-2bb9204 > .elementor-element-populated{padding:40px 24px 40px 24px;}.elementor-30324 .elementor-element.elementor-element-4ceb52e .elementor-heading-title{font-size:var( --e-global-typography-9ea1cac-font-size );line-height:var( --e-global-typography-9ea1cac-line-height );}.elementor-30324 .elementor-element.elementor-element-955d41e .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-30324 .elementor-element.elementor-element-558f6bc{margin-top:40px;margin-bottom:0px;padding:0px 10px 0px 10px;}.elementor-30324 .elementor-element.elementor-element-d732ff9 .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}.elementor-30324 .elementor-element.elementor-element-23011a2{padding:0px 10px 40px 10px;}.elementor-30324 .elementor-element.elementor-element-45d660a{margin-top:60px;margin-bottom:50px;padding:0px 10px 0px 10px;}.elementor-30324 .elementor-element.elementor-element-f40c821.elementor-column{width:100%;}.elementor-30324 .elementor-element.elementor-element-cd0b70f{text-align:center;}.elementor-30324 .elementor-element.elementor-element-cd0b70f .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}.elementor-30324 .elementor-element.elementor-element-ee5151a.elementor-column{width:100%;}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-title{font-size:var( --e-global-typography-65eb5eb-font-size );line-height:var( --e-global-typography-65eb5eb-line-height );}.elementor-30324 .elementor-element.elementor-element-abd9ad4{padding:90px 0px 90px 0px;}.elementor-30324 .elementor-element.elementor-element-2fef61a .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-30324 .elementor-element.elementor-element-4ceb52e .elementor-heading-title{font-size:var( --e-global-typography-9ea1cac-font-size );line-height:var( --e-global-typography-9ea1cac-line-height );}.elementor-30324 .elementor-element.elementor-element-955d41e .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-30324 .elementor-element.elementor-element-558f6bc{margin-top:40px;margin-bottom:0px;padding:0px 10px 20px 10px;}.elementor-30324 .elementor-element.elementor-element-d732ff9 .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}.elementor-30324 .elementor-element.elementor-element-23011a2{padding:0px 10px 30px 10px;}.elementor-30324 .elementor-element.elementor-element-cd0b70f .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}.elementor-30324 .elementor-element.elementor-element-ee5151a > .elementor-element-populated{margin:-20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-title{font-size:var( --e-global-typography-65eb5eb-font-size );line-height:var( --e-global-typography-65eb5eb-line-height );}.elementor-30324 .elementor-element.elementor-element-abd9ad4{padding:50px 0px 50px 0px;}.elementor-30324 .elementor-element.elementor-element-54c53ec > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-30324 .elementor-element.elementor-element-2fef61a .elementor-heading-title{font-size:var( --e-global-typography-dd40686-font-size );line-height:var( --e-global-typography-dd40686-line-height );}.elementor-30324 .elementor-element.elementor-element-d8a6fd4 .elementor-button{padding:10px 15px 10px 15px;}}/* Start responsive custom CSS for button, class: .elementor-element-3fec417 */@media(max-width:767px){.elementor-30324 .elementor-element.elementor-element-3fec417 .elementor-button-link{
    width: 100%;
}}/* End responsive custom CSS */
/* Start custom CSS for section, class: .elementor-element-ab75a68 *//* =========================================================
   KEMAL - 5-AXIS PART EXAMPLES
   Image-first Editorial Gallery
   FINAL CLEAN VERSION
   Scoped only to this Elementor Section
   ========================================================= */


/* =========================================================
   ROW SPACING
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section {
    margin-bottom: 26px;
}

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section:last-child {
    margin-bottom: 0;
}


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

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column > .elementor-widget-wrap {

    position: relative;

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

    justify-content: flex-end !important;
    align-items: stretch !important;

    min-height: 400px;

    padding: 30px 28px 27px !important;

    overflow: hidden;

    border-radius: 18px;

    background: #0b1720;

    box-shadow:
        0 9px 25px rgba(0,0,0,0.10);

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


/* =========================================================
   IMAGE FILLS CARD
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column .elementor-widget-image {

    position: absolute !important;

    inset: 0;

    width: 100%;
    height: 100%;

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

    z-index: 0;
}


.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column .elementor-widget-image
.elementor-widget-container {

    width: 100%;
    height: 100%;

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

    background: transparent !important;
}


.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column .elementor-widget-image img {

    display: block;

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

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

    margin: 0 !important;

    transition:
        transform 0.45s ease;
}


/* =========================================================
   BOTTOM GRADIENT
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column > .elementor-widget-wrap::after {

    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(5,15,23,0.00) 28%,
            rgba(5,15,23,0.06) 43%,
            rgba(5,15,23,0.38) 60%,
            rgba(5,15,23,0.82) 78%,
            rgba(5,15,23,0.97) 100%
        );
}


/* =========================================================
   IMPORTANT:
   REMOVE OLD ELEMENTOR HEADING BACKGROUNDS
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column .elementor-widget-heading {

    position: relative;

    z-index: 2;

    width: 100%;

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

    background: transparent !important;
}


.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column .elementor-widget-heading
.elementor-widget-container {

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

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;
}


/* =========================================================
   CARD TITLE
   First Heading after Image
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-widget-image + .elementor-widget-heading {

    margin-bottom: 10px !important;
}


.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-widget-image + .elementor-widget-heading
.elementor-heading-title {

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

    background: transparent !important;

    color: #ffffff !important;

    font-size: 23px !important;
    line-height: 1.18 !important;

    font-weight: 700 !important;

    letter-spacing: -0.2px;

    text-align: left !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,0.28);
}


/* =========================================================
   DESCRIPTION
   Second Heading after Image
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-widget-image +
.elementor-widget-heading +
.elementor-widget-heading {

    margin: 0 !important;
}


.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-widget-image +
.elementor-widget-heading +
.elementor-widget-heading
.elementor-heading-title {

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

    background: transparent !important;

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

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

    font-weight: 400 !important;

    text-align: left !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,0.20);
}


/* =========================================================
   HOVER
   NO GREEN ACCENTS
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column > .elementor-widget-wrap:hover {

    transform: translateY(-5px);

    box-shadow:
        0 17px 38px rgba(0,0,0,0.16);
}


.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-column > .elementor-widget-wrap:hover
.elementor-widget-image img {

    transform: scale(1.035);
}


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

@media (max-width: 1024px) {

    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
    .elementor-column > .elementor-widget-wrap {

        min-height: 360px;

        padding:
            26px 23px 23px !important;

        border-radius: 16px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
    .elementor-widget-image + .elementor-widget-heading
    .elementor-heading-title {

        font-size: 21px !important;
    }


    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
    .elementor-widget-image +
    .elementor-widget-heading +
    .elementor-widget-heading
    .elementor-heading-title {

        font-size: 15px !important;
    }

}


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

@media (max-width: 767px) {

    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section {
        margin-bottom: 18px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
    .elementor-column > .elementor-widget-wrap {

        min-height: 330px;

        padding:
            25px 22px 23px !important;

        border-radius: 15px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
    .elementor-widget-image + .elementor-widget-heading
    .elementor-heading-title {

        font-size: 21px !important;
    }


    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
    .elementor-widget-image +
    .elementor-widget-heading +
    .elementor-widget-heading
    .elementor-heading-title {

        font-size: 15.5px !important;
        line-height: 1.46 !important;
    }

}

/* =========================================================
   ALIGN CARD TITLES & DESCRIPTIONS
   Keep text blocks aligned across each gallery row
   ========================================================= */

/* Reserve equal space for card titles */
.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-widget-image + .elementor-widget-heading {
    min-height: 58px;

    display: flex;
    align-items: flex-end;

    margin-bottom: 10px !important;
}


/* Reserve equal space for descriptions */
.elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
.elementor-widget-image +
.elementor-widget-heading +
.elementor-widget-heading {
    min-height: 72px;

    display: flex;
    align-items: flex-start;
}


/* Mobile: let text flow naturally */
@media (max-width: 767px) {

    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
    .elementor-widget-image + .elementor-widget-heading {
        min-height: 0;
    }

    .elementor-30324 .elementor-element.elementor-element-ab75a68 .elementor-inner-section
    .elementor-widget-image +
    .elementor-widget-heading +
    .elementor-widget-heading {
        min-height: 0;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ab3adda *//* =====================
   KEMAL — Advanced 5-Axis CNC Machining Capability Section
   Scoped to this Elementor Section only
   =================== */


/* ---------- 1. SECTION ---------- */

.elementor-30324 .elementor-element.elementor-element-ab3adda {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f6f8f6 0%,
            #ffffff 72%
        );

    border: 1px solid #e4e8e5;
    border-radius: 18px;

    padding: 56px 48px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.045);
}


/* Subtle Kemal lime accent */
.elementor-30324 .elementor-element.elementor-element-ab3adda::before {
    content: "";
    position: absolute;

    left: 0;
    top: 54px;

    width: 4px;
    height: 78px;

    background: #cfff00;

    border-radius: 0 4px 4px 0;
}


/* ---------- 2. TWO-COLUMN LAYOUT ---------- */

.elementor-30324 .elementor-element.elementor-element-ab3adda > .elementor-container {
    align-items: stretch;
}


/* Left column spacing */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child {
    padding-right: 28px;
}


/* Right column spacing */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child {
    padding-left: 10px;
}


/* ---------- 3. MAIN H2 ---------- */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
h2.elementor-heading-title {

    color: #111111;

    font-size: 42px;
    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -0.5px;

    margin: 0 0 20px 0;
}


/* ---------- INTRO PARAGRAPH ---------- */

/* Current structure: second Heading widget uses HTML tag <p> */
.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
.elementor-widget-heading + .elementor-widget-heading
.elementor-heading-title {

    color: #333333 !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    opacity: 1 !important;

    margin: 0 0 28px 0 !important;

    max-width: 96%;
}

/* Future-proof: if changed to Text Editor */
.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
.elementor-widget-text-editor,
.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
.elementor-widget-text-editor p {

    color: #333333 !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    opacity: 1 !important;
}


/* ---------- 5. CAPABILITY LIST ---------- */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-widget-icon-list {
    margin-top: 8px;
}


.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-items {

    display: flex;
    flex-direction: column;

    gap: 12px;
}


/* Each capability row */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-item {

    display: flex;
    align-items: center;

    width: 100%;

    margin: 0 !important;

    padding: 13px 17px 13px 13px;

    background: #ffffff;

    border: 1px solid #e0e5e2;

    border-left: 3px solid #cfff00;

    border-radius: 12px;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.025);

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


/* Very subtle desktop interaction */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-item:hover {

    transform: translateX(2px);

    border-color: #d1d9d4;

    border-left-color: #cfff00;

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


/* ---------- 6. KEMAL CHECK ICON ---------- */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-icon {

    width: 25px;
    height: 25px;

    min-width: 25px;

    margin-right: 12px !important;

    padding: 0;

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

    background: transparent;

    border: 2px solid #cfff00;

    border-radius: 50%;
}


/* FontAwesome icon */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-icon i {

    color: #111111;

    font-size: 11px;

    line-height: 1;
}


/* SVG icon */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-icon svg {

    width: 11px;
    height: 11px;

    fill: #111111;
}


/* ---------- 7. CAPABILITY TEXT ---------- */

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-text {

    color: #1c1f1e;

    font-size: 16px;

    line-height: 1.35;

    font-weight: 600;

    letter-spacing: -0.05px;
}



/* ---------- RIGHT IMAGE ---------- */

/* Vertically centre the image within the right column */
.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child
.elementor-widget-wrap {

    display: flex;
    align-items: center;

    height: 100%;
}


/* Image widget */
.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child
.elementor-widget-image {

    width: 100%;
}


/* Preserve the ORIGINAL image ratio.
   Do not stretch and do not crop the factory photo. */
.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child
.elementor-widget-image img {

    display: block;

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

    min-height: 0 !important;
    max-height: none !important;

    object-fit: contain !important;

    border-radius: 18px;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.08);
}


/* ---------- 9. TABLET ---------- */

@media (max-width: 1024px) {

    .elementor-30324 .elementor-element.elementor-element-ab3adda {

        padding: 44px 30px;

        border-radius: 16px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda::before {

        top: 44px;

        height: 66px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child {

        padding-right: 18px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child {

        padding-left: 8px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
    h2.elementor-heading-title {

        font-size: 36px;

        line-height: 1.1;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
    p.elementor-heading-title,

    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
    .elementor-widget-text-editor {

        font-size: 16px;

        line-height: 1.58;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-text {

        font-size: 15px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child
    .elementor-widget-image img {

        min-height: 360px;

        border-radius: 16px;
    }
}


/* ---------- 10. MOBILE ---------- */

@media (max-width: 767px) {

    .elementor-30324 .elementor-element.elementor-element-ab3adda {

        padding: 34px 20px;

        border-radius: 14px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda::before {

        top: 34px;

        width: 3px;
        height: 54px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child,
    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child {

        padding-left: 0;
        padding-right: 0;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
    h2.elementor-heading-title {

        font-size: 30px;

        line-height: 1.12;

        letter-spacing: -0.25px;

        margin-bottom: 16px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
    p.elementor-heading-title,

    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:first-child
    .elementor-widget-text-editor {

        font-size: 16px;

        line-height: 1.6;

        margin-bottom: 24px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-items {

        gap: 10px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-item {

        padding: 11px 13px;

        border-radius: 10px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-icon {

        width: 23px;
        height: 23px;

        min-width: 23px;

        margin-right: 10px !important;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-icon-list-text {

        font-size: 15px;

        line-height: 1.4;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child
    .elementor-widget-image {

        margin-top: 26px;
    }


    .elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child
    .elementor-widget-image img {

        width: 100%;

        height: auto;

        min-height: 280px;

        aspect-ratio: 4 / 3;

        object-fit: cover;

        border-radius: 14px;
    }
}

/* Vertically center the image in the right column */
.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child {
    display: flex;
}

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child > .elementor-widget-wrap {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Keep image at its natural 4:5 ratio */
.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child .elementor-widget-image {
    width: 100%;
    margin: 0;
}

.elementor-30324 .elementor-element.elementor-element-ab3adda .elementor-column:last-child .elementor-widget-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* =========================================================
   Final Section Cleanup
   Match the surrounding white page sections
   ========================================================= */

/* Pure white section, no outer border or shadow */
.elementor-30324 .elementor-element.elementor-element-ab3adda {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Remove the lime vertical accent line */
.elementor-30324 .elementor-element.elementor-element-ab3adda::before {
    content: none !important;
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-176a3b2 *//* =====================
   KEMAL — Advanced 5-Axis CNC Machining Capability Section
   Scoped to this Elementor Section only
   =================== */


/* ---------- 1. SECTION ---------- */

.elementor-30324 .elementor-element.elementor-element-176a3b2 {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f6f8f6 0%,
            #ffffff 72%
        );

    border: 1px solid #e4e8e5;
    border-radius: 18px;

    padding: 56px 48px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.045);
}


/* Subtle Kemal lime accent */
.elementor-30324 .elementor-element.elementor-element-176a3b2::before {
    content: "";
    position: absolute;

    left: 0;
    top: 54px;

    width: 4px;
    height: 78px;

    background: #cfff00;

    border-radius: 0 4px 4px 0;
}


/* ---------- 2. TWO-COLUMN LAYOUT ---------- */

.elementor-30324 .elementor-element.elementor-element-176a3b2 > .elementor-container {
    align-items: stretch;
}


/* Left column spacing */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child {
    padding-right: 28px;
}


/* Right column spacing */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child {
    padding-left: 10px;
}


/* ---------- 3. MAIN H2 ---------- */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
h2.elementor-heading-title {

    color: #111111;

    font-size: 42px;
    line-height: 1.08;

    font-weight: 700;

    letter-spacing: -0.5px;

    margin: 0 0 20px 0;
}


/* ---------- INTRO PARAGRAPH ---------- */

/* Current structure: second Heading widget uses HTML tag <p> */
.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
.elementor-widget-heading + .elementor-widget-heading
.elementor-heading-title {

    color: #333333 !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    opacity: 1 !important;

    margin: 0 0 28px 0 !important;

    max-width: 96%;
}

/* Future-proof: if changed to Text Editor */
.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
.elementor-widget-text-editor,
.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
.elementor-widget-text-editor p {

    color: #333333 !important;

    font-size: 17px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    opacity: 1 !important;
}


/* ---------- 5. CAPABILITY LIST ---------- */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-widget-icon-list {
    margin-top: 8px;
}


.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-items {

    display: flex;
    flex-direction: column;

    gap: 12px;
}


/* Each capability row */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-item {

    display: flex;
    align-items: center;

    width: 100%;

    margin: 0 !important;

    padding: 13px 17px 13px 13px;

    background: #ffffff;

    border: 1px solid #e0e5e2;

    border-left: 3px solid #cfff00;

    border-radius: 12px;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.025);

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


/* Very subtle desktop interaction */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-item:hover {

    transform: translateX(2px);

    border-color: #d1d9d4;

    border-left-color: #cfff00;

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


/* ---------- 6. KEMAL CHECK ICON ---------- */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-icon {

    width: 25px;
    height: 25px;

    min-width: 25px;

    margin-right: 12px !important;

    padding: 0;

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

    background: transparent;

    border: 2px solid #cfff00;

    border-radius: 50%;
}


/* FontAwesome icon */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-icon i {

    color: #111111;

    font-size: 11px;

    line-height: 1;
}


/* SVG icon */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-icon svg {

    width: 11px;
    height: 11px;

    fill: #111111;
}


/* ---------- 7. CAPABILITY TEXT ---------- */

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-text {

    color: #1c1f1e;

    font-size: 16px;

    line-height: 1.35;

    font-weight: 600;

    letter-spacing: -0.05px;
}



/* ---------- RIGHT IMAGE ---------- */

/* Vertically centre the image within the right column */
.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child
.elementor-widget-wrap {

    display: flex;
    align-items: center;

    height: 100%;
}


/* Image widget */
.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child
.elementor-widget-image {

    width: 100%;
}


/* Preserve the ORIGINAL image ratio.
   Do not stretch and do not crop the factory photo. */
.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child
.elementor-widget-image img {

    display: block;

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

    min-height: 0 !important;
    max-height: none !important;

    object-fit: contain !important;

    border-radius: 18px;

    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.08);
}


/* ---------- 9. TABLET ---------- */

@media (max-width: 1024px) {

    .elementor-30324 .elementor-element.elementor-element-176a3b2 {

        padding: 44px 30px;

        border-radius: 16px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2::before {

        top: 44px;

        height: 66px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child {

        padding-right: 18px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child {

        padding-left: 8px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
    h2.elementor-heading-title {

        font-size: 36px;

        line-height: 1.1;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
    p.elementor-heading-title,

    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
    .elementor-widget-text-editor {

        font-size: 16px;

        line-height: 1.58;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-text {

        font-size: 15px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child
    .elementor-widget-image img {

        min-height: 360px;

        border-radius: 16px;
    }
}


/* ---------- 10. MOBILE ---------- */

@media (max-width: 767px) {

    .elementor-30324 .elementor-element.elementor-element-176a3b2 {

        padding: 34px 20px;

        border-radius: 14px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2::before {

        top: 34px;

        width: 3px;
        height: 54px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child,
    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child {

        padding-left: 0;
        padding-right: 0;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
    h2.elementor-heading-title {

        font-size: 30px;

        line-height: 1.12;

        letter-spacing: -0.25px;

        margin-bottom: 16px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
    p.elementor-heading-title,

    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:first-child
    .elementor-widget-text-editor {

        font-size: 16px;

        line-height: 1.6;

        margin-bottom: 24px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-items {

        gap: 10px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-item {

        padding: 11px 13px;

        border-radius: 10px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-icon {

        width: 23px;
        height: 23px;

        min-width: 23px;

        margin-right: 10px !important;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-icon-list-text {

        font-size: 15px;

        line-height: 1.4;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child
    .elementor-widget-image {

        margin-top: 26px;
    }


    .elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child
    .elementor-widget-image img {

        width: 100%;

        height: auto;

        min-height: 280px;

        aspect-ratio: 4 / 3;

        object-fit: cover;

        border-radius: 14px;
    }
}

/* Vertically center the image in the right column */
.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child {
    display: flex;
}

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child > .elementor-widget-wrap {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Keep image at its natural 4:5 ratio */
.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child .elementor-widget-image {
    width: 100%;
    margin: 0;
}

.elementor-30324 .elementor-element.elementor-element-176a3b2 .elementor-column:last-child .elementor-widget-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* =========================================================
   Final Section Cleanup
   Match the surrounding white page sections
   ========================================================= */

/* Pure white section, no outer border or shadow */
.elementor-30324 .elementor-element.elementor-element-176a3b2 {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Remove the lime vertical accent line */
.elementor-30324 .elementor-element.elementor-element-176a3b2::before {
    content: none !important;
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5d6fa99 *//* Remove icon bullets */
.elementor-30324 .elementor-element.elementor-element-5d6fa99 .elementor-icon-list-icon {
    display: none !important;
}

/* Finish item */
.elementor-30324 .elementor-element.elementor-element-5d6fa99 .elementor-icon-list-item {
    width: 100%;
    padding: 15px 0 14px;
    border-bottom: 1px solid #dddddd;
}

/* Finish text */
.elementor-30324 .elementor-element.elementor-element-5d6fa99 .elementor-icon-list-text {
    padding-left: 0 !important;
    color: #222222 !important;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
}

/* Remove unnecessary default spacing */
.elementor-30324 .elementor-element.elementor-element-5d6fa99 .elementor-icon-list-items {
    margin: 0 !important;
}

/* Optional: no line after last item in each column */
.elementor-30324 .elementor-element.elementor-element-5d6fa99 .elementor-icon-list-item:last-child {
    border-bottom: none;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-68d3a78 *//* =========================================================
   KEMAL - WHY CHOOSE 5-AXIS
   FINAL REFINED VERSION
   Scoped only to this Elementor Section
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 {
    padding: 48px 14px;
    overflow: visible;
}


/* =========================================================
   MAIN DARK MODULE
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-shell {
    position: relative;

    width: 100%;
    max-width: 1380px;
    margin: 0 auto;

    padding: 58px 58px 52px;

    overflow: hidden;

    border-radius: 30px;

    background:
        radial-gradient(
            circle at 78% 22%,
            rgba(60, 124, 150, 0.24) 0%,
            rgba(60, 124, 150, 0) 37%
        ),
        linear-gradient(
            125deg,
            #08141d 0%,
            #0b2231 48%,
            #14394a 100%
        );

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.16);
}


/* subtle depth */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-shell::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0.026),
            transparent 37%
        );
}


/* =========================================================
   TOP AREA
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-hero {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    gap: 62px;

    align-items: center;

    margin-bottom: 54px;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-left {
    min-width: 0;
}


/* =========================================================
   SMALL HORIZONTAL INSPECTION IMAGE
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-small-image {
    width: 76%;
    max-width: 500px;

    aspect-ratio: 2.25 / 1;

    margin-bottom: 34px;

    overflow: hidden;

    border-radius: 16px;

    border:
        1px solid rgba(255,255,255,0.10);

    box-shadow:
        0 16px 36px rgba(0,0,0,0.26);
}


.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-small-image img {
    display: block;

    width: 100%;
    height: 100%;

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

    transition:
        transform 0.35s ease;
}


.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-small-image:hover img {
    transform: scale(1.025);
}


/* =========================================================
   MAIN TITLE
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-title {
    max-width: 680px;

    margin: 0 0 22px;

    color: #ffffff;

    font-size: 48px;
    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.7px;
}


.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-title span {
    display: inline;

    color: #73bdd6;
}


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

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-intro {
    max-width: 660px;

    margin: 0 0 30px;

    color: rgba(255,255,255,0.82);

    font-size: 18px;
    line-height: 1.62;
    font-weight: 400;
}


/* =========================================================
   CTA
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-cta {
    display: inline-flex;

    align-items: center;
    gap: 10px;

    padding: 16px 23px;

    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            #3a829e,
            #62b9c4
        );

    color: #ffffff !important;

    font-size: 16px;
    line-height: 1;
    font-weight: 700;

    text-decoration: none !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,0.22);

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        filter 0.22s ease;
}


.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-cta span {
    font-size: 21px;
    line-height: 1;
}


.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-cta:hover {
    transform: translateY(-2px);

    box-shadow:
        0 15px 30px rgba(0,0,0,0.28);

    filter: brightness(1.06);
}


/* =========================================================
   RIGHT MAIN IMAGE
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-main-image {
    position: relative;

    width: 100%;

    aspect-ratio: 1.36 / 1;

    overflow: hidden;

    border-radius: 22px;

    border:
        1px solid rgba(255,255,255,0.12);

    box-shadow:
        0 22px 48px rgba(0,0,0,0.32);
}


.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-main-image img {
    display: block;

    width: 100%;
    height: 100%;

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

    transition:
        transform 0.4s ease;
}


.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-main-image:hover img {
    transform: scale(1.018);
}


/* =========================================================
   2 x 2 REASON GRID
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-grid {
    position: relative;
    z-index: 3;

    display: grid;

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

    gap: 30px;
}


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

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-card {
    position: relative;

    min-height: 255px;

    padding: 34px 34px 32px;

    overflow: hidden;

    border-radius: 20px;

    border:
        1px solid rgba(133, 187, 207, 0.18);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.09),
            rgba(255,255,255,0.04)
        );

    box-shadow:
        0 16px 34px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.045);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}


.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-card:hover {
    transform: translateY(-7px);

    border-color:
        rgba(110, 192, 218, 0.42);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.115),
            rgba(255,255,255,0.05)
        );

    box-shadow:
        0 25px 46px rgba(0,0,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.06);
}


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

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-number {
    margin-bottom: 22px;

    color: #73bdd6;

    font-size: 32px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: -0.5px;
}


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

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-card h3 {
    max-width: 500px;

    margin: 0 0 21px;

    color: #ffffff;

    font-size: 24px;
    line-height: 1.24;
    font-weight: 700;

    letter-spacing: -0.2px;
}


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

.elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-card p {
    max-width: 530px;

    margin: 0;

    color: rgba(255,255,255,0.80);

    font-size: 16.5px;
    line-height: 1.65;
    font-weight: 400;
}


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

@media (max-width: 1024px) {

    .elementor-30324 .elementor-element.elementor-element-68d3a78 {
        padding:
            38px 16px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-shell {
        padding:
            44px 34px 40px;

        border-radius: 25px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-hero {
        grid-template-columns: 1fr;

        gap: 38px;

        margin-bottom: 42px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-title {
        font-size: 42px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-small-image {
        width: 64%;
        max-width: 520px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-main-image {
        max-width: 780px;

        aspect-ratio: 16 / 9;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-grid {
        gap: 24px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-card {
        padding:
            30px 29px 29px;
    }

}


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

@media (max-width: 767px) {

    .elementor-30324 .elementor-element.elementor-element-68d3a78 {
        padding:
            28px 10px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-shell {
        padding:
            28px 20px 25px;

        border-radius: 20px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-hero {
        gap: 28px;

        margin-bottom: 32px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-small-image {
        width: 88%;
        max-width: none;

        margin-bottom: 25px;

        border-radius: 13px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-title {
        font-size: 33px;
        line-height: 1.1;

        letter-spacing: -0.35px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-intro {
        font-size: 16.5px;
        line-height: 1.6;

        margin-bottom: 25px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-main-image {
        aspect-ratio: 4 / 3;

        border-radius: 16px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-card {
        min-height: 0;

        padding:
            27px 24px 26px;

        border-radius: 17px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-number {
        margin-bottom: 18px;

        font-size: 28px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-card h3 {
        margin-bottom: 16px;

        font-size: 22px;
    }


    .elementor-30324 .elementor-element.elementor-element-68d3a78 .kemal-why-card p {
        font-size: 16px;
        line-height: 1.62;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-23011a2 *//* =========================================================
   KEMAL - 5-AXIS CNC WORKFLOW
   Refined 6-Step Process
   Scoped only to this Elementor Section
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 {
    padding: 52px 18px;
}


/* =========================================================
   OUTER SHELL
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow {
    position: relative;

    width: 100%;
    max-width: 1320px;
    margin: 0 auto;

    padding: 58px 62px 64px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfcfd 58%,
            #f7f9fb 100%
        );

    border: 1px solid rgba(20, 55, 75, 0.06);

    border-radius: 28px;

    box-shadow:
        0 18px 48px rgba(14, 38, 52, 0.07);
}


/* =========================================================
   HEADER
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-header {
    max-width: 850px;

    margin:
        0 auto 58px;

    text-align: center;
}


/* Small label */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-label {
    display: inline-flex;

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

    margin-bottom: 18px;

    padding:
        8px 15px;

    border-radius: 999px;

    background: #edf3f6;

    color: #365e76;

    font-size: 14px;
    line-height: 1;
    font-weight: 600;

    letter-spacing: 0.015em;
}


/* H2 */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-title {
    margin:
        0 0 18px;

    color: #111820;

    font-size: 46px;
    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.7px;
}


/* Intro */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-intro {
    max-width: 760px;

    margin:
        0 auto;

    color: #59636b;

    font-size: 18px;
    line-height: 1.62;
    font-weight: 400;
}


/* =========================================================
   WORKFLOW GRID
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    column-gap: 56px;
    row-gap: 60px;
}


/* =========================================================
   EACH STEP
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step {
    position: relative;

    min-width: 0;

    text-align: center;

    padding:
        0 12px;
}


/* =========================================================
   CONNECTING LINES
   Desktop only
   No dots in the middle
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step:nth-child(1)::after,
.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step:nth-child(2)::after,
.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step:nth-child(4)::after,
.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step:nth-child(5)::after {

    content: "";

    position: absolute;

    top: 27px;
    left: calc(50% + 31px);

    width: calc(100% + 32px);

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(100, 141, 165, 0.50),
            rgba(100, 141, 165, 0.20)
        );

    z-index: 0;

    pointer-events: none;
}


/* =========================================================
   STEP NUMBER
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-number {
    position: relative;
    z-index: 2;

    width: 56px;
    height: 56px;

    margin:
        0 auto 24px;

    display: flex;

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

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #eff4f7,
            #dce8ee
        );

    color: #173f5a;

    font-size: 24px;
    line-height: 1;
    font-weight: 700;

    box-shadow:
        0 5px 15px rgba(28, 72, 97, 0.08);
}


/* =========================================================
   SVG ICON
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-icon {
    width: 58px;
    height: 58px;

    margin:
        0 auto 20px;

    color: #244f6c;
}


.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-icon svg {
    display: block;

    width: 100%;
    height: 100%;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   STEP TITLE
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step h3 {
    max-width: 320px;

    min-height: 52px;

    margin:
        0 auto 12px;

    display: flex;

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

    color: #151a1e;

    font-size: 20px;
    line-height: 1.28;
    font-weight: 700;

    letter-spacing: -0.15px;
}


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

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step p {
    max-width: 315px;

    margin:
        0 auto;

    color: #5b646b;

    font-size: 16px;
    line-height: 1.58;
    font-weight: 400;
}


/* =========================================================
   SUBTLE HOVER
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step {
    transition:
        transform 0.22s ease;
}


.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step:hover {
    transform: translateY(-3px);
}


.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step:hover
.kemal-workflow-number {

    background:
        linear-gradient(
            145deg,
            #e6f0f4,
            #cfdee6
        );
}


.elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step:hover
.kemal-workflow-icon {

    color: #173f5a;
}


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

@media (max-width: 1024px) {

    .elementor-30324 .elementor-element.elementor-element-23011a2 {
        padding:
            42px 16px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow {
        padding:
            48px 34px 52px;

        border-radius: 24px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-header {
        margin-bottom: 48px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-title {
        font-size: 40px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            48px 34px;
    }


    /* Hide desktop connector lines */
    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step::after {
        display: none !important;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step h3 {
        min-height: 0;
    }

}


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

@media (max-width: 767px) {

    .elementor-30324 .elementor-element.elementor-element-23011a2 {
        padding:
            30px 10px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow {
        padding:
            34px 20px 38px;

        border-radius: 19px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-header {
        margin-bottom: 38px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-label {
        margin-bottom: 15px;

        font-size: 13px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-title {
        font-size: 32px;
        line-height: 1.12;

        letter-spacing: -0.35px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-intro {
        font-size: 16.5px;
        line-height: 1.58;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-grid {
        grid-template-columns: 1fr;

        gap: 42px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step {
        padding:
            0 6px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-number {
        width: 52px;
        height: 52px;

        margin-bottom: 20px;

        font-size: 22px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-icon {
        width: 52px;
        height: 52px;

        margin-bottom: 18px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step h3 {
        min-height: 0;

        margin-bottom: 10px;

        font-size: 20px;
    }


    .elementor-30324 .elementor-element.elementor-element-23011a2 .kemal-workflow-step p {
        max-width: 350px;

        font-size: 16px;
        line-height: 1.56;
    }

}



/* =========================================================
   WORKFLOW CTA
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .elementor-widget-button {
    width: 100%;
    margin: 42px 0 0 !important;
    text-align: center;
}

.elementor-30324 .elementor-element.elementor-element-23011a2 .elementor-widget-button .elementor-button {
    min-width: 205px;
    padding: 16px 28px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    .elementor-30324 .elementor-element.elementor-element-23011a2 .elementor-widget-button {
        margin-top: 32px !important;
    }
}

/* =========================================================
   WORKFLOW UPLOAD CTA COLOR
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-23011a2 .elementor-widget-button .elementor-button {
    background: #3A829E !important;
    color: #ffffff !important;

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

    box-shadow:
        0 8px 20px rgba(31, 74, 95, 0.16);

    transition:
        background 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.elementor-30324 .elementor-element.elementor-element-23011a2 .elementor-widget-button .elementor-button:hover {
    background: #2F6F89 !important;
    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 26px rgba(31, 74, 95, 0.22);
}/* End custom CSS */
/* Start responsive custom CSS for section, class: .elementor-element-23011a2 */@media(min-width:768px) and (max-width:1024px){.elementor-30324 .elementor-element.elementor-element-23011a2 .img-box{
    flex: 0 0 48%;
    gap: 20px;
}}/* End responsive custom CSS */
/* Start responsive custom CSS for section, class: .elementor-element-23011a2 */@media(max-width:767px){.elementor-30324 .elementor-element.elementor-element-23011a2 .img-box{
    flex: 0 0 100%;
}}/* End responsive custom CSS */
/* Start custom CSS for section, class: .elementor-element-975313d *//* =========================================================
   KEMAL - RELATED CNC MACHINING SERVICES
   Premium Editorial Routing Layout
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d {
    padding: 68px 20px 76px;
    background: #ffffff;
}


/* =========================================================
   WRAPPER
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-services {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-header {
    max-width: 780px;
    margin: 0 0 40px;
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-header h2 {
    margin: 0 0 13px;

    color: #111820;

    font-size: 40px;
    line-height: 1.12;
    font-weight: 700;

    letter-spacing: -0.55px;
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-header p {
    max-width: 700px;
    margin: 0;

    color: #5d6870;

    font-size: 17px;
    line-height: 1.58;
    font-weight: 400;
}


/* =========================================================
   SERVICE LIST
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


/* =========================================================
   SERVICE PANEL
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 48%)
        minmax(0, 52%);

    min-height: 310px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fafb 100%
        );

    border:
        1px solid rgba(43, 75, 92, 0.10);

    border-radius: 22px;

    box-shadow:
        0 10px 28px rgba(16, 42, 56, 0.055);

    color: inherit !important;
    text-decoration: none !important;

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}


/* Very subtle upper highlight */
.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item::before {
    content: "";

    position: absolute;
    z-index: 3;

    top: 0;
    left: 48%;

    width: 86px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #3a829e,
            rgba(58,130,158,0)
        );

    pointer-events: none;
}


/* =========================================================
   REVERSED SECOND PANEL
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item-reverse
.kemal-related-image {
    order: 2;
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item-reverse
.kemal-related-content {
    order: 1;
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item-reverse::before {
    left: auto;
    right: 48%;

    background:
        linear-gradient(
            270deg,
            #3a829e,
            rgba(58,130,158,0)
        );
}


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

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-image {
    position: relative;

    min-height: 310px;

    overflow: hidden;

    background: #e8edef;
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8,25,34,0.00) 45%,
            rgba(8,25,34,0.22) 100%
        );

    pointer-events: none;
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-image img {
    display: block;

    width: 100%;
    height: 100%;

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

    transition:
        transform 0.5s cubic-bezier(.2,.7,.2,1);
}


/* Small number over image */
.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-number {
    position: absolute;
    z-index: 4;

    left: 22px;
    bottom: 20px;

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

    width: 43px;
    height: 43px;

    background:
        rgba(255,255,255,0.93);

    border:
        1px solid rgba(255,255,255,0.65);

    border-radius: 50%;

    color: #315f76;

    font-size: 13px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.02em;

    box-shadow:
        0 5px 16px rgba(10,29,40,0.12);
}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-content {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 42px 48px;
}


/* Context label */
.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-eyebrow {
    display: block;

    margin: 0 0 13px;

    color: #3f738d;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: 0.055em;

    text-transform: uppercase;
}


/* Service title */
.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-content h3 {
    max-width: 570px;

    margin: 0 0 15px;

    color: #111820;

    font-size: 30px;
    line-height: 1.16;
    font-weight: 700;

    letter-spacing: -0.4px;
}


/* Description */
.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-content p {
    max-width: 590px;

    margin: 0 0 26px;

    color: #4e5960;

    font-size: 16.5px;
    line-height: 1.62;
    font-weight: 400;
}


/* =========================================================
   TEXT CTA
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-link {
    position: relative;

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

    width: fit-content;

    gap: 10px;

    padding-bottom: 4px;

    color: #326b86;

    font-size: 15.5px;
    line-height: 1.25;
    font-weight: 700;
}


/* Underline */
.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background:
        rgba(50,107,134,0.32);

    transition:
        background 0.22s ease;
}


/* Arrow */
.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-arrow {
    display: inline-block;

    font-size: 20px;
    line-height: 1;

    transition:
        transform 0.22s ease;
}


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

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item:hover {
    transform: translateY(-5px);

    border-color:
        rgba(50,107,134,0.20);

    box-shadow:
        0 20px 46px rgba(17,45,61,0.105);
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item:hover
.kemal-related-image img {
    transform: scale(1.045);
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item:hover
.kemal-related-link::after {
    background:
        rgba(50,107,134,0.70);
}


.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item:hover
.kemal-related-arrow {
    transform: translateX(5px);
}


/* =========================================================
   FOCUS / ACCESSIBILITY
   ========================================================= */

.elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item:focus-visible {
    outline:
        2px solid #3a829e;

    outline-offset: 4px;
}


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

@media (max-width: 1024px) {

    .elementor-30324 .elementor-element.elementor-element-975313d {
        padding:
            56px 16px 62px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-header h2 {
        font-size: 36px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item {
        grid-template-columns:
            minmax(0, 44%)
            minmax(0, 56%);

        min-height: 285px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item::before {
        left: 44%;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item-reverse::before {
        left: auto;
        right: 44%;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-image {
        min-height: 285px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-content {
        padding:
            34px 36px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-content h3 {
        font-size: 27px;
    }

}


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

@media (max-width: 767px) {

    .elementor-30324 .elementor-element.elementor-element-975313d {
        padding:
            44px 10px 50px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-header {
        margin-bottom: 30px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-header h2 {
        font-size: 31px;
        line-height: 1.15;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-header p {
        font-size: 16px;
        line-height: 1.55;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-list {
        gap: 24px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item {
        display: flex;
        flex-direction: column;

        min-height: 0;

        border-radius: 18px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item::before {
        display: none;
    }


    /* Both images appear first on mobile */
    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item-reverse
    .kemal-related-image {
        order: 1;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-item-reverse
    .kemal-related-content {
        order: 2;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-image {
        min-height: 0;

        aspect-ratio: 16 / 10;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-content {
        padding:
            27px 24px 29px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-eyebrow {
        margin-bottom: 10px;

        font-size: 12.5px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-content h3 {
        margin-bottom: 13px;

        font-size: 24px;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-content p {
        margin-bottom: 22px;

        font-size: 16px;
        line-height: 1.58;
    }


    .elementor-30324 .elementor-element.elementor-element-975313d .kemal-related-number {
        left: 17px;
        bottom: 16px;

        width: 39px;
        height: 39px;
    }

}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-d8cb1ff */.elementor-30324 .elementor-element.elementor-element-d8cb1ff .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-d8cb1ff */@media(max-width:767px){.elementor-30324 .elementor-element.elementor-element-d8cb1ff .elementor-accordion-icon{
    margin-left: 20px;
}}/* End responsive custom CSS */
/* Start custom CSS for section, class: .elementor-element-45d660a */.elementor-30324 .elementor-element.elementor-element-45d660a .purple{
    color: var(--e-global-color-accent);
}/* End custom CSS */