.elementor-28760 .elementor-element.elementor-element-3bd1a98{--display:flex;--min-height:650px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-3bd1a98:not(.elementor-motion-effects-element-type-background), .elementor-28760 .elementor-element.elementor-element-3bd1a98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://internationaleducationcenters.de/wp-content/uploads/2026/08/hero-JOB-BSK.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-28760 .elementor-element.elementor-element-90a3856{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-28760 .elementor-element.elementor-element-90a3856.e-con{--align-self:center;}.elementor-28760 .elementor-element.elementor-element-326cc8c .elementor-button{background-color:#2DDBFF;font-family:"Segoe UI", Sans-serif;font-size:16px;font-weight:600;line-height:1;}.elementor-28760 .elementor-element.elementor-element-4db9c4b .elementor-button{background-color:#2DDBFF;font-family:"Segoe UI", Sans-serif;font-size:16px;font-weight:600;line-height:1;}.elementor-28760 .elementor-element.elementor-element-8be2045{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-ba74ef8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-1b9bb73 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-28760 .elementor-element.elementor-element-1b9bb73 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-28760 .elementor-element.elementor-element-1b9bb73{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-28760 .elementor-element.elementor-element-1b9bb73 .elementor-icon-list-text{transition:color 0.3s;}.elementor-28760 .elementor-element.elementor-element-def9cc7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-5a15a1c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-e682c03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-f22c91e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-d103f1a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-28760 .elementor-element.elementor-element-d103f1a::before, .elementor-28760 .elementor-element.elementor-element-d103f1a > .elementor-background-video-container::before, .elementor-28760 .elementor-element.elementor-element-d103f1a > .e-con-inner > .elementor-background-video-container::before, .elementor-28760 .elementor-element.elementor-element-d103f1a > .elementor-background-slideshow::before, .elementor-28760 .elementor-element.elementor-element-d103f1a > .e-con-inner > .elementor-background-slideshow::before, .elementor-28760 .elementor-element.elementor-element-d103f1a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #D2EBFC 0%, #FFFFFF 100%);}.elementor-28760 .elementor-element.elementor-element-a145a4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-4de442a{text-align:center;}.elementor-28760 .elementor-element.elementor-element-4de442a .elementor-heading-title{font-weight:600;}.elementor-28760 .elementor-element.elementor-element-15cf0d2{text-align:center;}.elementor-28760 .elementor-element.elementor-element-f9785f9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28760 .elementor-element.elementor-element-f9785f9.e-con{--align-self:center;}.elementor-28760 .elementor-element.elementor-element-ac0d441{--display:flex;}.elementor-28760 .elementor-element.elementor-element-f777c68 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-28760 .elementor-element.elementor-element-f777c68 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-28760 .elementor-element.elementor-element-f777c68{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-28760 .elementor-element.elementor-element-f777c68 .elementor-icon-list-text{transition:color 0.3s;}.elementor-28760 .elementor-element.elementor-element-08a34a6{--display:flex;}.elementor-28760 .elementor-element.elementor-element-62f58d1 .elementor-icon-wrapper{text-align:center;}.elementor-28760 .elementor-element.elementor-element-fe82b33{--display:flex;}.elementor-28760 .elementor-element.elementor-element-f4d03d9 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-28760 .elementor-element.elementor-element-f4d03d9 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-28760 .elementor-element.elementor-element-f4d03d9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-28760 .elementor-element.elementor-element-f4d03d9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-28760 .elementor-element.elementor-element-e8375d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-e0b9f4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-75ad463{text-align:center;}.elementor-28760 .elementor-element.elementor-element-e4b44b3{text-align:center;}.elementor-28760 .elementor-element.elementor-element-b42d3c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-1a7a37d{--display:flex;}.elementor-28760 .elementor-element.elementor-element-13d6463 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-13d6463 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-13d6463 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-7b607ff{--display:flex;}.elementor-28760 .elementor-element.elementor-element-38d4941 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-38d4941 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-38d4941 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-6a3897c{--display:flex;}.elementor-28760 .elementor-element.elementor-element-8b92f9f .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-8b92f9f .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-8b92f9f .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-fee7e11{--display:flex;}.elementor-28760 .elementor-element.elementor-element-1d709a4 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-1d709a4 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-1d709a4 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-11cf80f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-5785d06{text-align:center;}.elementor-28760 .elementor-element.elementor-element-5785d06 .elementor-heading-title{font-weight:600;}.elementor-28760 .elementor-element.elementor-element-4ff7dd3{text-align:center;}.elementor-28760 .elementor-element.elementor-element-f4a9a38{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-30f2398{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-143b34c .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-28760 .elementor-element.elementor-element-fb61c99 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-28760 .elementor-element.elementor-element-fb61c99 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-fb61c99 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-6653727 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-28760 .elementor-element.elementor-element-ad54a3a .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-28760 .elementor-element.elementor-element-ef71c0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-045ad14 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-28760 .elementor-element.elementor-element-9f3bd34 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-28760 .elementor-element.elementor-element-ba7caf0 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-28760 .elementor-element.elementor-element-f27b88c .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-28760 .elementor-element.elementor-element-837b770{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-bde49c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-66f4379{text-align:center;}.elementor-28760 .elementor-element.elementor-element-f69fa30{text-align:center;}.elementor-28760 .elementor-element.elementor-element-b89d357{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-4392d56{--display:flex;}.elementor-28760 .elementor-element.elementor-element-7565563 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-7565563 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-7565563 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-36c29c5{--display:flex;}.elementor-28760 .elementor-element.elementor-element-74f6587 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-74f6587 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-74f6587 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-d76bfcc{--display:flex;}.elementor-28760 .elementor-element.elementor-element-12c35f1 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-12c35f1 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-12c35f1 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-c1f4c50{--display:flex;}.elementor-28760 .elementor-element.elementor-element-74f5ab7 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-74f5ab7 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-74f5ab7 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-51c85f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-1038c4e{--display:flex;}.elementor-28760 .elementor-element.elementor-element-ee5e66e .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-ee5e66e .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-ee5e66e .elementor-icon-box-title a{font-size:24px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-e58eee2{--display:flex;}.elementor-28760 .elementor-element.elementor-element-92a59ae .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-92a59ae .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-92a59ae .elementor-icon-box-title a{font-size:24px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-ad16baa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-9baee05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-ddb5e06{text-align:center;}.elementor-28760 .elementor-element.elementor-element-df44b12{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-cb41ada{--display:flex;}.elementor-28760 .elementor-element.elementor-element-222fef2{--display:flex;}.elementor-28760 .elementor-element.elementor-element-e2e85e4{--display:flex;}.elementor-28760 .elementor-element.elementor-element-b36b306{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-024b88d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-c531bd1{text-align:center;}.elementor-28760 .elementor-element.elementor-element-2f85a22{text-align:center;}.elementor-28760 .elementor-element.elementor-element-0706f43{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-28760 .elementor-element.elementor-element-9f63df1{--display:flex;}.elementor-28760 .elementor-element.elementor-element-3ebfd01{--display:flex;}.elementor-28760 .elementor-element.elementor-element-832bb7b{--display:flex;}.elementor-28760 .elementor-element.elementor-element-7774160{--display:flex;}.elementor-28760 .elementor-element.elementor-element-b753e6d{--display:flex;}.elementor-28760 .elementor-element.elementor-element-3a2ffe8{--display:flex;}.elementor-28760 .elementor-element.elementor-element-f918615{--display:flex;}.elementor-28760 .elementor-element.elementor-element-a56cc1e{--display:flex;}.elementor-28760 .elementor-element.elementor-element-65d91ef{--display:flex;}.elementor-28760 .elementor-element.elementor-element-8478563{--display:flex;}.elementor-28760 .elementor-element.elementor-element-51fadcf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-d837120{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-fc6a569{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-2951dc3{text-align:center;}.elementor-28760 .elementor-element.elementor-element-df9ef33{text-align:center;}.elementor-28760 .elementor-element.elementor-element-d628a3d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-28760 .elementor-element.elementor-element-aeae849{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28760 .elementor-element.elementor-element-940477e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28760 .elementor-element.elementor-element-8f16891{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28760 .elementor-element.elementor-element-a1c28f6{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28760 .elementor-element.elementor-element-c0db721{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28760 .elementor-element.elementor-element-b34620d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28760 .elementor-element.elementor-element-5569d92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-b4dc8d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-67fd1b9{text-align:center;}.elementor-28760 .elementor-element.elementor-element-33a3fd1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-28760 .elementor-element.elementor-element-8f5f4c9{--display:flex;}.elementor-28760 .elementor-element.elementor-element-40c6cbb .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-40c6cbb .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-40c6cbb .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-63f004c{--display:flex;}.elementor-28760 .elementor-element.elementor-element-a43d244 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-a43d244 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-a43d244 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-a2f2994{--display:flex;}.elementor-28760 .elementor-element.elementor-element-a64271a .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-a64271a .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-a64271a .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-07ba59c{--display:flex;}.elementor-28760 .elementor-element.elementor-element-a1c8261 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-a1c8261 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-a1c8261 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-8e6b27c{--display:flex;}.elementor-28760 .elementor-element.elementor-element-45d0d28 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-45d0d28 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-45d0d28 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-025dbcd{--display:flex;}.elementor-28760 .elementor-element.elementor-element-b074f89 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-b074f89 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-b074f89 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-36afd10{--display:flex;}.elementor-28760 .elementor-element.elementor-element-69408f4 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-69408f4 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-69408f4 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-1355fe7{--display:flex;}.elementor-28760 .elementor-element.elementor-element-bcdff5d .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-bcdff5d .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-bcdff5d .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-9e2553a{--display:flex;}.elementor-28760 .elementor-element.elementor-element-37a4599 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-37a4599 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-37a4599 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-2a2a0b0{--display:flex;}.elementor-28760 .elementor-element.elementor-element-cae0fc2 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-cae0fc2 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-cae0fc2 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-5d8d57d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-698ca3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-a2d683e{text-align:center;}.elementor-28760 .elementor-element.elementor-element-230bbbb{text-align:center;}.elementor-28760 .elementor-element.elementor-element-33c8ff2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-a3d493c{--display:flex;}.elementor-28760 .elementor-element.elementor-element-8305dc1 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-0458eda{--display:flex;}.elementor-28760 .elementor-element.elementor-element-c8abd6b{--display:flex;}.elementor-28760 .elementor-element.elementor-element-07a22ad .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-8079639{--display:flex;}.elementor-28760 .elementor-element.elementor-element-1e33cac .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-4730a63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-1f290e6 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-28760 .elementor-element.elementor-element-1f290e6 .elementor-icon-box-title, .elementor-28760 .elementor-element.elementor-element-1f290e6 .elementor-icon-box-title a{font-size:20px;font-weight:600;}.elementor-28760 .elementor-element.elementor-element-b901a63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-b901a63:not(.elementor-motion-effects-element-type-background), .elementor-28760 .elementor-element.elementor-element-b901a63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://internationaleducationcenters.de/wp-content/uploads/2026/08/so-einfach-funktioniert.png");}.elementor-28760 .elementor-element.elementor-element-65284f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-d859cf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-cbff256{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-6aa896c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-4272745{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-6d732f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-c238353{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-e084268{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-99c43e8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-faab732{--display:flex;}.elementor-28760 .elementor-element.elementor-element-0d38343{--display:flex;}.elementor-28760 .elementor-element.elementor-element-4fb3488 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-28760 .elementor-element.elementor-element-4fb3488 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-28760 .elementor-element.elementor-element-4fb3488{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-28760 .elementor-element.elementor-element-4fb3488 .elementor-icon-list-text{transition:color 0.3s;}.elementor-28760 .elementor-element.elementor-element-59f3395{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-0479ec0{text-align:center;}.elementor-28760 .elementor-element.elementor-element-57566c4{text-align:center;}.elementor-28760 .elementor-element.elementor-element-173a6de{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-28760 .elementor-element.elementor-element-cd58b28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-db535fd{--display:flex;}.elementor-28760 .elementor-element.elementor-element-aabe376{--display:flex;}.elementor-28760 .elementor-element.elementor-element-fb91ee4{--display:flex;}.elementor-28760 .elementor-element.elementor-element-6beeedd{--display:flex;}.elementor-28760 .elementor-element.elementor-element-499659b{--display:flex;}.elementor-28760 .elementor-element.elementor-element-fc44495{--display:flex;}.elementor-28760 .elementor-element.elementor-element-96a0fce{--display:flex;}.elementor-28760 .elementor-element.elementor-element-e8330f9{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-28760 .elementor-element.elementor-element-a155084{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28760 .elementor-element.elementor-element-dd30162{--display:flex;}.elementor-28760 .elementor-element.elementor-element-6defae5 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-8c114de{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-28760 .elementor-element.elementor-element-1b979a3{--display:flex;}.elementor-28760 .elementor-element.elementor-element-2fd9c17 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-c860d8f{--display:flex;}.elementor-28760 .elementor-element.elementor-element-ecb91a6 .elementor-icon-box-wrapper{gap:15px;}.elementor-28760 .elementor-element.elementor-element-9c77296{--display:flex;}.elementor-28760 .elementor-element.elementor-element-f4427b4 .elementor-icon-box-wrapper{gap:15px;}:root{--page-title-display:none;}@media(min-width:769px){.elementor-28760 .elementor-element.elementor-element-90a3856{--width:50%;}.elementor-28760 .elementor-element.elementor-element-8be2045{--width:50%;}.elementor-28760 .elementor-element.elementor-element-5a15a1c{--width:100%;}.elementor-28760 .elementor-element.elementor-element-e682c03{--width:100%;}.elementor-28760 .elementor-element.elementor-element-f22c91e{--width:100%;}.elementor-28760 .elementor-element.elementor-element-d103f1a{--content-width:1400px;}.elementor-28760 .elementor-element.elementor-element-a145a4d{--width:100%;}.elementor-28760 .elementor-element.elementor-element-f9785f9{--width:100%;}.elementor-28760 .elementor-element.elementor-element-ac0d441{--width:35%;}.elementor-28760 .elementor-element.elementor-element-08a34a6{--width:32%;}.elementor-28760 .elementor-element.elementor-element-fe82b33{--width:35%;}.elementor-28760 .elementor-element.elementor-element-e0b9f4d{--width:100%;}.elementor-28760 .elementor-element.elementor-element-b42d3c5{--width:100%;}.elementor-28760 .elementor-element.elementor-element-1a7a37d{--width:99%;}.elementor-28760 .elementor-element.elementor-element-7b607ff{--width:100%;}.elementor-28760 .elementor-element.elementor-element-6a3897c{--width:100%;}.elementor-28760 .elementor-element.elementor-element-fee7e11{--width:100%;}.elementor-28760 .elementor-element.elementor-element-30f2398{--width:100%;}.elementor-28760 .elementor-element.elementor-element-ef71c0d{--width:100%;}.elementor-28760 .elementor-element.elementor-element-bde49c4{--width:100%;}.elementor-28760 .elementor-element.elementor-element-b89d357{--width:100%;}.elementor-28760 .elementor-element.elementor-element-4392d56{--width:25%;}.elementor-28760 .elementor-element.elementor-element-36c29c5{--width:25%;}.elementor-28760 .elementor-element.elementor-element-d76bfcc{--width:25%;}.elementor-28760 .elementor-element.elementor-element-c1f4c50{--width:25%;}.elementor-28760 .elementor-element.elementor-element-51c85f2{--width:100%;}.elementor-28760 .elementor-element.elementor-element-1038c4e{--width:100%;}.elementor-28760 .elementor-element.elementor-element-e58eee2{--width:100%;}.elementor-28760 .elementor-element.elementor-element-9baee05{--width:100%;}.elementor-28760 .elementor-element.elementor-element-df44b12{--width:100%;}.elementor-28760 .elementor-element.elementor-element-cb41ada{--width:100%;}.elementor-28760 .elementor-element.elementor-element-222fef2{--width:100%;}.elementor-28760 .elementor-element.elementor-element-e2e85e4{--width:100%;}.elementor-28760 .elementor-element.elementor-element-024b88d{--width:100%;}.elementor-28760 .elementor-element.elementor-element-0706f43{--width:100%;}.elementor-28760 .elementor-element.elementor-element-9f63df1{--width:100%;}.elementor-28760 .elementor-element.elementor-element-3ebfd01{--width:100%;}.elementor-28760 .elementor-element.elementor-element-832bb7b{--width:100%;}.elementor-28760 .elementor-element.elementor-element-7774160{--width:100%;}.elementor-28760 .elementor-element.elementor-element-b753e6d{--width:100%;}.elementor-28760 .elementor-element.elementor-element-3a2ffe8{--width:100%;}.elementor-28760 .elementor-element.elementor-element-f918615{--width:100%;}.elementor-28760 .elementor-element.elementor-element-a56cc1e{--width:100%;}.elementor-28760 .elementor-element.elementor-element-65d91ef{--width:100%;}.elementor-28760 .elementor-element.elementor-element-8478563{--width:100%;}.elementor-28760 .elementor-element.elementor-element-fc6a569{--width:100%;}.elementor-28760 .elementor-element.elementor-element-d628a3d{--width:100%;}.elementor-28760 .elementor-element.elementor-element-aeae849{--width:100%;}.elementor-28760 .elementor-element.elementor-element-940477e{--width:100%;}.elementor-28760 .elementor-element.elementor-element-8f16891{--width:100%;}.elementor-28760 .elementor-element.elementor-element-a1c28f6{--width:100%;}.elementor-28760 .elementor-element.elementor-element-c0db721{--width:100%;}.elementor-28760 .elementor-element.elementor-element-b34620d{--width:100%;}.elementor-28760 .elementor-element.elementor-element-b4dc8d2{--width:100%;}.elementor-28760 .elementor-element.elementor-element-33a3fd1{--width:100%;}.elementor-28760 .elementor-element.elementor-element-8f5f4c9{--width:20%;}.elementor-28760 .elementor-element.elementor-element-63f004c{--width:20%;}.elementor-28760 .elementor-element.elementor-element-a2f2994{--width:20%;}.elementor-28760 .elementor-element.elementor-element-07ba59c{--width:20%;}.elementor-28760 .elementor-element.elementor-element-8e6b27c{--width:20%;}.elementor-28760 .elementor-element.elementor-element-025dbcd{--width:20%;}.elementor-28760 .elementor-element.elementor-element-36afd10{--width:20%;}.elementor-28760 .elementor-element.elementor-element-1355fe7{--width:20%;}.elementor-28760 .elementor-element.elementor-element-9e2553a{--width:20%;}.elementor-28760 .elementor-element.elementor-element-2a2a0b0{--width:20%;}.elementor-28760 .elementor-element.elementor-element-698ca3e{--width:100%;}.elementor-28760 .elementor-element.elementor-element-33c8ff2{--width:100%;}.elementor-28760 .elementor-element.elementor-element-a3d493c{--width:65%;}.elementor-28760 .elementor-element.elementor-element-0458eda{--width:25%;}.elementor-28760 .elementor-element.elementor-element-c8abd6b{--width:100%;}.elementor-28760 .elementor-element.elementor-element-8079639{--width:25%;}.elementor-28760 .elementor-element.elementor-element-4730a63{--width:100%;}.elementor-28760 .elementor-element.elementor-element-65284f3{--width:100%;}.elementor-28760 .elementor-element.elementor-element-d859cf1{--width:100%;}.elementor-28760 .elementor-element.elementor-element-cbff256{--width:100%;}.elementor-28760 .elementor-element.elementor-element-6aa896c{--width:100%;}.elementor-28760 .elementor-element.elementor-element-4272745{--width:100%;}.elementor-28760 .elementor-element.elementor-element-6d732f4{--width:100%;}.elementor-28760 .elementor-element.elementor-element-c238353{--width:100%;}.elementor-28760 .elementor-element.elementor-element-e084268{--width:100%;}.elementor-28760 .elementor-element.elementor-element-99c43e8{--width:100%;}.elementor-28760 .elementor-element.elementor-element-faab732{--width:100%;}.elementor-28760 .elementor-element.elementor-element-0d38343{--width:100%;}.elementor-28760 .elementor-element.elementor-element-cd58b28{--width:50%;}.elementor-28760 .elementor-element.elementor-element-a155084{--width:100%;}.elementor-28760 .elementor-element.elementor-element-1b979a3{--width:30%;}.elementor-28760 .elementor-element.elementor-element-c860d8f{--width:30%;}.elementor-28760 .elementor-element.elementor-element-9c77296{--width:30%;}}/* Start custom CSS for container, class: .elementor-element-90a3856 *//* =========================================================
   JOB-BSK HERO
   ========================================================= */

.job-bsk-hero {
    position: relative;
    overflow: hidden;
    min-height: 590px;
    background:
        radial-gradient(
            circle at 20% 40%,
            rgba(235, 245, 255, 0.70) 0%,
            rgba(255, 255, 255, 0) 48%
        ),
        #ffffff;
}


/* =========================================================
   SMALL TOP LABEL
   ========================================================= */

.job-bsk-kicker {
    position: relative;
    display: inline-block;
    margin-bottom: 14px;
}

.job-bsk-kicker,
.job-bsk-kicker * {
    color: #C99113 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    line-height: 1.4;
}

.job-bsk-kicker::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 9px;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        #D4A21A 0%,
        #F0C24A 100%
    );
}


/* =========================================================
   HERO TITLE
   ========================================================= */

.job-bsk-title {
    margin-bottom: 22px;
}

.job-bsk-title .elementor-heading-title {
    color: #102F63;
    font-size: clamp(42px, 3.5vw, 58px);
    font-weight: 750;
    line-height: 1.08;
    letter-spacing: -1.8px;
    max-width: 720px;
    text-wrap: balance;
}

.job-bsk-title .elementor-heading-title span {
    color: #0967DF;
}


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

.job-bsk-description {
    max-width: 690px;
    margin-bottom: 28px;
}

.job-bsk-description,
.job-bsk-description p {
    color: #34465F;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.1px;
}

.job-bsk-description p {
    margin-bottom: 0;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.job-bsk-btn-primary .elementor-button {
    position: relative;
    min-height: 54px;
    padding: 15px 27px !important;

    background: linear-gradient(
        135deg,
        #075BCC 0%,
        #0B73E8 100%
    ) !important;

    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 11px !important;

    font-size: 16px;
    font-weight: 650;
    letter-spacing: 0;

    box-shadow:
        0 10px 25px rgba(9, 91, 204, 0.22),
        0 3px 7px rgba(9, 91, 204, 0.10);

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

.job-bsk-btn-primary .elementor-button:hover {
    background: linear-gradient(
        135deg,
        #064FAF 0%,
        #0869D7 100%
    ) !important;

    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(9, 91, 204, 0.27),
        0 5px 10px rgba(9, 91, 204, 0.12);
}

.job-bsk-btn-primary .elementor-button:active {
    transform: translateY(0);
}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

.job-bsk-btn-secondary .elementor-button {
    min-height: 54px;
    padding: 14px 27px !important;

    background: rgba(255,255,255,0.90) !important;

    color: #075BCC !important;

    border: 1.5px solid #2575D8 !important;
    border-radius: 11px !important;

    font-size: 16px;
    font-weight: 650;

    box-shadow:
        0 5px 15px rgba(20, 66, 120, 0.05);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease;
}

.job-bsk-btn-secondary .elementor-button:hover {
    color: #ffffff !important;

    background: #102F63 !important;

    border-color: #102F63 !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 25px rgba(16, 47, 99, 0.20);
}


/* =========================================================
   BUTTON TEXT
   ========================================================= */

.job-bsk-btn-primary .elementor-button-text,
.job-bsk-btn-secondary .elementor-button-text {
    line-height: 1.2;
}


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

.job-bsk-btn-primary .elementor-button:focus-visible,
.job-bsk-btn-secondary .elementor-button:focus-visible {
    outline: 3px solid rgba(29, 112, 225, 0.28);
    outline-offset: 3px;
}


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

@media (max-width: 1024px) {

    .job-bsk-hero {
        min-height: auto;
    }

    .job-bsk-title .elementor-heading-title {
        font-size: clamp(38px, 5vw, 48px);
        line-height: 1.1;
        letter-spacing: -1.2px;
    }

    .job-bsk-description,
    .job-bsk-description p {
        font-size: 17px;
        line-height: 1.65;
    }
}


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

@media (max-width: 767px) {

    .job-bsk-title .elementor-heading-title {
        font-size: clamp(33px, 9vw, 41px);
        line-height: 1.08;
        letter-spacing: -0.8px;
    }

    .job-bsk-kicker,
    .job-bsk-kicker * {
        font-size: 12px !important;
    }

    .job-bsk-description,
    .job-bsk-description p {
        font-size: 16px;
        line-height: 1.6;
    }

    .job-bsk-btn-primary,
    .job-bsk-btn-secondary {
        width: 100%;
    }

    .job-bsk-btn-primary .elementor-button,
    .job-bsk-btn-secondary .elementor-button {
        width: 100%;
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bd1a98 *//* ==========================================================
   JOB-BSK HERO
   RESPONSIVE FINAL
   Desktop + Tablet + Mobile
   ========================================================== */


/* ----------------------------------------------------------
   HERO MAIN
   ---------------------------------------------------------- */

.job-bsk-hero {
    position: relative;
    overflow: hidden;

    min-height: 640px;

    background: #ffffff;
}


/* ----------------------------------------------------------
   LEFT CONTENT
   ---------------------------------------------------------- */

.job-bsk-copy {
    position: relative;
    z-index: 3;

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

    padding: 46px 10px 48px 0;
}


/* ----------------------------------------------------------
   KICKER
   ---------------------------------------------------------- */

.job-bsk-kicker {
    margin-bottom: 18px;
}

.job-bsk-kicker,
.job-bsk-kicker * {
    color: #c58b00 !important;

    font-size: 14px !important;
    font-weight: 750 !important;

    line-height: 1.35;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


/* little gold line */

.job-bsk-kicker::after {
    content: "";

    display: block;

    width: 48px;
    height: 3px;

    margin-top: 12px;

    border-radius: 50px;

    background: linear-gradient(
        90deg,
        #d49b08,
        #efc253
    );
}


/* ----------------------------------------------------------
   TITLE
   ---------------------------------------------------------- */

.job-bsk-title {
    margin-bottom: 24px;
}

.job-bsk-title .elementor-heading-title {
    max-width: 760px;

    margin: 0;

    color: #12366f;

    font-size: clamp(44px, 3.6vw, 64px);

    font-weight: 750;

    line-height: 1.08;

    letter-spacing: -1.8px;

    text-wrap: balance;
}


/* blue highlighted line */

.job-bsk-title .elementor-heading-title span {
    color: #096be8;
}


/* ----------------------------------------------------------
   DESCRIPTION
   ---------------------------------------------------------- */

.job-bsk-description {
    max-width: 700px;

    margin-bottom: 28px;
}

.job-bsk-description,
.job-bsk-description p {
    margin-top: 0;

    color: #314864;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.72;

    letter-spacing: -0.1px;
}

.job-bsk-description p:last-child {
    margin-bottom: 0;
}


/* ----------------------------------------------------------
   BUTTON WRAPPER
   ---------------------------------------------------------- */

.job-bsk-actions {
    display: flex !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

    align-items: center;

    gap: 14px !important;

    width: 100%;
}


/* remove unnecessary widget margins */

.job-bsk-actions .elementor-widget-button {
    width: auto !important;

    margin: 0 !important;
}


/* ----------------------------------------------------------
   PRIMARY BUTTON
   ---------------------------------------------------------- */

.job-bsk-btn-primary .elementor-button {
    min-height: 56px;

    padding: 16px 30px !important;

    border: 1px solid transparent;

    border-radius: 12px !important;

    background:
        linear-gradient(
            135deg,
            #075dcc,
            #0879ee
        ) !important;

    color: #ffffff !important;

    font-size: 16px;

    font-weight: 700;

    box-shadow:
        0 10px 24px rgba(8, 104, 220, 0.23);

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


.job-bsk-btn-primary .elementor-button:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #064fae,
            #086cda
        ) !important;

    box-shadow:
        0 15px 30px rgba(8, 91, 196, 0.28);
}


/* ----------------------------------------------------------
   SECONDARY BUTTON
   ---------------------------------------------------------- */

.job-bsk-btn-secondary .elementor-button {
    min-height: 56px;

    padding: 15px 30px !important;

    border: 1.5px solid #1471df !important;

    border-radius: 12px !important;

    background: rgba(255,255,255,.92) !important;

    color: #075dcc !important;

    font-size: 16px;

    font-weight: 700;

    box-shadow:
        0 4px 14px rgba(16,47,99,.05);

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease;
}


.job-bsk-btn-secondary .elementor-button:hover {
    transform: translateY(-3px);

    background: #12366f !important;

    border-color: #12366f !important;

    color: #ffffff !important;

    box-shadow:
        0 12px 25px rgba(18,54,111,.20);
}


/* ----------------------------------------------------------
   IMAGE SIDE
   ---------------------------------------------------------- */

.job-bsk-visual {
    position: relative;

    min-height: 640px;

    overflow: hidden;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;
}


/* subtle separation between copy and image */

.job-bsk-visual::before {
    content: "";

    position: absolute;

    inset: 0 auto 0 0;

    width: 90px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.55),
            rgba(255,255,255,0)
        );

    z-index: 1;
}



/* ==========================================================
   TABLET
   768px - 1024px
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .job-bsk-hero {
        min-height: 520px;
    }


    /* left column */
    .job-bsk-copy {
        width: 52% !important;

        padding:
            34px 18px
            38px 28px;
    }


    /* image column */
    .job-bsk-visual {
        width: 48% !important;

        min-height: 520px;

        background-size: cover !important;

        /*
         * Focus more on the woman in front
         * instead of center of whole photo
         */
        background-position: 45% center !important;
    }


    /* kicker */
    .job-bsk-kicker {
        margin-bottom: 14px;
    }

    .job-bsk-kicker,
    .job-bsk-kicker * {
        font-size: 11px !important;

        line-height: 1.3;
    }

    .job-bsk-kicker::after {
        width: 38px;
        margin-top: 8px;
    }


    /* title */
    .job-bsk-title {
        margin-bottom: 18px;
    }

    .job-bsk-title .elementor-heading-title {
        font-size: clamp(35px, 4.5vw, 46px);

        line-height: 1.07;

        letter-spacing: -1px;
    }


    /* description */
    .job-bsk-description {
        margin-bottom: 22px;
    }

    .job-bsk-description,
    .job-bsk-description p {
        font-size: 15px;

        line-height: 1.6;
    }


    /* buttons */
    .job-bsk-actions {
        gap: 10px !important;
    }


    .job-bsk-btn-primary .elementor-button,
    .job-bsk-btn-secondary .elementor-button {
        min-height: 48px;

        padding: 13px 19px !important;

        font-size: 14px;
    }


    /* reduce overlay */
    .job-bsk-visual::before {
        width: 60px;
    }
}



/* ==========================================================
   SMALL TABLET
   768px - 880px
   ========================================================== */

@media (min-width: 768px) and (max-width: 880px) {

    .job-bsk-copy {
        width: 55% !important;

        padding-left: 24px;
        padding-right: 14px;
    }


    .job-bsk-visual {
        width: 45% !important;

        background-position: 40% center !important;
    }


    .job-bsk-title .elementor-heading-title {
        font-size: 34px;

        line-height: 1.08;
    }


    .job-bsk-description,
    .job-bsk-description p {
        font-size: 14px;

        line-height: 1.55;
    }
}



/* ==========================================================
   MOBILE
   <= 767px
   ========================================================== */

@media (max-width: 767px) {

    /*
     * IMPORTANT:
     * text first
     * image second
     */

    .job-bsk-hero {
        min-height: auto;

        overflow: hidden;

        background: #ffffff;
    }


    /*
     * If Hero's direct parent is flex,
     * force vertical order
     */
    .job-bsk-hero > .e-con-inner,
    .job-bsk-hero {
        flex-direction: column !important;
    }


    /* ------------------------------------------------------
       COPY
       ------------------------------------------------------ */

    .job-bsk-copy {
        order: 1;

        width: 100% !important;

        padding:
            32px 22px
            24px 22px !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #fbfdff 100%
            );

        text-align: left;
    }


    /* kicker */

    .job-bsk-kicker {
        margin-bottom: 14px;
    }

    .job-bsk-kicker,
    .job-bsk-kicker * {
        font-size: 11px !important;

        line-height: 1.35;

        letter-spacing: .035em;
    }

    .job-bsk-kicker::after {
        width: 38px;

        height: 3px;

        margin-top: 8px;
    }


    /* ------------------------------------------------------
       TITLE
       ------------------------------------------------------ */

    .job-bsk-title {
        margin-bottom: 18px;
    }

    .job-bsk-title .elementor-heading-title {
        width: 100%;

        max-width: none;

        font-size: clamp(34px, 10vw, 43px);

        line-height: 1.07;

        letter-spacing: -1px;

        text-wrap: pretty;
    }


    /* ------------------------------------------------------
       DESCRIPTION
       ------------------------------------------------------ */

    .job-bsk-description {
        width: 100%;

        max-width: none;

        margin-bottom: 22px;
    }

    .job-bsk-description,
    .job-bsk-description p {
        font-size: 15px;

        line-height: 1.62;

        color: #344b67;
    }


    /* ------------------------------------------------------
       BUTTONS
       ------------------------------------------------------ */

    .job-bsk-actions {
        display: grid !important;

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

        gap: 10px !important;

        width: 100%;
    }


    .job-bsk-actions .elementor-widget-button {
        width: 100% !important;
    }


    .job-bsk-btn-primary .elementor-button,
    .job-bsk-btn-secondary .elementor-button {
        display: flex;

        width: 100%;

        min-height: 52px;

        align-items: center;

        justify-content: center;

        padding: 13px 14px !important;

        font-size: 14px;

        white-space: nowrap;
    }


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

    .job-bsk-visual {
        order: 2;

        width: calc(100% - 28px) !important;

        min-height: 310px;

        margin:
            8px 14px
            24px 14px;

        border-radius: 22px;

        overflow: hidden;

        background-size: cover !important;

        /*
         * Keep main woman visible
         */
        background-position: 42% center !important;

        box-shadow:
            0 16px 35px rgba(16,47,99,.12);
    }


    /*
     * Remove desktop gradient on mobile.
     */
    .job-bsk-visual::before {
        display: none;
    }
}



/* ==========================================================
   VERY SMALL PHONES
   <= 480px
   ========================================================== */

@media (max-width: 480px) {

    .job-bsk-copy {
        padding:
            28px 18px
            22px 18px !important;
    }


    .job-bsk-title .elementor-heading-title {
        font-size: clamp(31px, 9.5vw, 38px);

        line-height: 1.08;

        letter-spacing: -.7px;
    }


    .job-bsk-description,
    .job-bsk-description p {
        font-size: 14.5px;

        line-height: 1.6;
    }


    /*
     * On narrow phones:
     * buttons become vertical.
     */
    .job-bsk-actions {
        grid-template-columns: 1fr;
    }


    .job-bsk-btn-primary .elementor-button,
    .job-bsk-btn-secondary .elementor-button {
        min-height: 52px;

        font-size: 15px;
    }


    .job-bsk-visual {
        width: calc(100% - 24px) !important;

        min-height: 270px;

        margin-left: 12px;
        margin-right: 12px;

        border-radius: 18px;

        background-position: 41% center !important;
    }
}



/* ==========================================================
   VERY SMALL PHONE
   <= 380px
   ========================================================== */

@media (max-width: 380px) {

    .job-bsk-title .elementor-heading-title {
        font-size: 30px;
    }

    .job-bsk-description,
    .job-bsk-description p {
        font-size: 14px;
    }

    .job-bsk-visual {
        min-height: 240px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-1b9bb73 *//* =========================================================
   IEC JOB-BSK TRUST STRIP — FINAL
   Desktop: 4 columns
   Tablet: 2 x 2
   Mobile: 1 column
   ========================================================= */

.iec-trust-strip {
    width: calc(100% - 70px);
    max-width: 1450px;

    margin: -34px auto 0;
    padding: 18px 24px;

    position: relative;
    z-index: 20;

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

    border: 1px solid rgba(16, 47, 99, 0.08);
    border-radius: 20px;

    box-shadow:
        0 14px 35px rgba(16, 47, 99, 0.10),
        0 3px 8px rgba(16, 47, 99, 0.04);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}


/* =========================================================
   LIST → REAL 4 COLUMN GRID
   ========================================================= */

.iec-trust-strip .elementor-icon-list-items {
    display: grid !important;

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

    align-items: stretch;

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

    gap: 0 !important;
}


/* =========================================================
   EACH ITEM
   ========================================================= */

.iec-trust-strip .elementor-icon-list-item {
    width: 100% !important;
    min-width: 0 !important;

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

    gap: 13px;

    padding: 8px 24px !important;
    margin: 0 !important;

    position: relative;

    white-space: normal !important;
}


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

.iec-trust-strip
.elementor-icon-list-item:not(:last-child)::after {

    content: "";

    position: absolute;

    right: 0;
    top: 50%;

    width: 1px;
    height: 38px;

    transform: translateY(-50%);

    background: rgba(16, 47, 99, 0.11);
}


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

.iec-trust-strip .elementor-icon-list-icon {
    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 30px !important;

    width: 30px !important;
    min-width: 30px !important;

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


.iec-trust-strip .elementor-icon-list-icon i {
    font-size: 25px !important;

    color: #102F63 !important;

    line-height: 1 !important;
}


.iec-trust-strip .elementor-icon-list-icon svg {
    width: 25px !important;
    height: 25px !important;

    fill: #102F63 !important;
    color: #102F63 !important;

    flex-shrink: 0;
}


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

.iec-trust-strip .elementor-icon-list-text {
    display: block !important;

    min-width: 0 !important;

    color: #10233D !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    white-space: normal !important;

    overflow-wrap: normal;
    word-break: normal;

    text-align: left;
}


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

.iec-trust-strip .elementor-icon-list-item {
    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}


.iec-trust-strip .elementor-icon-list-item:hover {
    background: rgba(9, 103, 223, 0.035);
}


/* =========================================================
   MEDIUM DESKTOP
   Prevent compressed 4-column layout
   ========================================================= */

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

    .iec-trust-strip {
        width: calc(100% - 40px);

        padding-left: 16px;
        padding-right: 16px;
    }

    .iec-trust-strip .elementor-icon-list-item {
        padding-left: 15px !important;
        padding-right: 15px !important;

        gap: 9px;
    }

    .iec-trust-strip .elementor-icon-list-text {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    .iec-trust-strip .elementor-icon-list-icon {
        flex-basis: 24px !important;

        width: 24px !important;
        min-width: 24px !important;
    }

    .iec-trust-strip .elementor-icon-list-icon i {
        font-size: 21px !important;
    }

    .iec-trust-strip .elementor-icon-list-icon svg {
        width: 21px !important;
        height: 21px !important;
    }
}


/* =========================================================
   TABLET — 2 x 2
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .iec-trust-strip {
        width: calc(100% - 32px);

        margin-top: -22px;

        padding: 12px 18px;

        border-radius: 18px;
    }


    .iec-trust-strip .elementor-icon-list-items {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        row-gap: 0 !important;
    }


    .iec-trust-strip .elementor-icon-list-item {
        min-height: 70px;

        padding: 13px 20px !important;
    }


    /* reset desktop divider */
    .iec-trust-strip
    .elementor-icon-list-item::after {

        display: none !important;
    }


    /* vertical divider between columns */
    .iec-trust-strip
    .elementor-icon-list-item:nth-child(odd) {

        border-right:
            1px solid rgba(16, 47, 99, 0.10);
    }


    /* horizontal divider between rows */
    .iec-trust-strip
    .elementor-icon-list-item:nth-child(-n+2) {

        border-bottom:
            1px solid rgba(16, 47, 99, 0.10);
    }


    .iec-trust-strip .elementor-icon-list-text {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }


    .iec-trust-strip .elementor-icon-list-icon {
        flex-basis: 26px !important;

        width: 26px !important;
        min-width: 26px !important;
    }


    .iec-trust-strip .elementor-icon-list-icon i {
        font-size: 22px !important;
    }


    .iec-trust-strip .elementor-icon-list-icon svg {
        width: 22px !important;
        height: 22px !important;
    }
}


/* =========================================================
   MOBILE — ONE ITEM PER ROW
   ========================================================= */

@media (max-width: 767px) {

    .iec-trust-strip {
        width: calc(100% - 24px);

        margin-top: -15px;

        padding: 8px 17px;

        border-radius: 16px;

        box-shadow:
            0 10px 25px rgba(16, 47, 99, 0.09);
    }


    .iec-trust-strip .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }


    .iec-trust-strip .elementor-icon-list-item {
        min-height: 58px;

        padding: 12px 4px !important;

        border-right: 0 !important;
    }


    .iec-trust-strip
    .elementor-icon-list-item::after {

        display: none !important;
    }


    .iec-trust-strip
    .elementor-icon-list-item:not(:last-child) {

        border-bottom:
            1px solid rgba(16, 47, 99, 0.09);
    }


    .iec-trust-strip .elementor-icon-list-icon {
        flex: 0 0 27px !important;

        width: 27px !important;
        min-width: 27px !important;
    }


    .iec-trust-strip .elementor-icon-list-icon i {
        font-size: 22px !important;
    }


    .iec-trust-strip .elementor-icon-list-icon svg {
        width: 22px !important;
        height: 22px !important;
    }


    .iec-trust-strip .elementor-icon-list-text {
        font-size: 14px !important;
        line-height: 1.4 !important;

        white-space: normal !important;
    }
}

/* =========================================================
   JOB-BSK TRUST STRIP — PREMIUM HOVER EFFECT
   ========================================================= */

/* Each trust item */
.iec-trust-strip .elementor-icon-list-item {
    position: relative;
    border-radius: 14px;

    transition:
        transform 0.28s cubic-bezier(.2,.8,.2,1),
        background-color 0.28s ease,
        box-shadow 0.28s ease;
}


/* Hover */
.iec-trust-strip .elementor-icon-list-item:hover {
    transform: translateY(-6px);

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

    box-shadow:
        0 12px 28px rgba(16,47,99,0.12),
        0 4px 10px rgba(16,47,99,0.06);

    z-index: 5;
}


/* =========================================================
   ICON ANIMATION
   ========================================================= */

.iec-trust-strip .elementor-icon-list-icon {
    transition:
        transform 0.28s cubic-bezier(.2,.8,.2,1),
        color 0.28s ease;
}


.iec-trust-strip .elementor-icon-list-icon i,
.iec-trust-strip .elementor-icon-list-icon svg {
    transition:
        transform 0.28s cubic-bezier(.2,.8,.2,1),
        color 0.28s ease,
        fill 0.28s ease;
}


/* Icon slightly larger */
.iec-trust-strip
.elementor-icon-list-item:hover
.elementor-icon-list-icon {
    transform: scale(1.10);
}


/* Icon becomes brand blue */
.iec-trust-strip
.elementor-icon-list-item:hover
.elementor-icon-list-icon i {
    color: #0967DF !important;
}


.iec-trust-strip
.elementor-icon-list-item:hover
.elementor-icon-list-icon svg {
    color: #0967DF !important;
    fill: #0967DF !important;
}


/* =========================================================
   TEXT EFFECT
   ========================================================= */

.iec-trust-strip .elementor-icon-list-text {
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


.iec-trust-strip
.elementor-icon-list-item:hover
.elementor-icon-list-text {
    color: #075BCC !important;
}


/* =========================================================
   SUBTLE GOLD ACCENT
   ========================================================= */

.iec-trust-strip .elementor-icon-list-item::before {
    content: "";

    position: absolute;

    left: 22px;
    right: 22px;
    bottom: 2px;

    height: 3px;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        #D19A18,
        #F1C452
    );

    transform: scaleX(0);
    transform-origin: center;

    opacity: 0;

    transition:
        transform 0.30s cubic-bezier(.2,.8,.2,1),
        opacity 0.25s ease;
}


.iec-trust-strip
.elementor-icon-list-item:hover::before {
    transform: scaleX(1);
    opacity: 1;
}


/* =========================================================
   TOUCH DEVICES
   Don't force hover animations
   ========================================================= */

@media (hover: none) {

    .iec-trust-strip .elementor-icon-list-item:hover {
        transform: none;
        box-shadow: none;
        background: transparent;
    }

    .iec-trust-strip
    .elementor-icon-list-item:hover::before {
        transform: scaleX(0);
        opacity: 0;
    }
}


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

@media (prefers-reduced-motion: reduce) {

    .iec-trust-strip *,
    .iec-trust-strip *::before,
    .iec-trust-strip *::after {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-def9cc7 *//* =========================================================
   JOB BSK – PREMIUM STATS BANNER
   ========================================================= */

.job-bsk-stats {
    width: 100%;
    max-width: 1450px;
    margin: 30px auto 55px !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;

    padding: 14px !important;

    background:
        linear-gradient(
            135deg,
            #f5faff 0%,
            #ffffff 48%,
            #f7fbff 100%
        ) !important;

    border: 1px solid #dceaf8 !important;
    border-radius: 26px !important;

    box-shadow:
        0 18px 45px rgba(18, 63, 119, 0.09),
        0 4px 10px rgba(18, 63, 119, 0.04) !important;

    overflow: hidden;
}


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

.job-bsk-stat {
    position: relative;

    min-width: 0;
    min-height: 155px;

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

    padding: 28px 24px !important;

    border-radius: 18px !important;
    text-align: center;

    overflow: hidden;

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


/* =========================================================
   CARD 1 – NAVY
   ========================================================= */

.job-bsk-ue {
    background:
        linear-gradient(
            145deg,
            #f0f6fc 0%,
            #ffffff 80%
        ) !important;

    border: 1px solid rgba(18, 63, 119, 0.12) !important;
}

.job-bsk-ue::before {
    content: "";
    position: absolute;

    top: 0;
    left: 20%;

    width: 60%;
    height: 4px;

    border-radius: 0 0 10px 10px;

    background: #123f77;
}


/* =========================================================
   CARD 2 – BLUE
   ========================================================= */

.job-bsk-people {
    background:
        linear-gradient(
            145deg,
            #edf7ff 0%,
            #ffffff 80%
        ) !important;

    border: 1px solid rgba(8, 118, 232, 0.14) !important;
}

.job-bsk-people::before {
    content: "";
    position: absolute;

    top: 0;
    left: 20%;

    width: 60%;
    height: 4px;

    border-radius: 0 0 10px 10px;

    background: #0876e8;
}


/* =========================================================
   CARD 3 – GOLD
   ========================================================= */

.job-bsk-free {
    background:
        linear-gradient(
            145deg,
            #fff9e9 0%,
            #ffffff 80%
        ) !important;

    border: 1px solid rgba(190, 137, 0, 0.16) !important;
}

.job-bsk-free::before {
    content: "";
    position: absolute;

    top: 0;
    left: 20%;

    width: 60%;
    height: 4px;

    border-radius: 0 0 10px 10px;

    background: #c18a00;
}


/* =========================================================
   HEADING – FORCE ELEMENTOR OVERRIDE
   ========================================================= */

.job-bsk-stat-title {
    width: 100% !important;
    margin: 0 !important;
}


/* Heading widget itself */

.job-bsk-stat-title .elementor-heading-title,
.job-bsk-stat-title h1,
.job-bsk-stat-title h2,
.job-bsk-stat-title h3,
.job-bsk-stat-title h4 {
    margin: 0 !important;

    font-size: clamp(29px, 2.2vw, 39px) !important;
    line-height: 1.1 !important;

    font-weight: 800 !important;

    letter-spacing: -0.6px !important;

    text-align: center !important;
}


/* NAVY TITLE */

.job-bsk-ue .elementor-heading-title,
.job-bsk-ue h1,
.job-bsk-ue h2,
.job-bsk-ue h3,
.job-bsk-ue h4 {
    color: #123f77 !important;
}


/* BLUE TITLE */

.job-bsk-people .elementor-heading-title,
.job-bsk-people h1,
.job-bsk-people h2,
.job-bsk-people h3,
.job-bsk-people h4 {
    color: #0876e8 !important;
}


/* GOLD TITLE */

.job-bsk-free .elementor-heading-title,
.job-bsk-free h1,
.job-bsk-free h2,
.job-bsk-free h3,
.job-bsk-free h4 {
    color: #a87500 !important;

    font-size: clamp(27px, 2vw, 35px) !important;
}


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

.job-bsk-stat-desc {
    width: 100% !important;

    margin-top: 12px !important;
    margin-bottom: 0 !important;
}


.job-bsk-stat-desc,
.job-bsk-stat-desc p {
    margin-bottom: 0 !important;

    color: #526477 !important;

    font-size: 16px !important;
    line-height: 1.5 !important;

    font-weight: 500 !important;

    text-align: center !important;
}


/* =========================================================
   SMALL DECORATIVE DOT
   ========================================================= */

.job-bsk-stat::after {
    content: "";

    position: absolute;

    width: 95px;
    height: 95px;

    right: -45px;
    bottom: -55px;

    border-radius: 50%;

    pointer-events: none;
}


.job-bsk-ue::after {
    background: rgba(18, 63, 119, 0.05);
}


.job-bsk-people::after {
    background: rgba(8, 118, 232, 0.06);
}


.job-bsk-free::after {
    background: rgba(193, 138, 0, 0.07);
}


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

@media (hover: hover) {

    .job-bsk-stat:hover {
        transform: translateY(-5px);

        box-shadow:
            0 15px 28px rgba(18, 63, 119, 0.10);
    }

    .job-bsk-ue:hover {
        border-color: rgba(18, 63, 119, 0.25) !important;
    }

    .job-bsk-people:hover {
        border-color: rgba(8, 118, 232, 0.28) !important;
    }

    .job-bsk-free:hover {
        border-color: rgba(193, 138, 0, 0.30) !important;
    }
}


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

@media (max-width: 1024px) {

    .job-bsk-stats {
        gap: 10px !important;
        padding: 10px !important;
    }

    .job-bsk-stat {
        min-height: 145px;
        padding: 24px 14px !important;
    }

    .job-bsk-stat-title .elementor-heading-title,
    .job-bsk-stat-title h1,
    .job-bsk-stat-title h2,
    .job-bsk-stat-title h3 {
        font-size: 27px !important;
    }

    .job-bsk-free .elementor-heading-title,
    .job-bsk-free h1,
    .job-bsk-free h2,
    .job-bsk-free h3 {
        font-size: 24px !important;
    }

    .job-bsk-stat-desc,
    .job-bsk-stat-desc p {
        font-size: 14px !important;
    }
}


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

@media (max-width: 767px) {

    .job-bsk-stats {
        grid-template-columns: 1fr !important;

        gap: 10px !important;

        padding: 10px !important;

        border-radius: 20px !important;

        margin: 20px auto 35px !important;
    }

    .job-bsk-stat {
        min-height: 125px;

        padding: 24px 18px !important;

        border-radius: 15px !important;
    }

    .job-bsk-stat-title .elementor-heading-title,
    .job-bsk-stat-title h1,
    .job-bsk-stat-title h2,
    .job-bsk-stat-title h3 {
        font-size: 29px !important;
    }

    .job-bsk-free .elementor-heading-title,
    .job-bsk-free h1,
    .job-bsk-free h2,
    .job-bsk-free h3 {
        font-size: 27px !important;
    }

    .job-bsk-stat-desc,
    .job-bsk-stat-desc p {
        font-size: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08a34a6 *//* =====================================================
   JOB-BSK SOLUTION CIRCLE
   ===================================================== */

.job-bsk-solution {
    position: relative;

    width: 310px !important;
    height: 310px !important;
    min-width: 310px;

    aspect-ratio: 1 / 1;

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

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

    gap: 5px !important;

    padding: 38px !important;

    text-align: center;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle at 35% 25%,
            #1278ef 0%,
            #075fd9 45%,
            #064ab4 100%
        );

    border: 2px solid rgba(255,255,255,.9);

    box-shadow:
        0 18px 42px rgba(5,82,185,.22),
        0 5px 14px rgba(5,82,185,.12),
        inset 0 1px 0 rgba(255,255,255,.20);

    overflow: hidden;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease;
}


/* subtle glow */

.job-bsk-solution::before {
    content: "";

    position: absolute;

    width: 170px;
    height: 170px;

    top: -65px;
    left: -40px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.10);

    filter: blur(8px);

    pointer-events: none;
}


/* =====================================================
   TOP LABEL
   ===================================================== */

.job-bsk-solution-label {
    position: relative;
    z-index: 2;

    margin: 0 !important;
}

.job-bsk-solution-label,
.job-bsk-solution-label * {
    color: rgba(255,255,255,.92) !important;

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

    line-height: 1.2 !important;

    letter-spacing: .02em;
}


/* =====================================================
   JOB-BSK
   ===================================================== */

.job-bsk-solution-title {
    position: relative;
    z-index: 2;

    margin: 2px 0 12px !important;
}

.job-bsk-solution-title,
.job-bsk-solution-title * {
    color: #ffffff !important;

    font-size: 32px !important;
    font-weight: 750 !important;

    line-height: 1.1 !important;

    letter-spacing: -.5px;
}


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

.job-bsk-solution-icon {
    position: relative;
    z-index: 2;

    margin: 3px 0 12px !important;

    transition: transform .3s ease;
}

.job-bsk-solution-icon .elementor-icon {
    color: #ffffff !important;

    font-size: 54px !important;
}

.job-bsk-solution-icon svg {
    width: 54px !important;
    height: 54px !important;

    fill: #ffffff !important;
}


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

.job-bsk-solution-text {
    position: relative;
    z-index: 2;

    margin: 0 !important;
}

.job-bsk-solution-text,
.job-bsk-solution-text p {
    color: rgba(255,255,255,.94) !important;

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

    line-height: 1.4 !important;

    margin: 0 !important;
}


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

@media (hover:hover) {

    .job-bsk-solution:hover {
        transform: translateY(-7px) scale(1.025);

        box-shadow:
            0 25px 50px rgba(5,82,185,.30),
            0 8px 18px rgba(5,82,185,.15),
            inset 0 1px 0 rgba(255,255,255,.25);
    }

    .job-bsk-solution:hover
    .job-bsk-solution-icon {

        transform:
            translateY(-2px)
            scale(1.10);
    }
}


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

@media (max-width:1024px) {

    .job-bsk-solution {
        width: 235px !important;
        height: 235px !important;
        min-width: 235px;

        padding: 26px !important;
    }

    .job-bsk-solution-label,
    .job-bsk-solution-label * {
        font-size: 14px !important;
    }

    .job-bsk-solution-title,
    .job-bsk-solution-title * {
        font-size: 25px !important;
    }

    .job-bsk-solution-icon .elementor-icon {
        font-size: 42px !important;
    }

    .job-bsk-solution-icon svg {
        width: 42px !important;
        height: 42px !important;
    }

    .job-bsk-solution-text,
    .job-bsk-solution-text p {
        font-size: 13px !important;
    }
}


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

@media (max-width:767px) {

    .job-bsk-solution {
        width: 220px !important;
        height: 220px !important;
        min-width: 220px;

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

        padding: 24px !important;
    }

    .job-bsk-solution-title,
    .job-bsk-solution-title * {
        font-size: 24px !important;
    }

    .job-bsk-solution-icon .elementor-icon {
        font-size: 40px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d103f1a *//* ==========================================================
   JOB-BSK
   PROBLEM → SOLUTION → RESULT
   FINAL CLEAN CSS
   ========================================================== */


/* ==========================================================
   WHOLE SECTION
   ========================================================== */

.job-bsk-flow-section {
    width: 100%;

    position: relative;

    padding: 58px 24px 64px !important;

    background:
        linear-gradient(
            180deg,
            #f3f9ff 0%,
            #eef7ff 48%,
            #ffffff 100%
        );

    overflow: hidden;
}


/* subtle background glow */

.job-bsk-flow-section::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: 50%;
    top: 45%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(23, 113, 224, 0.08) 0%,
            rgba(23, 113, 224, 0) 70%
        );

    pointer-events: none;
}



/* ==========================================================
   SECTION HEADING
   ========================================================== */

.job-bsk-flow-heading {
    position: relative;
    z-index: 2;

    width: 100%;

    margin:
        0 auto 10px !important;

    text-align: center;
}


.job-bsk-flow-heading .elementor-heading-title {
    max-width: 1050px;

    margin:
        0 auto !important;

    color: #102f63;

    font-size: clamp(32px, 2.8vw, 44px) !important;

    font-weight: 750 !important;

    line-height: 1.15 !important;

    letter-spacing: -0.8px;

    text-align: center;
}



/* ==========================================================
   SUBTITLE
   ========================================================== */

.job-bsk-flow-subtitle {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 980px;

    margin:
        0 auto 38px !important;

    text-align: center;
}


.job-bsk-flow-subtitle,
.job-bsk-flow-subtitle p {
    margin-top: 0 !important;

    color: #455a73;

    font-size: 16px !important;

    line-height: 1.6 !important;

    text-align: center;
}



/* ==========================================================
   MAIN DESKTOP GRID
   ========================================================== */

.job-bsk-flow-grid {
    position: relative;
    z-index: 2;

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

    margin:
        0 auto !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        330px
        minmax(0, 1fr) !important;

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

    gap: 34px !important;

    box-sizing: border-box;
}


/* Elementor children reset */

.job-bsk-flow-grid > .e-con,
.job-bsk-flow-grid > .elementor-element {
    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    flex: none !important;
}



/* ==========================================================
   SHARED LEFT + RIGHT CARD
   ========================================================== */

.job-bsk-problem-card,
.job-bsk-result-card {
    position: relative;

    width: 100% !important;
    max-width: none !important;

    min-width: 0 !important;
    min-height: 410px;

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

    justify-content: center !important;

    padding:
        36px 32px
        34px !important;

    border-radius: 26px !important;

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform .30s cubic-bezier(.2,.8,.2,1),
        box-shadow .30s ease,
        border-color .30s ease;
}



/* ==========================================================
   LEFT / PROBLEM
   ========================================================== */

.job-bsk-problem-card {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffafa 45%,
            #fff3f3 100%
        );

    border:
        1px solid rgba(222, 65, 72, .16);

    box-shadow:
        0 18px 40px rgba(121, 43, 49, .08),
        0 4px 10px rgba(121, 43, 49, .035);
}


/* red top line */

.job-bsk-problem-card::after {
    content: "";

    position: absolute;

    top: 0;
    left: 34px;

    width: 58px;
    height: 4px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            #e2474e,
            #ff767c
        );

    transition:
        width .30s ease;
}


/* subtle red glow */

.job-bsk-problem-card::before {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    left: -90px;
    bottom: -95px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(228, 63, 72, .10) 0%,
            rgba(228, 63, 72, 0) 72%
        );

    pointer-events: none;
}



/* ==========================================================
   LEFT TITLE
   ========================================================== */

.job-bsk-problem-title {
    width: 100%;

    margin:
        0 0
        26px !important;
}


.job-bsk-problem-title .elementor-heading-title,
.job-bsk-problem-title * {
    color: #cc363d !important;

    font-size: 21px !important;
    font-weight: 750 !important;

    line-height: 1.2 !important;

    letter-spacing: -.15px;

    white-space: normal !important;
}



/* ==========================================================
   LEFT LIST
   ========================================================== */

.job-bsk-problem-list {
    width: 100% !important;
}


.job-bsk-problem-list .elementor-icon-list-items {
    width: 100% !important;

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

    gap: 15px !important;

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


.job-bsk-problem-list .elementor-icon-list-item {
    width: 100% !important;

    display: flex !important;

    align-items: flex-start !important;

    gap: 12px !important;

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


/* icon circle */

.job-bsk-problem-list .elementor-icon-list-icon {
    flex:
        0 0 34px !important;

    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;

    display: flex !important;

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

    margin:
        -2px 0 0 !important;

    border-radius: 50%;

    background: #ffeded;

    transition:
        transform .25s ease,
        background .25s ease;
}


.job-bsk-problem-list .elementor-icon-list-icon i {
    color: #e3454c !important;

    font-size: 15px !important;
}


.job-bsk-problem-list .elementor-icon-list-icon svg {
    width: 16px !important;
    height: 16px !important;

    color: #e3454c !important;
    fill: #e3454c !important;
}


/* text */

.job-bsk-problem-list .elementor-icon-list-text {
    display: block !important;

    min-width: 0 !important;

    padding:
        4px 0 0 !important;

    color: #2f435a !important;

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

    line-height: 1.42 !important;

    white-space: normal !important;

    overflow-wrap: break-word;
}



/* ==========================================================
   RIGHT / RESULT CARD
   ========================================================== */

.job-bsk-result-card {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfffc 45%,
            #f0faf3 100%
        );

    border:
        1px solid rgba(49, 150, 69, .17);

    box-shadow:
        0 18px 40px rgba(39, 112, 52, .08),
        0 4px 10px rgba(39, 112, 52, .035);
}


/* green line */

.job-bsk-result-card::after {
    content: "";

    position: absolute;

    top: 0;
    left: 34px;

    width: 58px;
    height: 4px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            #329849,
            #68ba6c
        );

    transition:
        width .30s ease;
}


/* green glow */

.job-bsk-result-card::before {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -90px;
    bottom: -95px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(48, 153, 70, .10) 0%,
            rgba(48, 153, 70, 0) 72%
        );

    pointer-events: none;
}



/* ==========================================================
   RIGHT TITLE
   ========================================================== */

.job-bsk-result-title {
    width: 100%;

    margin:
        0 0
        26px !important;
}


.job-bsk-result-title .elementor-heading-title,
.job-bsk-result-title * {
    color: #2d913f !important;

    font-size: 21px !important;
    font-weight: 750 !important;

    line-height: 1.2 !important;

    letter-spacing: -.15px;

    white-space: normal !important;
}



/* ==========================================================
   RIGHT LIST
   ========================================================== */

.job-bsk-result-list {
    width: 100% !important;
}


.job-bsk-result-list .elementor-icon-list-items {
    width: 100% !important;

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

    gap: 15px !important;

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


.job-bsk-result-list .elementor-icon-list-item {
    width: 100% !important;

    display: flex !important;

    align-items: flex-start !important;

    gap: 12px !important;

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


/* icon circle */

.job-bsk-result-list .elementor-icon-list-icon {
    flex:
        0 0 34px !important;

    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;

    display: flex !important;

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

    margin:
        -2px 0 0 !important;

    border-radius: 50%;

    background: #eaf7ed;

    transition:
        transform .25s ease,
        background .25s ease;
}


.job-bsk-result-list .elementor-icon-list-icon i {
    color: #31984a !important;

    font-size: 15px !important;
}


.job-bsk-result-list .elementor-icon-list-icon svg {
    width: 16px !important;
    height: 16px !important;

    color: #31984a !important;
    fill: #31984a !important;
}


.job-bsk-result-list .elementor-icon-list-text {
    display: block !important;

    min-width: 0 !important;

    padding:
        4px 0 0 !important;

    color: #2f435a !important;

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

    line-height: 1.42 !important;

    white-space: normal !important;

    overflow-wrap: break-word;
}



/* ==========================================================
   CENTER SOLUTION CIRCLE
   ========================================================== */

.job-bsk-solution,
.job-bsk-solution.e-con {
    --width: 310px !important;
    --min-height: 310px !important;

    position: relative;

    width: 310px !important;
    height: 310px !important;

    min-width: 310px !important;
    max-width: 310px !important;

    min-height: 310px !important;
    max-height: 310px !important;

    aspect-ratio: 1 / 1;

    display: flex !important;

    flex-direction: column !important;

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

    align-self: center !important;

    margin:
        0 auto !important;

    padding: 34px !important;

    border-radius: 50% !important;

    text-align: center;

    background:
        radial-gradient(
            circle at 35% 22%,
            #2989ef 0%,
            #0968df 48%,
            #0752bd 100%
        ) !important;

    border:
        2px solid rgba(255,255,255,.95);

    box-shadow:
        0 22px 48px rgba(5, 84, 190, .22),
        0 6px 15px rgba(5, 84, 190, .10);

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease;
}


/* internal Elementor wrapper */

.job-bsk-solution > .e-con-inner {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;
}



/* ==========================================================
   SOLUTION TEXT
   ========================================================== */

.job-bsk-solution-label,
.job-bsk-solution-label * {
    margin: 0 !important;

    color: rgba(255,255,255,.92) !important;

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

    line-height: 1.2 !important;

    text-align: center !important;
}


.job-bsk-solution-title,
.job-bsk-solution-title * {
    margin:
        3px 0
        12px !important;

    color: #ffffff !important;

    font-size: 31px !important;
    font-weight: 750 !important;

    line-height: 1.05 !important;

    text-align: center !important;
}


.job-bsk-solution-icon {
    margin:
        3px 0
        13px !important;
}


.job-bsk-solution-icon .elementor-icon {
    color: #ffffff !important;

    font-size: 52px !important;
}


.job-bsk-solution-icon svg {
    width: 52px !important;
    height: 52px !important;

    fill: #ffffff !important;
}


.job-bsk-solution-text,
.job-bsk-solution-text p {
    margin: 0 !important;

    color: rgba(255,255,255,.94) !important;

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

    line-height: 1.4 !important;

    text-align: center !important;
}



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

@media (hover: hover) {

    .job-bsk-problem-card:hover,
    .job-bsk-result-card:hover {
        transform: translateY(-7px);
    }


    .job-bsk-problem-card:hover {
        border-color:
            rgba(222, 65, 72, .27);

        box-shadow:
            0 25px 48px rgba(121, 43, 49, .13);
    }


    .job-bsk-result-card:hover {
        border-color:
            rgba(49, 150, 69, .27);

        box-shadow:
            0 25px 48px rgba(39, 112, 52, .13);
    }


    .job-bsk-problem-card:hover::after,
    .job-bsk-result-card:hover::after {
        width: 86px;
    }


    .job-bsk-problem-card:hover
    .elementor-icon-list-icon,

    .job-bsk-result-card:hover
    .elementor-icon-list-icon {
        transform: scale(1.08);
    }


    .job-bsk-solution:hover {
        transform:
            translateY(-6px)
            scale(1.025);

        box-shadow:
            0 28px 55px rgba(5,84,190,.29);
    }
}



/* ==========================================================
   TABLET
   <= 1024px
   IMPORTANT: VERTICAL FLOW
   ========================================================== */

@media screen and (max-width: 1024px) {

    .job-bsk-flow-section {
        padding:
            48px 24px
            54px !important;
    }


    .job-bsk-flow-heading .elementor-heading-title {
        max-width: 760px;

        font-size: 31px !important;

        line-height: 1.17 !important;
    }


    .job-bsk-flow-subtitle {
        max-width: 720px;

        margin-bottom: 30px !important;
    }


    .job-bsk-flow-subtitle,
    .job-bsk-flow-subtitle p {
        font-size: 15px !important;
    }


    /*
     * THE IMPORTANT PART:
     * Desktop grid becomes vertical.
     */
    .job-bsk-flow-grid,
    .job-bsk-flow-grid.e-con {

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

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

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

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

        gap: 26px !important;

        margin:
            0 auto !important;

        padding: 0 !important;
    }


    .job-bsk-flow-grid > .e-con,
    .job-bsk-flow-grid > .elementor-element {

        flex:
            0 0 auto !important;

        width: auto !important;

        min-width: 0 !important;

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


    /* Problem */
    .job-bsk-flow-grid
    > .job-bsk-problem-card {

        order: 1;

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

        min-height: 0;

        padding:
            30px 28px !important;
    }


    /* Circle */
    .job-bsk-flow-grid
    > .job-bsk-solution {

        order: 2;

        --width: 245px !important;
        --min-height: 245px !important;

        width: 245px !important;
        height: 245px !important;

        min-width: 245px !important;
        max-width: 245px !important;

        min-height: 245px !important;
        max-height: 245px !important;

        flex:
            0 0 245px !important;

        padding: 27px !important;

        border-radius: 50% !important;
    }


    /* Result */
    .job-bsk-flow-grid
    > .job-bsk-result-card {

        order: 3;

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

        min-height: 0;

        padding:
            30px 28px !important;
    }


    /* card typography */

    .job-bsk-problem-title .elementor-heading-title,
    .job-bsk-result-title .elementor-heading-title {

        font-size: 19px !important;
    }


    .job-bsk-problem-list .elementor-icon-list-text,
    .job-bsk-result-list .elementor-icon-list-text {

        font-size: 15px !important;
    }


    /* circle typography */

    .job-bsk-solution-label,
    .job-bsk-solution-label * {

        font-size: 14px !important;
    }


    .job-bsk-solution-title,
    .job-bsk-solution-title * {

        font-size: 26px !important;
    }


    .job-bsk-solution-icon .elementor-icon {

        font-size: 40px !important;
    }


    .job-bsk-solution-icon svg {

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


    .job-bsk-solution-text,
    .job-bsk-solution-text p {

        font-size: 13px !important;
    }
}



/* ==========================================================
   MOBILE
   <= 767px
   ========================================================== */

@media screen and (max-width: 767px) {

    .job-bsk-flow-section {
        padding:
            38px 14px
            44px !important;
    }


    /* heading */

    .job-bsk-flow-heading {
        padding:
            0 10px !important;
    }


    .job-bsk-flow-heading .elementor-heading-title {

        font-size: 26px !important;

        line-height: 1.16 !important;

        letter-spacing: -.35px;
    }


    /* subtitle */

    .job-bsk-flow-subtitle {

        padding:
            0 8px !important;

        margin-bottom: 25px !important;
    }


    .job-bsk-flow-subtitle,
    .job-bsk-flow-subtitle p {

        font-size: 14px !important;

        line-height: 1.5 !important;
    }


    /* main vertical flow */

    .job-bsk-flow-grid,
    .job-bsk-flow-grid.e-con {

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

        gap: 20px !important;
    }


    /* cards */

    .job-bsk-flow-grid
    > .job-bsk-problem-card,

    .job-bsk-flow-grid
    > .job-bsk-result-card {

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

        padding:
            25px 20px
            24px !important;

        border-radius: 20px !important;
    }


    /* titles */

    .job-bsk-problem-title,
    .job-bsk-result-title {

        margin-bottom:
            20px !important;
    }


    .job-bsk-problem-title .elementor-heading-title,
    .job-bsk-result-title .elementor-heading-title {

        font-size: 17px !important;

        line-height: 1.25 !important;
    }


    /* list gaps */

    .job-bsk-problem-list .elementor-icon-list-items,
    .job-bsk-result-list .elementor-icon-list-items {

        gap: 13px !important;
    }


    /* icons */

    .job-bsk-problem-list .elementor-icon-list-icon,
    .job-bsk-result-list .elementor-icon-list-icon {

        flex-basis: 29px !important;

        width: 29px !important;
        height: 29px !important;

        min-width: 29px !important;
    }


    .job-bsk-problem-list .elementor-icon-list-icon i,
    .job-bsk-result-list .elementor-icon-list-icon i {

        font-size: 13px !important;
    }


    .job-bsk-problem-list .elementor-icon-list-icon svg,
    .job-bsk-result-list .elementor-icon-list-icon svg {

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


    /* list text */

    .job-bsk-problem-list .elementor-icon-list-text,
    .job-bsk-result-list .elementor-icon-list-text {

        font-size: 14px !important;

        line-height: 1.42 !important;
    }


    /* ======================================================
       MOBILE SOLUTION CIRCLE
       ====================================================== */

    .job-bsk-flow-grid
    > .job-bsk-solution,

    .job-bsk-flow-grid
    > .job-bsk-solution.e-con {

        --width: 210px !important;
        --min-height: 210px !important;

        width: 210px !important;
        height: 210px !important;

        min-width: 210px !important;
        max-width: 210px !important;

        min-height: 210px !important;
        max-height: 210px !important;

        flex:
            0 0 210px !important;

        aspect-ratio: 1 / 1 !important;

        padding: 22px !important;

        border-radius: 50% !important;
    }


    .job-bsk-solution-label,
    .job-bsk-solution-label * {

        font-size: 12px !important;
    }


    .job-bsk-solution-title,
    .job-bsk-solution-title * {

        font-size: 23px !important;
    }


    .job-bsk-solution-icon {

        margin:
            2px 0
            8px !important;
    }


    .job-bsk-solution-icon .elementor-icon {

        font-size: 34px !important;
    }


    .job-bsk-solution-icon svg {

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


    .job-bsk-solution-text,
    .job-bsk-solution-text p {

        font-size: 11.5px !important;

        line-height: 1.35 !important;
    }
}



/* ==========================================================
   SMALL MOBILE
   <= 430px
   ========================================================== */

@media screen and (max-width: 430px) {

    .job-bsk-flow-section {

        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .job-bsk-flow-heading .elementor-heading-title {

        font-size: 23px !important;

        line-height: 1.18 !important;
    }


    .job-bsk-flow-subtitle,
    .job-bsk-flow-subtitle p {

        font-size: 13.5px !important;
    }


    .job-bsk-flow-grid
    > .job-bsk-problem-card,

    .job-bsk-flow-grid
    > .job-bsk-result-card {

        padding:
            22px 17px
            21px !important;

        border-radius: 18px !important;
    }


    .job-bsk-problem-title .elementor-heading-title,
    .job-bsk-result-title .elementor-heading-title {

        font-size: 16px !important;
    }


    .job-bsk-problem-list .elementor-icon-list-text,
    .job-bsk-result-list .elementor-icon-list-text {

        font-size: 13.5px !important;
    }


    .job-bsk-flow-grid
    > .job-bsk-solution {

        --width: 190px !important;
        --min-height: 190px !important;

        width: 190px !important;
        height: 190px !important;

        min-width: 190px !important;
        max-width: 190px !important;

        min-height: 190px !important;
        max-height: 190px !important;

        flex:
            0 0 190px !important;

        padding: 19px !important;
    }


    .job-bsk-solution-title,
    .job-bsk-solution-title * {

        font-size: 21px !important;
    }


    .job-bsk-solution-text,
    .job-bsk-solution-text p {

        font-size: 11px !important;
    }
}



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

@media (prefers-reduced-motion: reduce) {

    .job-bsk-problem-card,
    .job-bsk-result-card,
    .job-bsk-solution,
    .job-bsk-problem-card *,
    .job-bsk-result-card *,
    .job-bsk-solution * {

        transition: none !important;
    }
}


/* ==========================================================
   JOB-BSK SOLUTION CIRCLE
   FINAL IPHONE / MOBILE FIX
   Paste at the VERY END of current CSS
   ========================================================== */

@media screen and (max-width: 767px) {

    /* ======================================================
       CIRCLE
       ====================================================== */

    .job-bsk-flow-grid > .job-bsk-solution,
    .job-bsk-flow-grid > .job-bsk-solution.e-con {

        --mot-solution-size: clamp(225px, 62vw, 245px);

        --width: var(--mot-solution-size) !important;
        --min-height: var(--mot-solution-size) !important;

        width: var(--mot-solution-size) !important;
        height: var(--mot-solution-size) !important;

        min-width: var(--mot-solution-size) !important;
        max-width: var(--mot-solution-size) !important;

        min-height: var(--mot-solution-size) !important;
        max-height: var(--mot-solution-size) !important;

        flex: 0 0 var(--mot-solution-size) !important;

        aspect-ratio: 1 / 1 !important;

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

        padding: 23px !important;

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

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

        gap: 0 !important;

        border-radius: 50% !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* ======================================================
       VERY IMPORTANT:
       RESET ELEMENTOR CHILD WIDTHS
       ====================================================== */

    .job-bsk-solution > .elementor-element,
    .job-bsk-solution > .e-con-inner > .elementor-element {

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex: 0 0 auto !important;

        align-self: center !important;

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

        transform: none !important;

        inset: auto !important;

        box-sizing: border-box !important;
    }


    /* Elementor inner widget containers */

    .job-bsk-solution .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       FORCE CORRECT CONTENT ORDER
       ====================================================== */

    .job-bsk-solution-label {
        order: 1 !important;
    }

    .job-bsk-solution-title {
        order: 2 !important;
    }

    .job-bsk-solution-icon {
        order: 3 !important;
    }

    .job-bsk-solution-text {
        order: 4 !important;
    }


    /* ======================================================
       LABEL
       ====================================================== */

    .job-bsk-solution-label {
        width: 100% !important;

        margin: 0 0 4px !important;
    }

    .job-bsk-solution-label,
    .job-bsk-solution-label * {

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

        margin: 0 !important;

        color: rgba(255,255,255,.92) !important;

        font-size: 11.5px !important;
        line-height: 1.2 !important;

        font-weight: 600 !important;

        text-align: center !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }


    /* ======================================================
       JOB-BSK TITLE
       ====================================================== */

    .job-bsk-solution-title {

        width: 100% !important;

        margin: 2px 0 8px !important;
    }

    .job-bsk-solution-title,
    .job-bsk-solution-title * {

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

        color: #ffffff !important;

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

        font-weight: 800 !important;

        text-align: center !important;

        white-space: normal !important;
    }


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

    .job-bsk-solution-icon {

        width: 100% !important;

        margin: 3px 0 8px !important;

        text-align: center !important;
    }

    .job-bsk-solution-icon .elementor-icon {

        font-size: 32px !important;

        line-height: 1 !important;

        color: #ffffff !important;
    }

    .job-bsk-solution-icon svg {

        width: 32px !important;
        height: 32px !important;

        fill: #ffffff !important;
    }


    /* ======================================================
       BOTTOM TEXT
       THIS IS THE PART CURRENTLY BREAKING
       ====================================================== */

    .job-bsk-solution-text {

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 5px !important;

        text-align: center !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    .job-bsk-solution-text .elementor-widget-container {

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

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

        text-align: center !important;

        overflow: visible !important;
    }


    .job-bsk-solution-text,
    .job-bsk-solution-text p,
    .job-bsk-solution-text span {

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

        margin: 0 !important;

        color: rgba(255,255,255,.94) !important;

        font-size: 11px !important;
        line-height: 1.32 !important;

        font-weight: 600 !important;

        text-align: center !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;

        hyphens: auto !important;
    }
}


/* ==========================================================
   SMALL IPHONE
   <= 430px
   DO NOT SHRINK TO 190px ANYMORE
   ========================================================== */

@media screen and (max-width: 430px) {

    .job-bsk-flow-grid > .job-bsk-solution,
    .job-bsk-flow-grid > .job-bsk-solution.e-con {

        --mot-solution-size: 225px;

        --width: var(--mot-solution-size) !important;
        --min-height: var(--mot-solution-size) !important;

        width: var(--mot-solution-size) !important;
        height: var(--mot-solution-size) !important;

        min-width: var(--mot-solution-size) !important;
        max-width: var(--mot-solution-size) !important;

        min-height: var(--mot-solution-size) !important;
        max-height: var(--mot-solution-size) !important;

        flex: 0 0 var(--mot-solution-size) !important;

        padding: 21px !important;
    }


    .job-bsk-solution-label,
    .job-bsk-solution-label * {

        font-size: 11px !important;
    }


    .job-bsk-solution-title,
    .job-bsk-solution-title * {

        font-size: 22px !important;
    }


    .job-bsk-solution-icon {

        margin: 2px 0 7px !important;
    }


    .job-bsk-solution-icon .elementor-icon {

        font-size: 30px !important;
    }


    .job-bsk-solution-icon svg {

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


    .job-bsk-solution-text,
    .job-bsk-solution-text p,
    .job-bsk-solution-text span {

        font-size: 10.5px !important;
        line-height: 1.3 !important;
    }
}


/* ==========================================================
   EXTRA SMALL PHONE
   <= 360px
   ========================================================== */

@media screen and (max-width: 360px) {

    .job-bsk-flow-grid > .job-bsk-solution,
    .job-bsk-flow-grid > .job-bsk-solution.e-con {

        --mot-solution-size: 215px;

        width: var(--mot-solution-size) !important;
        height: var(--mot-solution-size) !important;

        min-width: var(--mot-solution-size) !important;
        max-width: var(--mot-solution-size) !important;

        min-height: var(--mot-solution-size) !important;
        max-height: var(--mot-solution-size) !important;

        flex: 0 0 var(--mot-solution-size) !important;

        padding: 19px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b42d3c5 *//* =========================================================
   JOB-BSK
   WARUM UNTERNEHMEN JOB-BSK EINSETZEN
   FINAL — ELEMENTOR ICON BOX VERSION
   ========================================================= */


/* =========================================================
   GRID / PARENT
   Desktop = 4 columns
   ========================================================= */

.job-bsk-why-grid {
    width: calc(100% - 60px) !important;
    max-width: 1380px !important;

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

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

    gap: 22px !important;

    align-items: stretch !important;

    padding: 22px 0 46px !important;

    box-sizing: border-box;
}


/* Elementor should not force strange flex widths */

.job-bsk-why-grid > .job-bsk-why-box {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 100%;

    margin: 0 !important;
}



/* =========================================================
   CARD
   We style Elementor's widget-container
   ========================================================= */

.job-bsk-why-box > .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    min-height: 300px;

    box-sizing: border-box;

    padding: 30px 26px 28px !important;

    overflow: hidden;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdff 52%,
            #f2f7ff 100%
        );

    border:
        1px solid rgba(18, 54, 111, 0.10);

    box-shadow:
        0 12px 30px rgba(18, 54, 111, 0.075),
        0 3px 9px rgba(18, 54, 111, 0.035);

    transition:
        transform 0.30s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.30s ease,
        border-color 0.30s ease,
        background 0.30s ease;
}



/* =========================================================
   GOLD TOP ACCENT
   ========================================================= */

.job-bsk-why-box > .elementor-widget-container::before {
    content: "";

    position: absolute;

    top: 0;
    left: 27px;

    width: 54px;
    height: 4px;

    border-radius: 0 0 8px 8px;

    background:
        linear-gradient(
            90deg,
            #C78A08 0%,
            #E6B739 100%
        );

    transition:
        width 0.30s ease;

    z-index: 3;
}



/* =========================================================
   SUBTLE DECORATIVE GLOW
   ========================================================= */

.job-bsk-why-box > .elementor-widget-container::after {
    content: "";

    position: absolute;

    right: -75px;
    bottom: -75px;

    width: 165px;
    height: 165px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(9, 103, 223, 0.09) 0%,
            rgba(9, 103, 223, 0) 72%
        );

    pointer-events: none;

    z-index: 0;
}



/* =========================================================
   ICON BOX WRAPPER
   Desktop: icon above text
   ========================================================= */

.job-bsk-why-box .elementor-icon-box-wrapper {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 100%;

    display: flex !important;

    flex-direction: column !important;

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

    text-align: left !important;
}



/* =========================================================
   ICON AREA
   ========================================================= */

.job-bsk-why-box .elementor-icon-box-icon {
    margin: 0 0 20px 0 !important;

    width: auto !important;

    flex: 0 0 auto !important;
}


/* The actual icon container */

.job-bsk-why-box
.elementor-icon-box-icon
.elementor-icon {

    width: 58px !important;
    height: 58px !important;

    display: flex !important;

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

    padding: 0 !important;

    border-radius: 16px !important;

    color: #0967DF !important;

    background:
        linear-gradient(
            145deg,
            #F0F7FF 0%,
            #E4EFFF 100%
        ) !important;

    border:
        1px solid rgba(9, 103, 223, 0.09);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8);

    transition:
        transform 0.28s cubic-bezier(.2,.8,.2,1),
        color 0.28s ease,
        background 0.28s ease,
        box-shadow 0.28s ease;
}



/* Font Awesome icon */

.job-bsk-why-box
.elementor-icon-box-icon
.elementor-icon i {

    margin: 0 !important;

    color: inherit !important;

    font-size: 26px !important;

    line-height: 1 !important;
}



/* SVG icon */

.job-bsk-why-box
.elementor-icon-box-icon
.elementor-icon svg {

    width: 26px !important;
    height: 26px !important;

    color: inherit !important;

    fill: currentColor !important;

    transition:
        fill 0.28s ease,
        stroke 0.28s ease;
}


.job-bsk-why-box
.elementor-icon-box-icon
.elementor-icon svg path {

    fill: currentColor;
}



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

.job-bsk-why-box .elementor-icon-box-content {
    position: relative;

    width: 100% !important;
    min-width: 0 !important;

    flex: 1 1 auto;
}



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

.job-bsk-why-box .elementor-icon-box-title {
    width: 100%;

    margin: 0 0 13px !important;

    color: #12366F !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    line-height: 1.24 !important;

    letter-spacing: -0.30px;

    text-align: left !important;

    overflow-wrap: break-word;
    word-break: normal;
}


.job-bsk-why-box .elementor-icon-box-title a,
.job-bsk-why-box .elementor-icon-box-title span {

    color: inherit !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}



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

.job-bsk-why-box .elementor-icon-box-description {
    width: 100%;

    margin: 0 !important;

    color: #40536B !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 1.62 !important;

    text-align: left !important;

    overflow-wrap: break-word;
    word-break: normal;
}



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

@media (hover: hover) {

    .job-bsk-why-box:hover > .elementor-widget-container {

        transform: translateY(-7px);

        border-color:
            rgba(9, 103, 223, 0.22);

        background:
            linear-gradient(
                145deg,
                #ffffff 0%,
                #f9fcff 48%,
                #edf5ff 100%
            );

        box-shadow:
            0 21px 44px rgba(18, 54, 111, 0.14),
            0 7px 16px rgba(18, 54, 111, 0.05);
    }


    /* Gold line expands */

    .job-bsk-why-box:hover
    > .elementor-widget-container::before {

        width: 80px;
    }


    /* Icon turns blue */

    .job-bsk-why-box:hover
    .elementor-icon-box-icon
    .elementor-icon {

        transform:
            translateY(-3px)
            scale(1.07);

        color: #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #075BCC 0%,
                #0A75E8 100%
            ) !important;

        border-color: transparent;

        box-shadow:
            0 10px 22px rgba(9, 103, 223, 0.23);
    }


    .job-bsk-why-box:hover
    .elementor-icon-box-title {

        color: #075DCB !important;
    }
}



/* =========================================================
   OPTIONAL:
   subtle individual icon shades
   ========================================================= */

/* Card 2 */

.job-bsk-why-grid
> .job-bsk-why-box:nth-child(2)
.elementor-icon {

    color: #175BB9 !important;
}


/* Card 3 */

.job-bsk-why-grid
> .job-bsk-why-box:nth-child(3)
.elementor-icon {

    color: #0877C8 !important;
}


/* Card 4 — Gold */

.job-bsk-why-grid
> .job-bsk-why-box:nth-child(4)
.elementor-icon {

    color: #B57E07 !important;

    background:
        linear-gradient(
            145deg,
            #FFF9EA 0%,
            #FFF0C7 100%
        ) !important;

    border-color:
        rgba(181, 126, 7, 0.12);
}



/* Card 4 gold hover */

@media (hover: hover) {

    .job-bsk-why-grid
    > .job-bsk-why-box:nth-child(4):hover
    .elementor-icon {

        color: #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #B77E05 0%,
                #DFAE2D 100%
            ) !important;

        box-shadow:
            0 10px 22px rgba(181, 126, 7, 0.22);
    }
}



/* =========================================================
   TABLET
   768px – 1024px
   Layout: 2 x 2
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .job-bsk-why-grid {
        width: calc(100% - 36px) !important;

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

        gap: 18px !important;

        padding:
            18px 0
            36px !important;
    }


    .job-bsk-why-box
    > .elementor-widget-container {

        min-height: 245px;

        padding:
            26px 23px
            25px !important;

        border-radius: 19px;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon {

        margin-bottom: 17px !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon
    .elementor-icon {

        width: 52px !important;
        height: 52px !important;

        border-radius: 14px !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon
    .elementor-icon i {

        font-size: 23px !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon
    .elementor-icon svg {

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


    .job-bsk-why-box
    .elementor-icon-box-title {

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


    .job-bsk-why-box
    .elementor-icon-box-description {

        font-size: 14.5px !important;
        line-height: 1.55 !important;
    }
}



/* =========================================================
   MOBILE
   <= 767px
   One card per row
   Icon left / content right
   ========================================================= */

@media (max-width: 767px) {

    .job-bsk-why-grid {
        width: calc(100% - 28px) !important;

        grid-template-columns: 1fr !important;

        gap: 14px !important;

        padding:
            14px 0
            30px !important;
    }


    .job-bsk-why-box
    > .elementor-widget-container {

        min-height: 0;

        padding:
            23px 20px
            22px !important;

        border-radius: 18px;
    }


    /*
     * On mobile put icon next to text
     */

    .job-bsk-why-box
    .elementor-icon-box-wrapper {

        display: grid !important;

        grid-template-columns:
            50px minmax(0, 1fr);

        grid-template-areas:
            "icon content";

        column-gap: 15px;

        align-items: start !important;

        text-align: left !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon {

        grid-area: icon;

        width: 50px !important;

        margin: 0 !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-content {

        grid-area: content;

        width: 100% !important;
        min-width: 0 !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon
    .elementor-icon {

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

        border-radius: 13px !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon
    .elementor-icon i {

        font-size: 21px !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon
    .elementor-icon svg {

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


    .job-bsk-why-box
    .elementor-icon-box-title {

        margin:
            1px 0
            7px !important;

        font-size: 18px !important;
        line-height: 1.28 !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-description {

        font-size: 14px !important;
        line-height: 1.52 !important;
    }


    .job-bsk-why-box
    > .elementor-widget-container::before {

        left: 20px;

        width: 42px;
    }
}



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

@media (max-width: 420px) {

    .job-bsk-why-grid {
        width: calc(100% - 20px) !important;
    }


    .job-bsk-why-box
    > .elementor-widget-container {

        padding:
            21px 17px
            20px !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-wrapper {

        grid-template-columns:
            46px minmax(0, 1fr);

        column-gap: 12px;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon {

        width: 46px !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-icon
    .elementor-icon {

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


    .job-bsk-why-box
    .elementor-icon-box-title {

        font-size: 17px !important;
    }


    .job-bsk-why-box
    .elementor-icon-box-description {

        font-size: 13.5px !important;
    }
}



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

@media (prefers-reduced-motion: reduce) {

    .job-bsk-why-box,
    .job-bsk-why-box *,
    .job-bsk-why-box::before,
    .job-bsk-why-box::after,
    .job-bsk-why-box > .elementor-widget-container,
    .job-bsk-why-box > .elementor-widget-container::before,
    .job-bsk-why-box > .elementor-widget-container::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4a9a38 *//* =========================================================
   JOB-BSK — IHRE VORTEILE ALS UNTERNEHMEN
   FINAL ELEMENTOR ICON-BOX DESIGN
   ========================================================= */


/* =========================================================
   WHOLE SECTION
   ========================================================= */

.job-bsk-benefits-section {
    position: relative;

    width: 100%;

    padding: 58px 28px 64px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbff 55%,
            #ffffff 100%
        );

    overflow: hidden;
}


/* subtle background glow */

.job-bsk-benefits-section::before {
    content: "";

    position: absolute;

    width: 540px;
    height: 540px;

    top: 45%;
    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(11, 111, 232, .065) 0%,
            rgba(11, 111, 232, 0) 70%
        );

    pointer-events: none;
}


/* =========================================================
   TWO COLUMN GRID
   ========================================================= */

.job-bsk-benefits-grid {
    position: relative;
    z-index: 2;

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

    margin: 0 auto !important;

    display: grid !important;

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

    gap: 28px !important;

    align-items: stretch !important;
}


/* Reset Elementor widths */

.job-bsk-benefits-grid > .e-con,
.job-bsk-benefits-grid > .elementor-element {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    flex: none !important;
}


/* =========================================================
   LEFT + RIGHT MAIN CARDS
   ========================================================= */

.job-bsk-benefits-card {
    position: relative;

    width: 100% !important;
    min-width: 0 !important;

    padding: 34px 34px 30px !important;

    border-radius: 24px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdff 52%,
            #f2f7ff 100%
        );

    border:
        1px solid rgba(18, 54, 111, .10);

    box-shadow:
        0 16px 38px rgba(18, 54, 111, .075),
        0 4px 10px rgba(18, 54, 111, .035);

    overflow: hidden;

    transition:
        transform .30s cubic-bezier(.2,.8,.2,1),
        box-shadow .30s ease,
        border-color .30s ease;
}


/* Gold top accent */

.job-bsk-benefits-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 34px;

    width: 58px;
    height: 4px;

    border-radius: 0 0 9px 9px;

    background:
        linear-gradient(
            90deg,
            #c88e0b,
            #e5b83c
        );

    transition: width .30s ease;
}


/* subtle decorative glow */

.job-bsk-benefits-card::after {
    content: "";

    position: absolute;

    right: -90px;
    bottom: -90px;

    width: 200px;
    height: 200px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(11,111,232,.08) 0%,
            rgba(11,111,232,0) 70%
        );

    pointer-events: none;
}


/* Slight difference for right card */

.job-bsk-benefits-flex {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdff 45%,
            #f5f9ff 100%
        );
}


/* =========================================================
   CATEGORY HEADER ICON BOX
   Förderung & Organisation
   Individuell & flexibel
   ========================================================= */

.job-bsk-benefits-head {
    position: relative;
    z-index: 2;

    width: 100% !important;

    margin: 0 0 26px !important;
}


.job-bsk-benefits-head .elementor-icon-box-wrapper {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    gap: 18px !important;

    width: 100%;

    text-align: left !important;
}


/* Header icon */

.job-bsk-benefits-head .elementor-icon-box-icon {
    margin: 0 !important;

    flex: 0 0 66px !important;

    width: 66px !important;
}


.job-bsk-benefits-head
.elementor-icon-box-icon
.elementor-icon {

    width: 66px !important;
    height: 66px !important;

    display: flex !important;

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

    border-radius: 18px !important;

    color: #0B67D8 !important;

    background:
        linear-gradient(
            145deg,
            #edf5ff,
            #e4efff
        ) !important;

    border:
        1px solid rgba(11,103,216,.10);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8);

    transition:
        transform .28s ease,
        background .28s ease,
        color .28s ease,
        box-shadow .28s ease;
}


.job-bsk-benefits-head
.elementor-icon-box-icon
.elementor-icon i {

    font-size: 31px !important;

    color: inherit !important;
}


.job-bsk-benefits-head
.elementor-icon-box-icon
.elementor-icon svg {

    width: 31px !important;
    height: 31px !important;

    color: inherit !important;

    fill: currentColor !important;
}


/* Header content */

.job-bsk-benefits-head .elementor-icon-box-content {
    min-width: 0 !important;

    flex: 1 1 auto !important;
}


/* Header title */

.job-bsk-benefits-head .elementor-icon-box-title {
    margin: 0 !important;

    color: #12366F !important;

    font-size: 26px !important;

    font-weight: 750 !important;

    line-height: 1.18 !important;

    letter-spacing: -.45px;
}


.job-bsk-benefits-head .elementor-icon-box-title span,
.job-bsk-benefits-head .elementor-icon-box-title a {

    color: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;
}


/* Header description should not create spacing if empty */

.job-bsk-benefits-head .elementor-icon-box-description:empty {
    display: none !important;
}


/* =========================================================
   REGULAR BENEFIT ITEM
   ========================================================= */

.job-bsk-benefits-item {
    position: relative;
    z-index: 2;

    width: 100% !important;

    margin: 0 !important;

    padding: 19px 8px !important;

    border-top:
        1px solid rgba(18,54,111,.075);

    border-radius: 13px;

    transition:
        background .25s ease,
        transform .25s ease;
}


/* First item after header */

.job-bsk-benefits-head + .job-bsk-benefits-item {
    border-top: 0;
}


/* =========================================================
   ITEM ICON-BOX LAYOUT
   ========================================================= */

.job-bsk-benefits-item .elementor-icon-box-wrapper {
    display: grid !important;

    grid-template-columns:
        46px minmax(0, 1fr);

    grid-template-areas:
        "icon content";

    column-gap: 14px;

    align-items: start !important;

    width: 100% !important;

    text-align: left !important;
}


/* =========================================================
   ITEM ICON
   ========================================================= */

.job-bsk-benefits-item .elementor-icon-box-icon {
    grid-area: icon;

    width: 46px !important;

    margin: 0 !important;
}


.job-bsk-benefits-item
.elementor-icon-box-icon
.elementor-icon {

    width: 42px !important;
    height: 42px !important;

    display: flex !important;

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

    border-radius: 50% !important;

    color: #0B68D9 !important;

    background:
        #eaf3ff !important;

    border:
        1px solid rgba(11,104,217,.07);

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease;
}


.job-bsk-benefits-item
.elementor-icon-box-icon
.elementor-icon i {

    font-size: 18px !important;

    color: inherit !important;
}


.job-bsk-benefits-item
.elementor-icon-box-icon
.elementor-icon svg {

    width: 18px !important;
    height: 18px !important;

    color: inherit !important;

    fill: currentColor !important;
}


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

.job-bsk-benefits-item .elementor-icon-box-content {
    grid-area: content;

    width: 100% !important;
    min-width: 0 !important;
}


/* Item title */

.job-bsk-benefits-item .elementor-icon-box-title {
    margin:
        0 0
        7px !important;

    color: #163A6D !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    letter-spacing: -.1px;

    white-space: normal !important;
}


.job-bsk-benefits-item .elementor-icon-box-title span,
.job-bsk-benefits-item .elementor-icon-box-title a {

    color: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;
}


/* Description */

.job-bsk-benefits-item .elementor-icon-box-description {
    margin: 0 !important;

    color: #475A70 !important;

    font-size: 14.5px !important;

    font-weight: 400 !important;

    line-height: 1.58 !important;

    white-space: normal !important;

    overflow-wrap: break-word;
}


/* =========================================================
   RIGHT HEADER ICON SLIGHTLY DIFFERENT
   ========================================================= */

.job-bsk-benefits-flex
.job-bsk-benefits-head
.elementor-icon {

    color: #075DBF !important;

    background:
        linear-gradient(
            145deg,
            #eef6ff,
            #e8f2ff
        ) !important;
}


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

@media (hover: hover) {

    .job-bsk-benefits-card:hover {
        transform: translateY(-6px);

        border-color:
            rgba(11, 103, 216, .20);

        box-shadow:
            0 23px 48px rgba(18,54,111,.13),
            0 7px 15px rgba(18,54,111,.05);
    }


    .job-bsk-benefits-card:hover::before {
        width: 88px;
    }


    /* Big header icon */

    .job-bsk-benefits-card:hover
    .job-bsk-benefits-head
    .elementor-icon {

        transform:
            translateY(-2px)
            scale(1.06);

        color: #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #075BCD,
                #0B77E9
            ) !important;

        box-shadow:
            0 10px 23px rgba(11,103,216,.22);
    }


    /* individual row */

    .job-bsk-benefits-item:hover {
        background:
            rgba(235,244,255,.62);

        transform:
            translateX(3px);
    }


    .job-bsk-benefits-item:hover
    .elementor-icon-box-icon
    .elementor-icon {

        transform:
            scale(1.08);

        color: #ffffff !important;

        background:
            #0B6FE8 !important;

        box-shadow:
            0 7px 16px rgba(11,111,232,.18);
    }
}


/* =========================================================
   WIDE TABLET
   901 - 1024
   Still 2 columns
   ========================================================= */

@media screen and (min-width: 901px) and (max-width: 1024px) {

    .job-bsk-benefits-section {
        padding:
            46px 20px
            52px !important;
    }


    .job-bsk-benefits-grid {
        gap: 18px !important;
    }


    .job-bsk-benefits-card {
        padding:
            27px 24px
            24px !important;

        border-radius: 21px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-wrapper {

        gap: 13px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-icon {

        flex-basis: 54px !important;

        width: 54px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-icon
    .elementor-icon {

        width: 54px !important;
        height: 54px !important;

        border-radius: 15px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-title {

        font-size: 21px !important;
    }


    .job-bsk-benefits-item {
        padding:
            16px 4px !important;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-wrapper {

        grid-template-columns:
            39px minmax(0,1fr);

        column-gap: 10px;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-icon {

        width: 39px !important;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-icon
    .elementor-icon {

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


    .job-bsk-benefits-item
    .elementor-icon-box-title {

        font-size: 16px !important;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-description {

        font-size: 13.5px !important;

        line-height: 1.52 !important;
    }
}


/* =========================================================
   TABLET
   <= 900px
   Cards stack vertically
   ========================================================= */

@media screen and (max-width: 900px) {

    .job-bsk-benefits-section {
        padding:
            44px 22px
            50px !important;
    }


    .job-bsk-benefits-grid {
        grid-template-columns:
            1fr !important;

        max-width: 720px !important;

        gap: 22px !important;
    }


    .job-bsk-benefits-card {
        padding:
            30px 28px
            27px !important;
    }
}


/* =========================================================
   MOBILE
   <= 767px
   ========================================================= */

@media screen and (max-width: 767px) {

    .job-bsk-benefits-section {
        padding:
            36px 14px
            42px !important;
    }


    .job-bsk-benefits-grid {
        width: 100% !important;

        gap: 17px !important;
    }


    .job-bsk-benefits-card {
        width: 100% !important;

        padding:
            24px 19px
            21px !important;

        border-radius: 19px !important;
    }


    /* Header */

    .job-bsk-benefits-head {
        margin-bottom:
            17px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-wrapper {

        gap: 13px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-icon {

        flex-basis: 50px !important;

        width: 50px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-icon
    .elementor-icon {

        width: 50px !important;
        height: 50px !important;

        border-radius: 14px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-icon
    .elementor-icon i {

        font-size: 23px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-icon
    .elementor-icon svg {

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


    .job-bsk-benefits-head
    .elementor-icon-box-title {

        font-size: 20px !important;
        line-height: 1.22 !important;
    }


    /* Regular items */

    .job-bsk-benefits-item {
        padding:
            15px 2px !important;

        border-radius: 10px;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-wrapper {

        grid-template-columns:
            38px minmax(0,1fr);

        column-gap: 10px;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-icon {

        width: 38px !important;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-icon
    .elementor-icon {

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


    .job-bsk-benefits-item
    .elementor-icon-box-icon
    .elementor-icon i {

        font-size: 15px !important;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-icon
    .elementor-icon svg {

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


    .job-bsk-benefits-item
    .elementor-icon-box-title {

        margin-bottom:
            5px !important;

        font-size: 16px !important;
        line-height: 1.28 !important;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-description {

        font-size: 13.5px !important;

        line-height: 1.5 !important;
    }
}


/* =========================================================
   SMALL MOBILE
   <= 430px
   ========================================================= */

@media screen and (max-width: 430px) {

    .job-bsk-benefits-section {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .job-bsk-benefits-card {
        padding:
            22px 16px
            19px !important;

        border-radius: 17px !important;
    }


    .job-bsk-benefits-head
    .elementor-icon-box-title {

        font-size: 18px !important;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-title {

        font-size: 15.5px !important;
    }


    .job-bsk-benefits-item
    .elementor-icon-box-description {

        font-size: 13px !important;
    }
}


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

@media (prefers-reduced-motion: reduce) {

    .job-bsk-benefits-card,
    .job-bsk-benefits-card *,
    .job-bsk-benefits-card::before,
    .job-bsk-benefits-card::after {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-837b770 *//* =========================================================
   JOB-BSK
   DER ABLAUF FÜR IHREN BETRIEB
   FINAL UI/UX
   Elementor Icon Box Version
   ========================================================= */


/* =========================================================
   01. MAIN SECTION
   ========================================================= */

.job-business-flow {
    position: relative;
    width: 100%;

    padding: 72px 38px 65px !important;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(25, 116, 222, 0.07),
            transparent 30%
        ),
        radial-gradient(
            circle at 95% 100%,
            rgba(21, 96, 191, 0.055),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbff 100%
        ) !important;

    overflow: hidden;
}


/* decorative shape */

.job-business-flow::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -270px;
    right: -220px;

    border-radius: 50%;

    border: 55px solid rgba(18, 92, 182, 0.035);

    pointer-events: none;
}


/* =========================================================
   02. TITLE
   ========================================================= */

.job-business-flow-title {
    position: relative;

    margin-bottom: 18px !important;
}


.job-business-flow-title .elementor-heading-title {
    color: #123f77 !important;

    font-size: clamp(36px, 3.3vw, 50px) !important;
    line-height: 1.15 !important;

    font-weight: 800 !important;

    letter-spacing: -0.8px !important;

    text-align: center !important;
}


/* gold underline */

.job-business-flow-title::after {
    content: "";

    display: block;

    width: 74px;
    height: 4px;

    margin: 17px auto 0;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #be8000,
            #e4aa20
        );
}


/* =========================================================
   03. INTRO
   ========================================================= */

.job-business-flow-intro {
    width: 100% !important;
    max-width: 940px !important;

    margin: 0 auto 45px !important;
}


.job-business-flow-intro,
.job-business-flow-intro p {
    margin-bottom: 0 !important;

    color: #405873 !important;

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

    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   04. FOUR STEP GRID
   ========================================================= */

.job-business-flow-grid {
    width: 100% !important;
    max-width: 1380px !important;

    margin: 0 auto !important;

    display: grid !important;

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

    gap: 24px !important;

    align-items: stretch !important;

    counter-reset: business-step;
}


/* Elementor flex override */

.job-business-flow-grid > .e-con,
.job-business-flow-grid > .elementor-element {
    width: auto !important;
    max-width: none !important;

    flex: unset !important;
}


/* =========================================================
   05. EACH STEP CARD
   ========================================================= */

.job-business-flow-card {
    counter-increment: business-step;

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 315px !important;

    padding: 33px 24px 28px !important;

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

    background:
        linear-gradient(
            155deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;

    border: 1px solid #d8e7f5 !important;

    border-radius: 20px !important;

    box-shadow:
        0 12px 32px rgba(18, 63, 110, 0.07) !important;

    overflow: visible !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}


/* =========================================================
   AUTOMATIC STEP NUMBER 01–04
   ========================================================= */

.job-business-flow-card::before {
    content: counter(business-step, decimal-leading-zero);

    position: absolute;

    top: -17px;
    left: 23px;

    width: 48px;
    height: 48px;

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

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #123f77 0%,
            #0876e8 100%
        );

    border: 3px solid #ffffff;

    color: #ffffff;

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

    font-weight: 800;

    box-shadow:
        0 8px 18px rgba(10, 86, 178, .19),
        0 0 0 2px rgba(214, 155, 16, .55);

    z-index: 5;
}


/* =========================================================
   ARROW BETWEEN CARDS
   ========================================================= */

.job-business-flow-card:not(:last-child)::after {
    content: "›";

    position: absolute;

    right: -21px;
    top: 50%;

    transform: translateY(-50%);

    color: #d39912;

    font-family: Arial, sans-serif;
    font-size: 38px;
    line-height: 1;

    font-weight: 300;

    z-index: 10;
}


/* =========================================================
   06. ICON BOX
   ========================================================= */

.job-business-flow-box {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    text-align: center !important;
}


.job-business-flow-box .elementor-icon-box-wrapper {
    width: 100% !important;
    height: 100% !important;

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

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


/* =========================================================
   07. STEP ICON
   ========================================================= */

.job-business-flow-box .elementor-icon-box-icon {
    margin: 15px 0 22px !important;
}


.job-business-flow-box .elementor-icon {
    width: 88px !important;
    height: 88px !important;

    padding: 0 !important;

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

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #edf6ff,
            #ffffff
        ) !important;

    border: 1px solid #cee3f7 !important;

    color: #1266c9 !important;

    box-shadow:
        0 8px 22px rgba(17, 92, 179, .075);

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


.job-business-flow-box .elementor-icon i {
    color: #1266c9 !important;

    font-size: 40px !important;
}


.job-business-flow-box .elementor-icon svg {
    width: 40px !important;
    height: 40px !important;

    fill: #1266c9 !important;
    color: #1266c9 !important;
}


/* =========================================================
   08. STEP TITLE
   ========================================================= */

.job-business-flow-box .elementor-icon-box-title {
    margin: 0 0 14px !important;

    color: #123f77 !important;

    font-size: 20px !important;
    line-height: 1.3 !important;

    font-weight: 800 !important;

    letter-spacing: -.25px !important;

    text-align: center !important;
}


.job-business-flow-box .elementor-icon-box-title span,
.job-business-flow-box .elementor-icon-box-title a {
    color: inherit !important;
}


/* small gold underline */

.job-business-flow-box .elementor-icon-box-title::after {
    content: "";

    display: block;

    width: 38px;
    height: 2px;

    margin: 13px auto 0;

    border-radius: 10px;

    background: #d69b17;
}


/* =========================================================
   09. DESCRIPTION
   ========================================================= */

.job-business-flow-box .elementor-icon-box-description {
    margin: 0 !important;

    color: #50637a !important;

    font-size: 14.5px !important;
    line-height: 1.65 !important;

    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   10. STEP HOVER
   ========================================================= */

@media (hover:hover) {

    .job-business-flow-card:hover {
        transform: translateY(-8px);

        border-color: #b6d4ef !important;

        box-shadow:
            0 21px 43px rgba(15, 65, 116, .12) !important;
    }


    .job-business-flow-card:hover
    .job-business-flow-box
    .elementor-icon {

        transform:
            translateY(-4px)
            scale(1.05);

        background:
            linear-gradient(
                145deg,
                #e3f1ff,
                #ffffff
            ) !important;

        box-shadow:
            0 13px 27px rgba(17, 92, 179, .12),
            0 0 0 5px rgba(210, 151, 14, .045);
    }
}


/* =========================================================
   11. BOTTOM AREA
   ========================================================= */

.job-business-flow-bottom {
    width: 100% !important;
    max-width: 1380px !important;

    margin: 28px auto 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.35fr) !important;

    gap: 20px !important;

    align-items: stretch !important;
}


/* =========================================================
   12. IHR VORTEIL
   ========================================================= */

.job-business-benefit {
    position: relative;

    min-width: 0;

    padding: 30px 32px !important;

    border-radius: 20px !important;

    background:
        linear-gradient(
            145deg,
            #123f77 0%,
            #082e61 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        0 16px 38px rgba(7, 45, 94, .18) !important;

    overflow: hidden;
}


.job-business-benefit::before {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -100px;
    bottom: -120px;

    border-radius: 50%;

    background: rgba(218, 158, 16, .10);

    pointer-events: none;
}


/* =========================================================
   BENEFIT ICON BOX
   ========================================================= */

.job-business-benefit-box {
    position: relative;
    z-index: 2;

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


.job-business-benefit-box
.elementor-icon-box-wrapper {

    display: grid !important;

    grid-template-columns:
        95px minmax(0,1fr) !important;

    column-gap: 25px !important;

    align-items: center !important;

    text-align: left !important;
}


.job-business-benefit-box
.elementor-icon-box-icon {

    margin: 0 !important;
}


/* Gold gem circle */

.job-business-benefit-box
.elementor-icon {

    width: 88px !important;
    height: 88px !important;

    padding: 0 !important;

    display: flex !important;

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

    border-radius: 50% !important;

    border: 2px solid #daa015 !important;

    background:
        rgba(255,255,255,.025) !important;

    color: #e3aa22 !important;

    box-shadow:
        0 0 0 5px rgba(221,161,20,.045);
}


.job-business-benefit-box .elementor-icon i {
    color: #e3aa22 !important;

    font-size: 40px !important;
}


.job-business-benefit-box .elementor-icon svg {
    width: 40px !important;
    height: 40px !important;

    fill: #e3aa22 !important;
    color: #e3aa22 !important;
}


/* Benefit title */

.job-business-benefit-box
.elementor-icon-box-title {

    margin: 0 0 10px !important;

    color: #f0b32c !important;

    font-size: 25px !important;
    line-height: 1.25 !important;

    font-weight: 800 !important;

    text-align: left !important;
}


.job-business-benefit-box
.elementor-icon-box-title span,
.job-business-benefit-box
.elementor-icon-box-title a {

    color: inherit !important;
}


/* Benefit text */

.job-business-benefit-box
.elementor-icon-box-description {

    margin: 0 !important;

    color: rgba(255,255,255,.91) !important;

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

    text-align: left !important;
}


/* =========================================================
   13. MICROSOFT 365 BOX
   ========================================================= */

.job-business-m365 {
    position: relative;

    min-width: 0;

    padding: 28px 32px !important;

    border-radius: 20px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #eff7ff 100%
        ) !important;

    border: 1px solid #c9def3 !important;

    box-shadow:
        0 13px 32px rgba(15, 66, 119, .085) !important;

    overflow: hidden;
}


/* Blue accent */

.job-business-m365::before {
    content: "";

    position: absolute;

    left: 0;
    top: 20%;

    width: 4px;
    height: 60%;

    border-radius: 0 6px 6px 0;

    background:
        linear-gradient(
            #123f77,
            #0876e8
        );
}


/* =========================================================
   MICROSOFT ICON BOX
   ========================================================= */

.job-business-m365-box {
    width: 100% !important;
    height: 100% !important;
}


.job-business-m365-box
.elementor-icon-box-wrapper {

    display: grid !important;

    grid-template-columns:
        80px minmax(0,1fr) !important;

    column-gap: 24px !important;

    align-items: center !important;

    text-align: left !important;
}


.job-business-m365-box
.elementor-icon-box-icon {

    margin: 0 !important;
}


.job-business-m365-box
.elementor-icon {

    width: 72px !important;
    height: 72px !important;

    padding: 0 !important;

    display: flex !important;

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

    border-radius: 16px !important;

    background: #ffffff !important;

    border: 1px solid #d4e3f2 !important;

    color: #1267cb !important;

    box-shadow:
        0 7px 18px rgba(14, 78, 151, .08);
}


.job-business-m365-box .elementor-icon i {
    color: #1267cb !important;

    font-size: 34px !important;
}


.job-business-m365-box .elementor-icon svg {
    width: 34px !important;
    height: 34px !important;

    fill: #1267cb !important;
    color: #1267cb !important;
}


/* Microsoft title */

.job-business-m365-box
.elementor-icon-box-title {

    margin: 0 0 9px !important;

    color: #123f77 !important;

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

    font-weight: 800 !important;

    text-align: left !important;
}


/* Microsoft text */

.job-business-m365-box
.elementor-icon-box-description {

    margin: 0 !important;

    color: #425a76 !important;

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

    text-align: left !important;
}


/* =========================================================
   14. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .job-business-flow {
        padding:
            58px 25px
            52px !important;
    }


    .job-business-flow-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:
            28px 20px !important;
    }


    .job-business-flow-card {
        min-height:
            290px !important;
    }


    /* no arrows on tablet */

    .job-business-flow-card::after {
        display: none !important;
    }


    .job-business-flow-bottom {
        grid-template-columns:
            1fr !important;
    }


    .job-business-benefit,
    .job-business-m365 {

        max-width:
            760px !important;

        width:
            100% !important;

        margin:
            0 auto !important;
    }
}


/* =========================================================
   15. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .job-business-flow {
        padding:
            45px 15px
            42px !important;
    }


    .job-business-flow-title
    .elementor-heading-title {

        font-size:
            32px !important;
    }


    .job-business-flow-intro,
    .job-business-flow-intro p {

        font-size:
            15px !important;

        line-height:
            1.6 !important;
    }


    .job-business-flow-grid {
        grid-template-columns:
            1fr !important;

        gap:
            25px !important;
    }


    .job-business-flow-card {
        min-height:
            auto !important;

        padding:
            29px 21px
            24px !important;

        border-radius:
            17px !important;
    }


    .job-business-flow-card::before {

        top:
            -14px;

        left:
            18px;

        width:
            42px;

        height:
            42px;

        font-size:
            13px;
    }


    .job-business-flow-box
    .elementor-icon {

        width:
            76px !important;

        height:
            76px !important;
    }


    .job-business-flow-box
    .elementor-icon i {

        font-size:
            34px !important;
    }


    .job-business-flow-box
    .elementor-icon svg {

        width:
            34px !important;

        height:
            34px !important;
    }


    .job-business-flow-box
    .elementor-icon-box-title {

        font-size:
            19px !important;
    }


    .job-business-flow-box
    .elementor-icon-box-description {

        font-size:
            14.5px !important;
    }


    /* Bottom */

    .job-business-flow-bottom {
        gap:
            15px !important;

        margin-top:
            22px !important;
    }


    .job-business-benefit,
    .job-business-m365 {

        padding:
            25px 21px !important;

        border-radius:
            17px !important;
    }


    /* Vorteil becomes vertical */

    .job-business-benefit-box
    .elementor-icon-box-wrapper {

        display: flex !important;

        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        gap:
            15px !important;

        text-align:
            left !important;
    }


    .job-business-benefit-box
    .elementor-icon {

        width:
            70px !important;

        height:
            70px !important;
    }


    .job-business-benefit-box
    .elementor-icon-box-title {

        font-size:
            23px !important;
    }


    /* Microsoft mobile */

    .job-business-m365-box
    .elementor-icon-box-wrapper {

        grid-template-columns:
            62px minmax(0,1fr) !important;

        gap:
            17px !important;
    }


    .job-business-m365-box
    .elementor-icon {

        width:
            58px !important;

        height:
            58px !important;
    }


    .job-business-m365-box
    .elementor-icon-box-title {

        font-size:
            20px !important;
    }


    .job-business-m365-box
    .elementor-icon-box-description {

        font-size:
            14px !important;

        line-height:
            1.55 !important;
    }
}


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

@media (prefers-reduced-motion: reduce) {

    .job-business-flow-card,
    .job-business-flow-box .elementor-icon {

        transition: none !important;
    }
}


/* =========================================================
   JOB-BSK BUSINESS FLOW
   MOTION + PREMIUM UI POLISH
   Paste AFTER previous CSS
   ========================================================= */


/* =========================================================
   1. MAKE THE FOUR STEPS REAL CARDS
   ========================================================= */

.job-business-flow-card {
    position: relative !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98) 0%,
            rgba(246,250,255,.96) 100%
        ) !important;

    border:
        1px solid rgba(30, 105, 190, .14) !important;

    border-radius:
        22px !important;

    box-shadow:
        0 10px 28px rgba(14, 61, 111, .07),
        0 2px 6px rgba(14, 61, 111, .03) !important;

    overflow:
        visible !important;

    transform:
        translateY(0);

    transition:
        transform .38s cubic-bezier(.2,.8,.2,1),
        box-shadow .38s ease,
        border-color .38s ease,
        background .38s ease !important;
}


/* Subtle light inside card */

.job-business-flow-card::after {
    content: "";

    position: absolute;

    inset: 0;

    border-radius: inherit;

    background:
        radial-gradient(
            circle at 50% -15%,
            rgba(0, 119, 255, .09),
            transparent 43%
        );

    opacity: .65;

    pointer-events: none;

    z-index: 0;

    transition:
        opacity .35s ease;
}


/* Keep content above decorative layer */

.job-business-flow-card
.job-business-flow-box {

    position: relative;
    z-index: 2;
}


/* =========================================================
   2. CARD HOVER
   ========================================================= */

@media (hover:hover) {

    .job-business-flow-card:hover {
        transform:
            translateY(-10px)
            scale(1.015);

        border-color:
            rgba(17, 112, 220, .35) !important;

        background:
            linear-gradient(
                145deg,
                #ffffff 0%,
                #eef7ff 100%
            ) !important;

        box-shadow:
            0 24px 52px rgba(13, 67, 126, .15),
            0 8px 20px rgba(13, 67, 126, .07) !important;
    }


    .job-business-flow-card:hover::after {
        opacity: 1;
    }
}


/* =========================================================
   3. ICON FLOATING EFFECT
   ========================================================= */

.job-business-flow-box
.elementor-icon {

    position: relative;

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        background .35s ease !important;

    animation:
        jobFlowFloat 5s ease-in-out infinite;
}


/* Different timing = not robotic */

.job-business-flow-card:nth-child(2)
.elementor-icon {

    animation-delay: .7s;
}


.job-business-flow-card:nth-child(3)
.elementor-icon {

    animation-delay: 1.4s;
}


.job-business-flow-card:nth-child(4)
.elementor-icon {

    animation-delay: 2.1s;
}


@keyframes jobFlowFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}


/* Hover makes icon stronger */

@media (hover:hover) {

    .job-business-flow-card:hover
    .job-business-flow-box
    .elementor-icon {

        animation-play-state: paused;

        transform:
            translateY(-7px)
            scale(1.08);

        background:
            linear-gradient(
                145deg,
                #e5f2ff 0%,
                #ffffff 100%
            ) !important;

        box-shadow:
            0 15px 30px rgba(11, 88, 177, .14),
            0 0 0 6px rgba(214, 155, 20, .05) !important;
    }
}


/* =========================================================
   4. ICON COLOR ANIMATION
   ========================================================= */

.job-business-flow-box
.elementor-icon i,

.job-business-flow-box
.elementor-icon svg {

    transition:
        transform .35s ease,
        color .35s ease,
        fill .35s ease !important;
}


@media (hover:hover) {

    .job-business-flow-card:hover
    .elementor-icon i {

        transform: scale(1.10);

        color: #0b5dbc !important;
    }


    .job-business-flow-card:hover
    .elementor-icon svg {

        transform: scale(1.10);

        fill: #0b5dbc !important;
    }
}


/* =========================================================
   5. TITLE GOLD UNDERLINE MOTION
   ========================================================= */

.job-business-flow-box
.elementor-icon-box-title::after {

    width: 36px;

    transition:
        width .35s ease,
        box-shadow .35s ease !important;
}


@media (hover:hover) {

    .job-business-flow-card:hover
    .elementor-icon-box-title::after {

        width: 68px;

        box-shadow:
            0 4px 10px rgba(206, 145, 6, .25);
    }
}


/* =========================================================
   6. NUMBER BADGE MOTION
   ========================================================= */

.job-business-flow-card::before {

    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease !important;
}


@media (hover:hover) {

    .job-business-flow-card:hover::before {

        transform:
            translateY(-3px)
            scale(1.10);

        box-shadow:
            0 10px 22px rgba(8, 84, 180, .25),
            0 0 0 4px rgba(214, 155, 20, .12);
    }
}


/* =========================================================
   7. ARROWS – MOVING PROCESS FLOW
   ========================================================= */

.job-business-flow-card:not(:last-child)
.process-arrow {

    animation:
        jobArrowMove 1.8s ease-in-out infinite;
}


@keyframes jobArrowMove {

    0%,
    100% {
        transform: translateX(0);
        opacity: .55;
    }

    50% {
        transform: translateX(6px);
        opacity: 1;
    }
}


/* If you use ::after arrows instead */
.job-business-flow-card:not(:last-child)
.job-flow-arrow {

    animation:
        jobArrowMove 1.8s ease-in-out infinite;
}


/* =========================================================
   8. IHR VORTEIL – PREMIUM HOVER
   ========================================================= */

.job-business-benefit {

    transition:
        transform .38s cubic-bezier(.2,.8,.2,1),
        box-shadow .38s ease !important;
}


/* moving gold glow */

.job-business-benefit::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -90px;
    left: -70px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(230, 171, 37, .16) 0%,
            transparent 68%
        );

    pointer-events: none;

    animation:
        jobGoldGlow 5s ease-in-out infinite;
}


@keyframes jobGoldGlow {

    0%,
    100% {
        transform: translate(0,0);
        opacity: .65;
    }

    50% {
        transform: translate(28px,18px);
        opacity: 1;
    }
}


.job-business-benefit-box
.elementor-icon {

    transition:
        transform .4s ease,
        box-shadow .4s ease !important;
}


@media (hover:hover) {

    .job-business-benefit:hover {

        transform:
            translateY(-7px);

        box-shadow:
            0 25px 50px rgba(5, 40, 85, .25) !important;
    }


    .job-business-benefit:hover
    .elementor-icon {

        transform:
            rotate(-5deg)
            scale(1.08);

        box-shadow:
            0 0 0 7px rgba(221, 160, 20, .08),
            0 10px 25px rgba(0,0,0,.13);
    }
}


/* =========================================================
   9. MICROSOFT 365 – BLUE MOTION
   ========================================================= */

.job-business-m365 {

    position: relative;

    transition:
        transform .38s cubic-bezier(.2,.8,.2,1),
        box-shadow .38s ease,
        border-color .38s ease !important;
}


/* moving shimmer */

.job-business-m365::after {
    content: "";

    position: absolute;

    top: -50%;
    left: -35%;

    width: 35%;
    height: 200%;

    transform:
        rotate(18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.65),
            transparent
        );

    pointer-events: none;

    opacity: 0;

    transition:
        left .8s ease,
        opacity .25s ease;
}


@media (hover:hover) {

    .job-business-m365:hover {

        transform:
            translateY(-7px);

        border-color:
            #9dc8ef !important;

        box-shadow:
            0 22px 44px rgba(14, 71, 133, .14) !important;
    }


    .job-business-m365:hover::after {

        left: 120%;

        opacity: 1;
    }


    .job-business-m365:hover
    .job-business-m365-box
    .elementor-icon {

        transform:
            scale(1.07)
            rotate(3deg);

        box-shadow:
            0 12px 25px rgba(12, 93, 186, .15);
    }
}


/* =========================================================
   10. MICROSOFT ICON PULSE
   ========================================================= */

.job-business-m365-box
.elementor-icon {

    animation:
        m365SoftPulse 4.5s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;
}


@keyframes m365SoftPulse {

    0%,
    100% {
        box-shadow:
            0 7px 18px rgba(14, 78, 151, .08);
    }

    50% {
        box-shadow:
            0 10px 25px rgba(14, 91, 181, .17),
            0 0 0 5px rgba(32, 119, 220, .04);
    }
}


/* =========================================================
   11. DESKTOP ENTRANCE ANIMATION
   ========================================================= */

@media (min-width: 1025px) {

    .job-business-flow-card {
        animation:
            jobCardEnter .7s ease both;
    }


    .job-business-flow-card:nth-child(1) {
        animation-delay: .05s;
    }

    .job-business-flow-card:nth-child(2) {
        animation-delay: .13s;
    }

    .job-business-flow-card:nth-child(3) {
        animation-delay: .21s;
    }

    .job-business-flow-card:nth-child(4) {
        animation-delay: .29s;
    }


    .job-business-benefit {
        animation:
            jobBottomEnter .75s .35s ease both;
    }


    .job-business-m365 {
        animation:
            jobBottomEnter .75s .46s ease both;
    }
}


@keyframes jobCardEnter {

    from {
        opacity: 0;

        transform:
            translateY(28px)
            scale(.97);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}


@keyframes jobBottomEnter {

    from {
        opacity: 0;

        transform:
            translateY(25px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}


/* =========================================================
   12. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .job-business-flow-card {

        box-shadow:
            0 10px 25px rgba(14,61,111,.075) !important;
    }


    .job-business-flow-box
    .elementor-icon {

        animation-duration:
            6s;
    }


    /* less motion on touch devices */

    .job-business-benefit::after {
        animation-duration:
            7s;
    }
}


/* =========================================================
   13. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .job-business-flow-card {

        transform:
            none !important;
    }


    .job-business-flow-box
    .elementor-icon {

        animation:
            jobMobileFloat 6s ease-in-out infinite;
    }


    @keyframes jobMobileFloat {

        0%,
        100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-3px);
        }
    }


    .job-business-benefit,
    .job-business-m365 {

        transform:
            none !important;
    }
}


/* =========================================================
   14. REDUCED MOTION ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .job-business-flow-card,
    .job-business-flow-box .elementor-icon,
    .job-business-benefit,
    .job-business-benefit::after,
    .job-business-m365,
    .job-business-m365-box .elementor-icon {

        animation:
            none !important;

        transition:
            none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad16baa *//* =========================================================
   JOB-BSK – THREE BUILDING BLOCKS
   MyOnlineTutor / IEC
   ========================================================= */

.job-bsk-blocks {
    --job-blue: #155EEF;
    --job-blue-dark: #0B3E91;
    --job-blue-soft: #EEF5FF;
    --job-gold: #E8B43A;

    --job-text: #172033;
    --job-muted: #566176;
    --job-border: #E4EAF2;

    padding: 70px 24px 80px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(21, 94, 239, 0.055) 0,
            rgba(21, 94, 239, 0) 34%
        ),
        #ffffff;
}


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

.job-bsk-blocks > .e-con-inner > .elementor-widget-heading,
.job-bsk-blocks > .elementor-widget-heading {
    margin-bottom: 38px;
}

.job-bsk-blocks .elementor-heading-title {
    color: var(--job-text);
    font-size: clamp(32px, 3vw, 46px);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -0.025em;
}


/* Small decorative line below section heading */

.job-bsk-blocks > .e-con-inner > .elementor-widget-heading::after,
.job-bsk-blocks > .elementor-widget-heading::after {
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    margin: 18px auto 0;
    border-radius: 20px;

    background: linear-gradient(
        90deg,
        var(--job-blue) 0%,
        var(--job-blue) 72%,
        var(--job-gold) 72%,
        var(--job-gold) 100%
    );
}


/* =========================
   3-COLUMN GRID
   ========================= */

.job-bsk-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px !important;
    align-items: stretch !important;
}


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

.job-bsk-card {
    position: relative;
    overflow: hidden;

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

    height: 100%;

    background: #ffffff;

    border: 1px solid var(--job-border);
    border-radius: 18px;

    padding: 0 0 28px !important;

    box-shadow:
        0 3px 8px rgba(15, 36, 72, 0.025),
        0 12px 32px rgba(15, 36, 72, 0.055);

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


/* Accent line on top */

.job-bsk-card::before {
    content: "";
    position: absolute;
    z-index: 5;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        var(--job-blue),
        #4385F5
    );

    opacity: 0;

    transition: opacity 0.25s ease;
}


/* Hover */

.job-bsk-card:hover {
    transform: translateY(-7px);

    border-color: rgba(21, 94, 239, 0.22);

    box-shadow:
        0 10px 22px rgba(15, 36, 72, 0.07),
        0 22px 45px rgba(15, 36, 72, 0.09);
}

.job-bsk-card:hover::before {
    opacity: 1;
}


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

.job-bsk-card .elementor-widget-image {
    width: 100%;
    margin: 0 0 25px 0 !important;
    overflow: hidden;
}

.job-bsk-card .elementor-widget-image img {
    display: block;

    width: 100% !important;
    height: auto;

    aspect-ratio: 16 / 10;
    object-fit: cover;

    border-radius: 17px 17px 0 0;

    transform: scale(1);
    transition: transform 0.45s ease;
}

.job-bsk-card:hover .elementor-widget-image img {
    transform: scale(1.035);
}


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

.job-bsk-card .elementor-widget-heading {
    padding: 0 25px;
    margin: 0 0 14px !important;
}

.job-bsk-card .elementor-widget-heading .elementor-heading-title {
    color: var(--job-text);

    font-size: 22px;
    line-height: 1.22;
    font-weight: 700;

    letter-spacing: -0.015em;

    min-height: 54px;

    transition: color 0.25s ease;
}

.job-bsk-card:hover
.elementor-widget-heading
.elementor-heading-title {
    color: var(--job-blue-dark);
}


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

.job-bsk-card .elementor-widget-text-editor {
    padding: 0 25px;
    margin: 0 !important;
}

.job-bsk-card .elementor-widget-text-editor,
.job-bsk-card .elementor-widget-text-editor p {
    color: var(--job-muted);

    font-size: 16px;
    line-height: 1.7;

    font-weight: 400;
}

.job-bsk-card .elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}


/* =========================
   SMALL BLUE DETAIL
   ========================= */

.job-bsk-card .elementor-widget-heading::before {
    content: "";
    display: block;

    width: 28px;
    height: 3px;

    margin-bottom: 13px;

    border-radius: 20px;
    background: var(--job-blue);
}


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

@media (max-width: 1024px) {

    .job-bsk-blocks {
        padding: 55px 20px 65px;
    }

    .job-bsk-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px !important;
    }

    .job-bsk-card:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 11px);
        justify-self: center;
    }

    .job-bsk-card
    .elementor-widget-heading
    .elementor-heading-title {
        min-height: auto;
        font-size: 21px;
    }

}


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

@media (max-width: 767px) {

    .job-bsk-blocks {
        padding: 42px 15px 50px;
    }

    .job-bsk-blocks .elementor-heading-title {
        font-size: 30px;
        line-height: 1.18;
    }

    .job-bsk-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
    }

    .job-bsk-card,
    .job-bsk-card:last-child {
        width: 100% !important;
    }

    .job-bsk-card {
        border-radius: 15px;
        padding-bottom: 23px !important;

        box-shadow:
            0 4px 16px rgba(15, 36, 72, 0.06);
    }

    .job-bsk-card:hover {
        transform: none;
    }

    .job-bsk-card .elementor-widget-image {
        margin-bottom: 21px !important;
    }

    .job-bsk-card .elementor-widget-image img {
        aspect-ratio: 16 / 10;
        border-radius: 14px 14px 0 0;
    }

    .job-bsk-card .elementor-widget-heading,
    .job-bsk-card .elementor-widget-text-editor {
        padding-left: 20px;
        padding-right: 20px;
    }

    .job-bsk-card
    .elementor-widget-heading
    .elementor-heading-title {
        min-height: 0;

        font-size: 20px;
        line-height: 1.28;
    }

    .job-bsk-card .elementor-widget-text-editor,
    .job-bsk-card .elementor-widget-text-editor p {
        font-size: 15.5px;
        line-height: 1.65;
    }

}


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

@media (prefers-reduced-motion: reduce) {

    .job-bsk-card,
    .job-bsk-card img {
        transition: none !important;
    }

    .job-bsk-card:hover {
        transform: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a56cc1e *//* =========================================================
   JOB-BSK – INDUSTRIES SECTION
   ========================================================= */

.job-bsk-industries {
    --industry-blue: #155EEF;
    --industry-blue-dark: #0B3E91;
    --industry-blue-soft: #EEF5FF;

    --industry-text: #172033;
    --industry-muted: #5B6577;
    --industry-border: #E2E8F0;

    padding: 65px 24px 75px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(21, 94, 239, 0.06),
            transparent 34%
        ),
        #ffffff;

    overflow: hidden;
}


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

.job-bsk-industries .elementor-widget-heading:first-child {
    margin-bottom: 12px;
}

.job-bsk-industries > .e-con-inner > .elementor-widget-heading
.elementor-heading-title,
.job-bsk-industries > .elementor-widget-heading
.elementor-heading-title {
    color: var(--industry-text);

    font-size: clamp(32px, 3vw, 46px);
    line-height: 1.15;

    font-weight: 700;
    letter-spacing: -0.025em;
}


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

.job-bsk-industries > .e-con-inner >
.elementor-widget-text-editor,
.job-bsk-industries >
.elementor-widget-text-editor {
    max-width: 1050px;
    margin: 0 auto 35px !important;

    text-align: center;

    color: var(--industry-muted);

    font-size: 17px;
    line-height: 1.65;
}


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

.job-bsk-industries-grid {
    display: grid !important;

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

    gap: 24px !important;

    align-items: stretch;
}


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

.job-bsk-industry-card {
    position: relative;

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

    min-width: 0;
    height: 100%;

    overflow: hidden;

    padding: 0 0 22px !important;

    background: #ffffff;

    border: 1px solid var(--industry-border);
    border-radius: 16px;

    box-shadow:
        0 3px 10px rgba(15, 37, 63, 0.035),
        0 10px 28px rgba(15, 37, 63, 0.045);

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


/* blue accent */

.job-bsk-industry-card::before {
    content: "";

    position: absolute;
    z-index: 5;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #155EEF,
        #4C8DFF
    );

    opacity: 0;

    transition: opacity 0.25s ease;
}


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

.job-bsk-industry-card:hover {
    transform: translateY(-6px);

    border-color: rgba(21, 94, 239, 0.28);

    box-shadow:
        0 8px 20px rgba(15, 37, 63, 0.07),
        0 18px 40px rgba(15, 37, 63, 0.10);
}

.job-bsk-industry-card:hover::before {
    opacity: 1;
}


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

.job-bsk-industry-card
.elementor-widget-image {
    width: 100%;

    margin: 0 0 20px !important;

    overflow: hidden;
}

.job-bsk-industry-card
.elementor-widget-image
.elementor-widget-container {
    overflow: hidden;
}

.job-bsk-industry-card
.elementor-widget-image img {
    display: block;

    width: 100% !important;

    aspect-ratio: 4 / 3;

    object-fit: cover;

    object-position: center;

    border-radius: 15px 15px 0 0;

    transform: scale(1);

    transition:
        transform 0.45s ease,
        filter 0.45s ease;
}


/* subtle image hover */

.job-bsk-industry-card:hover
.elementor-widget-image img {
    transform: scale(1.045);
}


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

.job-bsk-industry-card
.elementor-widget-heading {
    width: 100%;

    padding: 0 18px;

    margin: 0 !important;
}

.job-bsk-industry-card
.elementor-widget-heading
.elementor-heading-title {
    color: var(--industry-text);

    font-size: 19px;
    line-height: 1.22;

    font-weight: 700;
    letter-spacing: -0.012em;

    transition: color 0.25s ease;
}

.job-bsk-industry-card:hover
.elementor-widget-heading
.elementor-heading-title {
    color: var(--industry-blue-dark);
}


/* =========================================================
   SMALL DECORATIVE LINE
   ========================================================= */

.job-bsk-industry-card
.elementor-widget-heading::before {
    content: "";

    display: block;

    width: 26px;
    height: 3px;

    margin: 0 0 10px;

    border-radius: 20px;

    background: var(--industry-blue);
}


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

@media (max-width: 1200px) {

    .job-bsk-industries-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 22px !important;
    }

}


@media (max-width: 1024px) {

    .job-bsk-industries {
        padding: 55px 20px 65px;
    }

    .job-bsk-industry-card
    .elementor-widget-heading
    .elementor-heading-title {
        font-size: 18px;
    }

}


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

@media (max-width: 767px) {

    .job-bsk-industries {
        padding: 42px 15px 50px;
    }

    .job-bsk-industries-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 14px !important;
    }

    .job-bsk-industry-card {
        border-radius: 13px;

        padding-bottom: 17px !important;

        box-shadow:
            0 4px 16px rgba(15, 37, 63, 0.055);
    }

    .job-bsk-industry-card:hover {
        transform: none;
    }

    .job-bsk-industry-card
    .elementor-widget-image {
        margin-bottom: 15px !important;
    }

    .job-bsk-industry-card
    .elementor-widget-image img {
        aspect-ratio: 4 / 3;

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

    .job-bsk-industry-card
    .elementor-widget-heading {
        padding-left: 13px;
        padding-right: 13px;
    }

    .job-bsk-industry-card
    .elementor-widget-heading
    .elementor-heading-title {
        font-size: 16px;
        line-height: 1.25;
    }

    .job-bsk-industry-card
    .elementor-widget-heading::before {
        width: 22px;
        height: 2px;
        margin-bottom: 8px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .job-bsk-industries-grid {
        grid-template-columns: 1fr;
    }

    .job-bsk-industry-card
    .elementor-widget-heading
    .elementor-heading-title {
        font-size: 18px;
    }

}


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

@media (prefers-reduced-motion: reduce) {

    .job-bsk-industry-card,
    .job-bsk-industry-card img {
        transition: none !important;
    }

    .job-bsk-industry-card:hover {
        transform: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d837120 *//* =====================================================
   IEC AZUBI-BSK — PREMIUM PROCESS CARDS
   No timeline / No connecting lines
===================================================== */

.iec-process-section {
  --iec-primary: #079cab;
  --iec-primary-dark: #073d69;
  --iec-primary-soft: #e9f8fa;
  --iec-text: #0b3155;
  --iec-muted: #5c6f7a;
  --iec-border: rgba(7, 156, 171, 0.15);

  position: relative;
  width: 100%;
  padding: 82px 28px 92px;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(7, 156, 171, 0.07),
      transparent 38%
    ),
    linear-gradient(180deg, #ffffff 0%, #f5fafc 100%);
}

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

.iec-process-grid.e-con {
  position: relative;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;

  width: 100%;
  max-width: 1180px;
  margin: 48px auto 0;
}

/* Reset every old timeline connector */

.iec-process-step::before,
.iec-process-step::after,
.iec-process-number::before,
.iec-process-number::after {
  content: none !important;
  display: none !important;
}

/* Reset old snake positions */

.iec-process-step:nth-child(4),
.iec-process-step:nth-child(5),
.iec-process-step:nth-child(6) {
  grid-column: auto !important;
  grid-row: auto !important;
}

/* =====================================================
   INDIVIDUAL STEP CARD
===================================================== */

.iec-process-step.e-con {
  position: relative;

  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  min-width: 0;
  min-height: 245px;
  padding: 31px 30px 30px;
  overflow: hidden;

  text-align: left;

  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--iec-border);
  border-radius: 22px;

  box-shadow:
    0 14px 35px rgba(12, 57, 77, 0.065),
    0 3px 10px rgba(12, 57, 77, 0.035);

  transition:
    transform 0.35s cubic-bezier(.22, 1, .36, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

/* Small premium accent */

.iec-process-step.e-con {
  background:
    linear-gradient(
      135deg,
      rgba(7, 156, 171, 0.045),
      transparent 42%
    ),
    rgba(255, 255, 255, 0.96);
}

/* Decorative glow */

.iec-process-step.e-con > * {
  position: relative;
  z-index: 2;
}

/* Hover */

.iec-process-step.e-con:hover {
  transform: translateY(-7px);
  border-color: rgba(7, 156, 171, 0.34);

  box-shadow:
    0 22px 48px rgba(8, 77, 94, 0.12),
    0 5px 14px rgba(8, 77, 94, 0.055);
}

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

.iec-process-number {
  position: relative;
  z-index: 3;

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

  width: 52px !important;
  height: 36px;
  min-height: 36px;

  margin: 0 0 25px !important;
  padding: 0 !important;

  color: var(--iec-primary-dark);
  background: var(--iec-primary-soft);

  border: 1px solid rgba(7, 156, 171, 0.2);
  border-radius: 100px;

  font-size: 16px;
  line-height: 1;
  font-weight: 750;
  letter-spacing: 0.03em;

  box-shadow: none;

  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    transform 0.3s ease;
}

.iec-process-number > .elementor-widget-container {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;
}

.iec-process-number .elementor-heading-title {
  margin: 0 !important;

  color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
}

/* Number hover */

.iec-process-step:hover .iec-process-number {
  color: #ffffff;
  background: var(--iec-primary);
  transform: translateY(-2px);
}

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

.iec-process-step
> .elementor-widget-heading:not(.iec-process-number) {
  width: 100%;
  margin: 0 !important;
}

.iec-process-step
> .elementor-widget-heading:not(.iec-process-number)
.elementor-heading-title {
  margin: 0 !important;

  color: var(--iec-text);
  font-size: clamp(20px, 1.55vw, 23px);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.015em;

  text-align: left;
}

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

.iec-process-step .elementor-widget-text-editor {
  width: 100%;
  max-width: 315px;
  margin: 12px 0 0 !important;

  text-align: left;
}

.iec-process-step .elementor-widget-text-editor,
.iec-process-step .elementor-widget-text-editor p {
  margin-bottom: 0;

  color: var(--iec-muted);
  font-size: 15px;
  line-height: 1.68;
  font-weight: 400;
}

/* =====================================================
   FINAL STEP
===================================================== */

.iec-process-step--final.e-con {
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255, 255, 255, 0.18),
      transparent 38%
    ),
    linear-gradient(145deg, #087e8c 0%, #079cab 100%);

  border-color: transparent;

  box-shadow:
    0 18px 42px rgba(7, 140, 154, 0.2),
    0 4px 12px rgba(7, 140, 154, 0.1);
}

.iec-process-step--final
.iec-process-number {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);

  border-color: rgba(255, 255, 255, 0.32);
}

.iec-process-step--final
> .elementor-widget-heading:not(.iec-process-number)
.elementor-heading-title {
  color: #ffffff;
}

.iec-process-step--final
.elementor-widget-text-editor,
.iec-process-step--final
.elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.85);
}

.iec-process-step--final:hover {
  border-color: transparent;

  box-shadow:
    0 25px 55px rgba(7, 140, 154, 0.28),
    0 6px 16px rgba(7, 140, 154, 0.12);
}

.iec-process-step--final:hover
.iec-process-number {
  color: var(--iec-primary-dark);
  background: #ffffff;
}

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

@media (max-width: 1024px) {
  .iec-process-section {
    padding: 64px 24px 72px;
  }

  .iec-process-grid.e-con {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;

    max-width: 800px;
    margin-top: 40px;
  }

  .iec-process-step.e-con {
    min-height: 225px;
    padding: 28px 26px;
  }

  .iec-process-step .elementor-widget-text-editor {
    max-width: none;
  }
}

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

@media (max-width: 767px) {
  .iec-process-section {
    padding: 50px 16px 58px;
  }

  .iec-process-grid.e-con {
    grid-template-columns: 1fr;
    gap: 15px;

    max-width: 520px;
    margin-top: 32px;
  }

  .iec-process-step.e-con {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
    gap: 0 16px;

    min-height: 0;
    padding: 23px 21px;
    border-radius: 18px;
  }

  .iec-process-number {
    grid-column: 1;
    grid-row: 1 / span 2;

    width: 48px !important;
    height: 34px;
    min-height: 34px;

    margin: 0 !important;
    font-size: 15px;
  }

  .iec-process-step
  > .elementor-widget-heading:not(.iec-process-number) {
    grid-column: 2;
    margin-top: 2px !important;
  }

  .iec-process-step
  > .elementor-widget-heading:not(.iec-process-number)
  .elementor-heading-title {
    font-size: 19px;
    line-height: 1.35;
  }

  .iec-process-step .elementor-widget-text-editor {
    grid-column: 2;

    max-width: none;
    margin-top: 7px !important;
  }

  .iec-process-step .elementor-widget-text-editor,
  .iec-process-step .elementor-widget-text-editor p {
    font-size: 14.5px;
    line-height: 1.58;
  }

  .iec-process-step.e-con:hover {
    transform: none;
  }

  .iec-process-step:hover .iec-process-number {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51fadcf *//* =========================================================
   JOB-BSK PROCESS – FINAL
   3 Cards x 2 Rows
   ========================================================= */


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

.job-bsk-process {
    position: relative;
    width: 100%;

    padding: 75px 35px !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(15, 118, 220, 0.08) 0%,
            rgba(15, 118, 220, 0.02) 32%,
            transparent 55%
        ),
        linear-gradient(
            180deg,
            #f7fbff 0%,
            #ffffff 100%
        ) !important;

    overflow: hidden;
}


/* decorative background */

.job-bsk-process::before {
    content: "";
    position: absolute;

    width: 420px;
    height: 420px;

    top: -250px;
    left: -170px;

    border-radius: 50%;

    background: rgba(17, 116, 210, 0.045);

    pointer-events: none;
}


/* =========================================================
   GRID
   IMPORTANT: forces 3 x 2 layout
   ========================================================= */

.job-bsk-process-grid {
    width: 100% !important;
    max-width: 1240px !important;

    margin: 35px auto 0 !important;

    display: grid !important;

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

    gap: 24px !important;

    align-items: stretch !important;

    flex-direction: unset !important;
}


/* Elementor sometimes adds flex sizing */

.job-bsk-process-grid > .e-con,
.job-bsk-process-grid > .elementor-element {
    width: auto !important;
    max-width: none !important;

    flex: unset !important;
}


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

.job-bsk-process-card {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    min-width: 0 !important;
    min-height: 275px !important;

    padding: 30px 28px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;

    border: 1px solid #dbe8f5 !important;

    border-radius: 20px !important;

    box-shadow:
        0 12px 30px rgba(14, 57, 103, 0.07) !important;

    overflow: hidden !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease !important;
}


/* blue top accent */

.job-bsk-process-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
        linear-gradient(
            90deg,
            #123f77 0%,
            #0876e8 100%
        );
}


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

.job-bsk-step-number {
    display: inline-flex !important;

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

    width: 50px !important;
    min-width: 50px !important;
    height: 38px !important;

    margin: 0 0 28px 0 !important;

    padding: 0 !important;

    border-radius: 11px !important;

    background: #edf7ff !important;

    border: 1px solid #b9def8 !important;

    box-shadow: none !important;
}


/* Elementor heading inside number */

.job-bsk-step-number .elementor-heading-title,
.job-bsk-step-number h1,
.job-bsk-step-number h2,
.job-bsk-step-number h3,
.job-bsk-step-number h4 {
    margin: 0 !important;

    color: #0876e8 !important;

    font-size: 14px !important;
    line-height: 1 !important;

    font-weight: 800 !important;
}


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

.job-bsk-process-title {
    width: 100% !important;

    margin: 0 !important;
}


.job-bsk-process-title .elementor-heading-title,
.job-bsk-process-title h1,
.job-bsk-process-title h2,
.job-bsk-process-title h3,
.job-bsk-process-title h4 {
    margin: 0 !important;

    color: #123f77 !important;

    font-size: 21px !important;
    line-height: 1.25 !important;

    font-weight: 800 !important;

    letter-spacing: -0.25px !important;
}


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

.job-bsk-process-text {
    width: 100% !important;

    margin-top: 14px !important;
}


.job-bsk-process-text,
.job-bsk-process-text p {
    margin-bottom: 0 !important;

    color: #5c6a79 !important;

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

    font-weight: 400 !important;
}


/* =========================================================
   STEP 05 – MAIN ACTION
   JOB-BSK STARTEN
   ========================================================= */

.job-bsk-step-5 {
    background:
        linear-gradient(
            145deg,
            #0879eb 0%,
            #075fc5 100%
        ) !important;

    border-color: transparent !important;

    box-shadow:
        0 18px 38px rgba(7, 102, 209, 0.22) !important;

    transform: translateY(-3px);
}


.job-bsk-step-5::before {
    height: 5px;

    background:
        linear-gradient(
            90deg,
            #e1a820,
            #ffd369
        );
}


.job-bsk-step-5 .job-bsk-step-number {
    background: rgba(255, 255, 255, 0.14) !important;

    border-color: rgba(255, 255, 255, 0.30) !important;
}


.job-bsk-step-5 .job-bsk-step-number .elementor-heading-title,
.job-bsk-step-5 .job-bsk-step-number h1,
.job-bsk-step-5 .job-bsk-step-number h2,
.job-bsk-step-5 .job-bsk-step-number h3 {
    color: #ffffff !important;
}


.job-bsk-step-5 .job-bsk-process-title .elementor-heading-title,
.job-bsk-step-5 .job-bsk-process-title h1,
.job-bsk-step-5 .job-bsk-process-title h2,
.job-bsk-step-5 .job-bsk-process-title h3 {
    color: #ffffff !important;
}


.job-bsk-step-5 .job-bsk-process-text,
.job-bsk-step-5 .job-bsk-process-text p {
    color: rgba(255, 255, 255, 0.90) !important;
}


/* =========================================================
   STEP 06 – GOLD FINISH
   ========================================================= */

.job-bsk-step-6 {
    background:
        linear-gradient(
            145deg,
            #fffdf8 0%,
            #fff8e9 100%
        ) !important;

    border-color: #f1dfb0 !important;
}


.job-bsk-step-6::before {
    background:
        linear-gradient(
            90deg,
            #c98d00,
            #eab83b
        );
}


.job-bsk-step-6 .job-bsk-step-number {
    background: #fff5d9 !important;

    border-color: #edd28b !important;
}


.job-bsk-step-6 .job-bsk-step-number .elementor-heading-title,
.job-bsk-step-6 .job-bsk-step-number h1,
.job-bsk-step-6 .job-bsk-step-number h2,
.job-bsk-step-6 .job-bsk-step-number h3 {
    color: #a66f00 !important;
}


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

@media (hover: hover) {

    .job-bsk-process-card:hover {
        transform: translateY(-7px);

        border-color: #bdd9f2 !important;

        box-shadow:
            0 20px 45px rgba(15, 63, 112, 0.13) !important;
    }


    .job-bsk-step-5:hover {
        transform: translateY(-9px);

        box-shadow:
            0 25px 48px rgba(7, 102, 209, 0.27) !important;
    }
}


/* =========================================================
   TABLET
   2 x 3
   ========================================================= */

@media (max-width: 1024px) {

    .job-bsk-process {
        padding: 60px 24px !important;
    }


    .job-bsk-process-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }


    .job-bsk-process-card {
        min-height: 250px !important;

        padding: 26px 24px !important;
    }


    .job-bsk-step-5 {
        transform: none;
    }
}


/* =========================================================
   MOBILE
   1 COLUMN
   ========================================================= */

@media (max-width: 767px) {

    .job-bsk-process {
        padding: 45px 15px !important;
    }


    .job-bsk-process-grid {
        grid-template-columns: 1fr !important;

        gap: 15px !important;

        margin-top: 25px !important;
    }


    .job-bsk-process-card {
        min-height: auto !important;

        padding: 24px 21px !important;

        border-radius: 16px !important;
    }


    .job-bsk-step-number {
        margin-bottom: 19px !important;
    }


    .job-bsk-process-title .elementor-heading-title,
    .job-bsk-process-title h1,
    .job-bsk-process-title h2,
    .job-bsk-process-title h3 {
        font-size: 20px !important;
    }


    .job-bsk-process-text,
    .job-bsk-process-text p {
        font-size: 14.5px !important;
        line-height: 1.65 !important;
    }
}



/* =========================================================
   JOB-BSK PROCESS – UI/UX POLISH
   ========================================================= */


/* ---------- Grid ---------- */

.job-bsk-process-grid {
    max-width: 1240px !important;
    margin: 36px auto 0 !important;

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

    gap: 22px !important;
}


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

.job-bsk-process-card {
    position: relative !important;

    min-height: 255px !important;

    padding: 30px 30px 28px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    background: #ffffff !important;

    border: 1px solid #dce8f4 !important;
    border-radius: 22px !important;

    box-shadow:
        0 12px 35px rgba(20, 61, 102, 0.065) !important;

    overflow: hidden !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


/* حذف خط تمام عرض قبلی */
.job-bsk-process-card::before {
    content: "" !important;

    position: absolute;

    top: 0;
    left: 28px;

    width: 72px;
    height: 4px;

    border-radius: 0 0 8px 8px;

    background:
        linear-gradient(
            90deg,
            #123f77,
            #0876e8
        );
}


/* =========================================================
   STEP BADGE
   ========================================================= */

.job-bsk-step-number {
    width: 54px !important;
    min-width: 54px !important;
    height: 38px !important;

    margin: 0 0 30px 0 !important;
    padding: 0 !important;

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

    background:
        linear-gradient(
            135deg,
            #eef7ff,
            #f8fbff
        ) !important;

    border: 1px solid #b8ddf7 !important;

    border-radius: 12px !important;

    box-shadow:
        0 4px 10px rgba(8, 118, 232, 0.06) !important;
}


.job-bsk-step-number .elementor-heading-title {
    margin: 0 !important;

    color: #0876e8 !important;

    font-size: 14px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .4px !important;
}


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

.job-bsk-process-title {
    width: 100% !important;
    margin: 0 !important;
}


.job-bsk-process-title .elementor-heading-title {
    color: #123f77 !important;

    font-size: 21px !important;
    line-height: 1.25 !important;

    font-weight: 800 !important;

    letter-spacing: -0.3px !important;

    margin: 0 !important;
}


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

.job-bsk-process-text {
    width: 100% !important;

    margin-top: 13px !important;
}


.job-bsk-process-text,
.job-bsk-process-text p {
    color: #556575 !important;

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

    font-weight: 400 !important;

    margin-bottom: 0 !important;
}


/* =========================================================
   SMALL DECORATIVE CIRCLE
   ========================================================= */

.job-bsk-process-card::after {
    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    right: -65px;
    bottom: -70px;

    border-radius: 50%;

    background: rgba(8, 118, 232, 0.035);

    pointer-events: none;
}


/* =========================================================
   STEP 05 – MAIN CTA / START
   ========================================================= */

.job-bsk-step-5 {
    background:
        linear-gradient(
            145deg,
            #123f77 0%,
            #086fda 100%
        ) !important;

    border-color: transparent !important;

    box-shadow:
        0 20px 42px rgba(10, 79, 151, 0.20) !important;

    transform: translateY(-4px);
}


.job-bsk-step-5::before {
    left: 28px;

    width: 72px;

    background:
        linear-gradient(
            90deg,
            #e4aa22,
            #ffd56e
        ) !important;
}


.job-bsk-step-5::after {
    width: 180px;
    height: 180px;

    right: -90px;
    bottom: -100px;

    background: rgba(255,255,255,.06);
}


/* STEP 05 NUMBER */

.job-bsk-step-5 .job-bsk-step-number {
    background: rgba(255,255,255,.12) !important;

    border-color: rgba(255,255,255,.27) !important;

    box-shadow: none !important;
}


.job-bsk-step-5 .job-bsk-step-number .elementor-heading-title {
    color: #ffffff !important;
}


/* STEP 05 TITLE */

.job-bsk-step-5 .job-bsk-process-title .elementor-heading-title {
    color: #ffffff !important;
}


/* STEP 05 TEXT – مهم */

.job-bsk-step-5 .job-bsk-process-text,
.job-bsk-step-5 .job-bsk-process-text p {
    color: rgba(255,255,255,.90) !important;
}


/* =========================================================
   STEP 06 – GOLD FINISH
   ========================================================= */

.job-bsk-step-6 {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffdf8 100%
        ) !important;

    border-color: #ead9aa !important;
}


.job-bsk-step-6::before {
    background:
        linear-gradient(
            90deg,
            #bf8200,
            #e9b83c
        ) !important;
}


.job-bsk-step-6::after {
    background: rgba(197, 139, 0, 0.045);
}


.job-bsk-step-6 .job-bsk-step-number {
    background:
        linear-gradient(
            135deg,
            #fff5d9,
            #fffaf0
        ) !important;

    border-color: #eed590 !important;
}


.job-bsk-step-6 .job-bsk-step-number .elementor-heading-title {
    color: #a66f00 !important;
}


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

@media (hover:hover) {

    .job-bsk-process-card:hover {
        transform: translateY(-6px);

        border-color: #bad8f1 !important;

        box-shadow:
            0 20px 42px rgba(18, 62, 108, 0.12) !important;
    }


    .job-bsk-step-5:hover {
        transform: translateY(-9px);

        box-shadow:
            0 27px 52px rgba(10, 79, 151, 0.26) !important;
    }
}


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

@media (max-width: 1024px) {

    .job-bsk-process-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap: 18px !important;
    }


    .job-bsk-process-card {
        min-height: 235px !important;

        padding: 26px 24px !important;
    }


    .job-bsk-step-5 {
        transform: none;
    }
}


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

@media (max-width: 767px) {

    .job-bsk-process-grid {
        grid-template-columns: 1fr !important;

        gap: 15px !important;
    }


    .job-bsk-process-card {
        min-height: auto !important;

        padding: 24px 21px !important;

        border-radius: 17px !important;
    }


    .job-bsk-step-number {
        margin-bottom: 21px !important;
    }


    .job-bsk-process-title .elementor-heading-title {
        font-size: 20px !important;
    }


    .job-bsk-process-text,
    .job-bsk-process-text p {
        font-size: 14.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5569d92 *//* =========================================================
   JOB-BSK – BETRIEBLICHER ALLTAG
   Modern Icon Cards
   ========================================================= */


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

.job-examples-section {
    position: relative;
    padding: 75px 35px !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(24, 119, 232, 0.075),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #f7fbff 0%,
            #ffffff 100%
        ) !important;

    overflow: hidden;
}


/* subtle decorative circle */

.job-examples-section::before {
    content: "";
    position: absolute;

    width: 430px;
    height: 430px;

    right: -240px;
    top: -220px;

    border-radius: 50%;

    background: rgba(26, 115, 218, 0.045);

    pointer-events: none;
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.job-examples-heading,
.job-examples-heading .elementor-heading-title {
    color: #123f77 !important;

    font-size: clamp(34px, 3vw, 48px) !important;
    line-height: 1.15 !important;

    font-weight: 800 !important;
    letter-spacing: -0.8px !important;

    text-align: center !important;
}


/* =========================================================
   GRID
   5 x 2 Desktop
   ========================================================= */

.job-examples-grid {
    width: 100% !important;
    max-width: 1450px !important;

    margin: 42px auto 0 !important;

    display: grid !important;

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

    gap: 20px !important;

    align-items: stretch !important;

    counter-reset: job-card;
}


/* Prevent Elementor flex width conflicts */

.job-examples-grid > .e-con,
.job-examples-grid > .elementor-element {
    width: auto !important;
    max-width: none !important;
    flex: unset !important;
}


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

.job-example-card {
    counter-increment: job-card;

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 340px !important;

    padding: 34px 22px 28px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    background:
        linear-gradient(
            155deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;

    border: 1px solid #dce8f4 !important;

    border-radius: 20px !important;

    box-shadow:
        0 10px 30px rgba(20, 61, 102, 0.065) !important;

    overflow: visible !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


/* =========================================================
   NUMBER BADGE
   Automatically creates 01 – 10
   ========================================================= */

.job-example-card::before {
    content: counter(job-card, decimal-leading-zero);

    position: absolute;

    top: -1px;
    left: 50%;

    transform: translateX(-50%);

    min-width: 62px;
    height: 30px;

    padding: 0 12px;

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

    background:
        linear-gradient(
            135deg,
            #123f77 0%,
            #0876e8 100%
        );

    color: #ffffff;

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

    letter-spacing: .5px;

    border-radius: 0 0 9px 9px;

    box-shadow:
        0 5px 12px rgba(8, 97, 200, .16);

    z-index: 5;
}


/* =========================================================
   BOTTOM ACCENT LINE
   ========================================================= */

.job-example-card::after {
    content: "";

    position: absolute;

    left: 16px;
    right: 16px;
    bottom: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #0876e8 18%,
            #0876e8 82%,
            transparent
        );

    opacity: .75;
}


/* =========================================================
   ICON BOX
   ========================================================= */

.job-example-card .elementor-widget-icon-box {
    width: 100% !important;
    height: 100% !important;
}


/* =========================================================
   ICON CIRCLE
   ========================================================= */

.job-example-card .elementor-icon-box-icon {
    margin-bottom: 24px !important;
}


.job-example-card .elementor-icon-box-icon .elementor-icon {
    width: 92px !important;
    height: 92px !important;

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

    padding: 0 !important;

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #edf5ff 0%,
            #f8fbff 100%
        ) !important;

    border: 1px solid rgba(8, 118, 232, .08) !important;

    color: #1766d2 !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.8),
        0 8px 20px rgba(25, 93, 170, .06);

    transition:
        transform .3s ease,
        background .3s ease !important;
}


/* Icon */

.job-example-card .elementor-icon-box-icon i {
    color: #1766d2 !important;

    font-size: 42px !important;

    transition: transform .3s ease !important;
}


.job-example-card .elementor-icon-box-icon svg {
    width: 42px !important;
    height: 42px !important;

    fill: #1766d2 !important;

    transition: transform .3s ease !important;
}


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

.job-example-card .elementor-icon-box-title {
    margin: 0 0 15px !important;

    color: #123f77 !important;

    font-size: 18px !important;
    line-height: 1.28 !important;

    font-weight: 800 !important;

    letter-spacing: -0.2px !important;

    text-align: center !important;
}


.job-example-card .elementor-icon-box-title span,
.job-example-card .elementor-icon-box-title a {
    color: #123f77 !important;
}


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

.job-example-card .elementor-icon-box-description {
    margin: 0 !important;

    color: #5b6979 !important;

    font-size: 14.5px !important;
    line-height: 1.65 !important;

    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   CARD 05 – GOLD ACCENT
   Telefonate / Reklamationen
   ========================================================= */

.job-example-featured {
    background:
        linear-gradient(
            155deg,
            #ffffff 0%,
            #fffaf0 100%
        ) !important;

    border-color: #eed99f !important;
}


.job-example-featured::before {
    background:
        linear-gradient(
            135deg,
            #c78800 0%,
            #e4a900 100%
        );
}


.job-example-featured::after {
    background:
        linear-gradient(
            90deg,
            transparent,
            #d89500 18%,
            #d89500 82%,
            transparent
        );
}


.job-example-featured .elementor-icon-box-icon .elementor-icon {
    background:
        linear-gradient(
            145deg,
            #fff2cf 0%,
            #fffaf0 100%
        ) !important;

    border-color: rgba(216,149,0,.12) !important;
}


.job-example-featured .elementor-icon-box-icon i {
    color: #d89500 !important;
}


.job-example-featured .elementor-icon-box-icon svg {
    fill: #d89500 !important;
}


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

@media (hover: hover) {

    .job-example-card:hover {
        transform: translateY(-7px);

        border-color: #bad7f0 !important;

        box-shadow:
            0 22px 45px rgba(18, 63, 115, .12) !important;
    }


    .job-example-card:hover
    .elementor-icon-box-icon
    .elementor-icon {

        transform: translateY(-3px) scale(1.04);

        background:
            linear-gradient(
                145deg,
                #e3f1ff,
                #f5faff
            ) !important;
    }


    .job-example-card:hover
    .elementor-icon-box-icon i,

    .job-example-card:hover
    .elementor-icon-box-icon svg {

        transform: scale(1.08);
    }


    .job-example-featured:hover {
        border-color: #dfbd61 !important;

        box-shadow:
            0 22px 45px rgba(184, 126, 0, .13) !important;
    }
}


/* =========================================================
   TABLET LANDSCAPE
   3 COLUMNS
   ========================================================= */

@media (max-width: 1200px) {

    .job-examples-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   TABLET
   2 COLUMNS
   ========================================================= */

@media (max-width: 900px) {

    .job-examples-section {
        padding: 60px 24px !important;
    }


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

        gap: 18px !important;
    }


    .job-example-card {
        min-height: 310px !important;
    }
}


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

@media (max-width: 600px) {

    .job-examples-section {
        padding: 45px 15px !important;
    }


    .job-examples-grid {
        grid-template-columns: 1fr !important;

        gap: 16px !important;

        margin-top: 30px !important;
    }


    .job-example-card {
        min-height: auto !important;

        padding: 32px 23px 26px !important;

        border-radius: 17px !important;
    }


    .job-example-card .elementor-icon-box-icon .elementor-icon {
        width: 82px !important;
        height: 82px !important;
    }


    .job-example-card .elementor-icon-box-icon i {
        font-size: 38px !important;
    }


    .job-example-card .elementor-icon-box-icon svg {
        width: 38px !important;
        height: 38px !important;
    }


    .job-example-card .elementor-icon-box-title {
        font-size: 18px !important;
    }


    .job-example-card .elementor-icon-box-description {
        font-size: 14.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d8d57d *//* =========================================================
   JOB-BSK
   WER KANN TEILNEHMEN?
   A2 Eligibility Hub
   ========================================================= */


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

.job-eligibility-section {
    position: relative;

    width: 100%;

    padding: 75px 35px 70px !important;

    background:
        radial-gradient(
            circle at 50% 32%,
            rgba(16, 119, 235, 0.08) 0%,
            rgba(16, 119, 235, 0.025) 27%,
            transparent 49%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbff 100%
        ) !important;

    overflow: hidden;
}


/* Decorative background */

.job-eligibility-section::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -290px;
    bottom: -300px;

    border-radius: 50%;

    background: rgba(8, 118, 232, 0.045);

    pointer-events: none;
}


/* =========================================================
   HEADING
   ========================================================= */

.job-eligibility-heading {
    position: relative;

    margin-bottom: 20px !important;
}


.job-eligibility-heading .elementor-heading-title {
    color: #103b73 !important;

    font-size: clamp(38px, 4vw, 56px) !important;
    line-height: 1.1 !important;

    font-weight: 800 !important;

    letter-spacing: -1px !important;

    text-align: center !important;
}


/* small gold line */

.job-eligibility-heading::after {
    content: "";

    display: block;

    width: 72px;
    height: 4px;

    margin: 18px auto 0;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #c88a00,
            #e8b62d
        );
}


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

.job-eligibility-intro {
    max-width: 980px !important;

    margin: 0 auto 48px !important;
}


.job-eligibility-intro,
.job-eligibility-intro p {
    color: #334a67 !important;

    font-size: 18px !important;
    line-height: 1.7 !important;

    font-weight: 400 !important;

    text-align: center !important;
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.job-eligibility-grid {
    position: relative;

    z-index: 2;

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

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        300px
        minmax(0, 1fr) !important;

    grid-template-areas:
        "employed a2 contract"
        ". measure ." !important;

    column-gap: 65px !important;
    row-gap: 35px !important;

    align-items: center !important;
}


/* override Elementor flex sizing */

.job-eligibility-grid > .e-con,
.job-eligibility-grid > .elementor-element {
    width: auto !important;
    max-width: none !important;

    flex: unset !important;
}


/* Grid positions */

.job-eligibility-employed {
    grid-area: employed;
}

.job-eligibility-a2 {
    grid-area: a2;
}

.job-eligibility-contract {
    grid-area: contract;
}

.job-eligibility-measure {
    grid-area: measure;
}


/* =========================================================
   DEFAULT ELIGIBILITY CARDS
   ========================================================= */

.job-eligibility-card {
    position: relative !important;

    min-width: 0 !important;
    min-height: 205px !important;

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

    padding: 28px 30px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;

    border: 1.5px solid #bfd9f3 !important;

    border-radius: 20px !important;

    box-shadow:
        0 14px 32px rgba(17, 69, 125, 0.085) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


/* =========================================================
   ICONBOX STRUCTURE
   ========================================================= */

.job-eligibility-card .elementor-icon-box-wrapper {
    display: grid !important;

    grid-template-columns: 90px 1fr !important;

    gap: 25px !important;

    align-items: center !important;

    width: 100% !important;
}


/* =========================================================
   ICON CIRCLE
   ========================================================= */

.job-eligibility-card .elementor-icon-box-icon {
    margin: 0 !important;
}


.job-eligibility-card .elementor-icon-box-icon .elementor-icon {
    width: 86px !important;
    height: 86px !important;

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

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #eaf4ff,
            #f7fbff
        ) !important;

    color: #175fc9 !important;

    border: 1px solid rgba(25, 103, 205, .07);

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.8);
}


.job-eligibility-card .elementor-icon-box-icon i {
    color: #175fc9 !important;

    font-size: 39px !important;
}


.job-eligibility-card .elementor-icon-box-icon svg {
    width: 39px !important;
    height: 39px !important;

    fill: #175fc9 !important;
}


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

.job-eligibility-card .elementor-icon-box-content {
    min-width: 0;
}


.job-eligibility-card .elementor-icon-box-title {
    display: none !important;
}


/* Since your actual eligibility text is in description */

.job-eligibility-card .elementor-icon-box-description {
    position: relative;

    margin: 0 !important;

    padding-left: 18px;

    color: #17365f !important;

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

    font-weight: 500 !important;

    text-align: left !important;
}


/* gold bullet */

.job-eligibility-card
.elementor-icon-box-description::before {

    content: "";

    position: absolute;

    left: 0;
    top: 11px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #d99a00;

    box-shadow:
        0 0 0 4px rgba(217, 154, 0, .09);
}


/* =========================================================
   CONNECTOR – LEFT CARD
   ========================================================= */

.job-eligibility-employed::after {
    content: "";

    position: absolute;

    right: -66px;
    top: 50%;

    width: 66px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #bdd8f2,
            #1874df
        );

    transform: translateY(-50%);

    z-index: -1;
}


/* =========================================================
   CONNECTOR – RIGHT CARD
   ========================================================= */

.job-eligibility-contract::after {
    content: "";

    position: absolute;

    left: -66px;
    top: 50%;

    width: 66px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #1874df,
            #bdd8f2
        );

    transform: translateY(-50%);

    z-index: -1;
}


/* =========================================================
   A2 CENTRAL HUB
   ========================================================= */

.job-eligibility-a2 {
    position: relative !important;

    z-index: 5;

    width: 285px !important;
    height: 285px !important;

    margin: 0 auto !important;

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

    padding: 38px !important;

    text-align: center !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle at 50% 35%,
            #ffffff 0%,
            #ffffff 58%,
            #f3f8ff 100%
        ) !important;

    border: 2px solid #3985df !important;

    box-shadow:
        0 18px 40px rgba(16, 77, 154, 0.16),
        0 0 0 9px rgba(24, 117, 225, .07),
        0 0 0 18px rgba(24, 117, 225, .025) !important;
}


/* Order text first, A2 second */

.job-eligibility-a2 .elementor-widget-text-editor {
    order: 1 !important;
}


.job-eligibility-a2 .elementor-widget-heading {
    order: 2 !important;
}


/* "Deutsch als..." */

.job-eligibility-a2 .elementor-widget-text-editor,
.job-eligibility-a2 .elementor-widget-text-editor p {
    margin: 0 !important;

    color: #123f77 !important;

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

    font-weight: 800 !important;

    text-align: center !important;
}


/* Gold divider */

.job-eligibility-a2
.elementor-widget-text-editor::after {

    content: "";

    display: block;

    width: 82px;
    height: 2px;

    margin: 18px auto 13px;

    background: #daa01b;

    border-radius: 5px;
}


/* A2 */

.job-eligibility-a2
.elementor-heading-title {

    margin: 0 !important;

    color: #0d3975 !important;

    font-size: 64px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: -2px !important;
}


/* =========================================================
   BOTTOM CONNECTOR
   ========================================================= */

.job-eligibility-measure::before {
    content: "";

    position: absolute;

    left: 50%;
    top: -36px;

    width: 2px;
    height: 36px;

    background:
        linear-gradient(
            180deg,
            #1874df,
            #b8d7f2
        );

    transform: translateX(-50%);

    z-index: -1;
}


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

.job-eligibility-measure {
    min-height: 150px !important;

    padding: 22px 26px !important;
}


.job-eligibility-measure
.elementor-icon-box-wrapper {

    grid-template-columns: 76px 1fr !important;

    gap: 20px !important;
}


.job-eligibility-measure
.elementor-icon-box-icon
.elementor-icon {

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


.job-eligibility-measure
.elementor-icon-box-icon i {

    font-size: 34px !important;
}


.job-eligibility-measure
.elementor-icon-box-icon svg {

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


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

@media (hover: hover) {

    .job-eligibility-card:hover {
        transform: translateY(-6px);

        border-color: #78b4ec !important;

        box-shadow:
            0 21px 44px rgba(17, 69, 125, .13) !important;
    }


    .job-eligibility-card:hover
    .elementor-icon {

        transform: scale(1.05);
    }
}


/* =========================================================
   EMPLOYER NOTE
   ========================================================= */

.job-employer-note {
    position: relative;

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

    margin: 42px auto 0 !important;

    padding: 24px 32px !important;

    display: flex !important;

    align-items: center !important;

    gap: 25px !important;

    background:
        linear-gradient(
            105deg,
            #fffaf0 0%,
            #ffffff 48%,
            #fffdf7 100%
        ) !important;

    border: 1px solid #e6c267 !important;

    border-radius: 18px !important;

    box-shadow:
        0 12px 30px rgba(157, 111, 0, .07) !important;
}


/* gold accent */

.job-employer-note::before {
    content: "";

    position: absolute;

    left: 105px;
    top: 25%;

    width: 1px;
    height: 50%;

    background:
        linear-gradient(
            transparent,
            #dca326,
            transparent
        );
}


/* Employer icon */

.job-employer-note .elementor-icon,
.job-employer-note .elementor-icon-box-icon .elementor-icon {

    width: 70px !important;
    height: 70px !important;

    min-width: 70px !important;

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

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #123f77,
            #075fbe
        ) !important;

    color: #ffffff !important;
}


.job-employer-note i {
    color: #ffffff !important;
}


.job-employer-note svg {
    fill: #ffffff !important;
}


/* Employer title */

.job-employer-note
.elementor-heading-title {

    color: #17365f !important;

    font-size: 20px !important;
    line-height: 1.4 !important;

    font-weight: 800 !important;
}


/* Employer description */

.job-employer-note
.elementor-widget-text-editor,
.job-employer-note
.elementor-widget-text-editor p {

    color: #455b73 !important;

    font-size: 16px !important;
    line-height: 1.65 !important;

    margin-bottom: 0 !important;
}


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

@media (max-width: 1024px) {

    .job-eligibility-section {
        padding: 60px 24px !important;
    }


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

        grid-template-areas:
            "a2 a2"
            "employed contract"
            "measure measure" !important;

        gap: 24px !important;
    }


    .job-eligibility-a2 {
        width: 245px !important;
        height: 245px !important;

        margin-bottom: 15px !important;
    }


    .job-eligibility-a2
    .elementor-heading-title {

        font-size: 54px !important;
    }


    .job-eligibility-a2
    .elementor-widget-text-editor,
    .job-eligibility-a2
    .elementor-widget-text-editor p {

        font-size: 20px !important;
    }


    .job-eligibility-employed::after,
    .job-eligibility-contract::after,
    .job-eligibility-measure::before {

        display: none;
    }


    .job-eligibility-measure {
        max-width: 620px !important;

        margin: 0 auto !important;
    }
}


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

@media (max-width: 767px) {

    .job-eligibility-section {
        padding: 45px 15px !important;
    }


    .job-eligibility-heading
    .elementor-heading-title {

        font-size: 34px !important;
    }


    .job-eligibility-intro,
    .job-eligibility-intro p {

        font-size: 16px !important;
        line-height: 1.6 !important;
    }


    .job-eligibility-grid {
        grid-template-columns: 1fr !important;

        grid-template-areas:
            "a2"
            "employed"
            "contract"
            "measure" !important;

        gap: 16px !important;
    }


    .job-eligibility-a2 {
        width: 210px !important;
        height: 210px !important;

        padding: 28px !important;

        margin-bottom: 15px !important;
    }


    .job-eligibility-a2
    .elementor-widget-text-editor,
    .job-eligibility-a2
    .elementor-widget-text-editor p {

        font-size: 17px !important;
    }


    .job-eligibility-a2
    .elementor-heading-title {

        font-size: 48px !important;
    }


    .job-eligibility-card {
        min-height: auto !important;

        padding: 22px 20px !important;

        border-radius: 16px !important;
    }


    .job-eligibility-card
    .elementor-icon-box-wrapper {

        grid-template-columns: 68px 1fr !important;

        gap: 17px !important;
    }


    .job-eligibility-card
    .elementor-icon-box-icon
    .elementor-icon {

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


    .job-eligibility-card
    .elementor-icon-box-description {

        font-size: 15px !important;
        line-height: 1.55 !important;
    }


    .job-employer-note {
        margin-top: 28px !important;

        padding: 24px 20px !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 16px !important;
    }


    .job-employer-note::before {
        display: none;
    }
}


/* =========================================================
   JOB-BSK – PREMIUM A2 HUB
   Elementor Icon Box Version
   ========================================================= */


/* =========================================================
   MAIN CIRCLE
   ========================================================= */

.job-eligibility-a2 {
    position: relative !important;
    z-index: 10;

    width: 310px !important;
    height: 310px !important;

    margin: 0 auto !important;
    padding: 38px !important;

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

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle 8px at 1% 50%,
            #e0a10b 0 62%,
            #ffd66b 64%,
            transparent 72%
        ),
        radial-gradient(
            circle 8px at 99% 50%,
            #e0a10b 0 62%,
            #ffd66b 64%,
            transparent 72%
        ),
        radial-gradient(
            circle at 40% 30%,
            #ffffff 0%,
            #ffffff 48%,
            #f7fbff 75%,
            #edf5ff 100%
        ) !important;

    border: 2px solid #1976df !important;

    box-shadow:
        0 22px 50px rgba(14, 65, 132, .17),
        0 7px 18px rgba(25, 113, 219, .10),
        0 0 0 8px rgba(30, 119, 224, .07),
        0 0 0 17px rgba(30, 119, 224, .025),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    overflow: visible !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease !important;
}


/* =========================================================
   OUTER DASHED RING
   ========================================================= */

.job-eligibility-a2::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 335px;
    height: 335px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    border: 2px dashed rgba(27, 111, 218, .62);

    pointer-events: none;

    z-index: -2;

    transition:
        transform .5s ease,
        border-color .35s ease;
}


/* =========================================================
   INNER PREMIUM RING
   ========================================================= */

.job-eligibility-a2::after {
    content: "";

    position: absolute;

    inset: 10px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.95);

    box-shadow:
        inset 0 0 34px rgba(24, 110, 217, .055);

    pointer-events: none;

    z-index: -1;
}


/* =========================================================
   ICON BOX
   ========================================================= */

.job-a2-iconbox {
    width: 100% !important;

    margin: 0 !important;
}


/* We do not need an icon for A2 */

.job-a2-iconbox .elementor-icon-box-icon {
    display: none !important;
}


/* =========================================================
   CONTENT
   Change order:
   Description first
   A2 second
   ========================================================= */

.job-a2-iconbox .elementor-icon-box-content {
    width: 100% !important;

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

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

    text-align: center !important;
}


/* =========================================================
   DESCRIPTION FIRST
   Deutsch als Zweit- oder Fremdsprache
   ========================================================= */

.job-a2-iconbox .elementor-icon-box-description {
    order: 1 !important;

    max-width: 220px;

    margin: 0 auto !important;

    color: #123f77 !important;

    font-size: 25px !important;
    line-height: 1.25 !important;

    font-weight: 800 !important;

    letter-spacing: -0.35px !important;

    text-align: center !important;
}


/* =========================================================
   A2 SECOND
   ========================================================= */

.job-a2-iconbox .elementor-icon-box-title {
    order: 2 !important;

    width: 100% !important;

    margin: 0 !important;

    color: #0c3875 !important;

    font-size: 76px !important;
    line-height: 1 !important;

    font-weight: 900 !important;

    letter-spacing: -3px !important;

    text-align: center !important;

    text-shadow:
        0 5px 14px rgba(13, 57, 116, .09);

    transition:
        transform .35s ease,
        color .35s ease,
        text-shadow .35s ease !important;
}


/* Elementor sometimes puts title inside span */

.job-a2-iconbox .elementor-icon-box-title span,
.job-a2-iconbox .elementor-icon-box-title a {
    color: inherit !important;
}


/* =========================================================
   GOLD DIVIDER
   between text and A2
   ========================================================= */

.job-a2-iconbox .elementor-icon-box-title::before {
    content: "";

    display: block;

    width: 92px;
    height: 3px;

    margin: 20px auto 15px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #b77900 0%,
            #dda10e 48%,
            #f2ca58 100%
        );

    box-shadow:
        0 4px 12px rgba(211, 150, 9, .18);

    transition:
        width .35s ease,
        box-shadow .35s ease;
}


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

@media (hover:hover) {

    .job-eligibility-a2:hover {
        transform:
            translateY(-8px)
            scale(1.025);

        border-color: #105fc1 !important;

        box-shadow:
            0 31px 65px rgba(11, 58, 124, .22),
            0 12px 27px rgba(19, 103, 205, .15),

            /* Blue aura */
            0 0 0 9px rgba(24, 111, 218, .085),

            /* Gold aura */
            0 0 0 18px rgba(218, 157, 12, .035),

            inset 0 1px 0 rgba(255,255,255,.97) !important;
    }


    /* dashed ring effect */

    .job-eligibility-a2:hover::before {
        transform:
            translate(-50%, -50%)
            rotate(10deg)
            scale(1.025);

        border-color: rgba(19, 99, 203, .82);
    }


    /* A2 gets stronger */

    .job-eligibility-a2:hover
    .job-a2-iconbox
    .elementor-icon-box-title {

        transform: scale(1.07);

        color: #082e67 !important;

        text-shadow:
            0 7px 18px rgba(8, 48, 107, .14);
    }


    /* Gold line grows */

    .job-eligibility-a2:hover
    .job-a2-iconbox
    .elementor-icon-box-title::before {

        width: 118px;

        box-shadow:
            0 5px 15px rgba(207, 145, 0, .26);
    }
}


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

@media (max-width: 1024px) {

    .job-eligibility-a2 {
        width: 260px !important;
        height: 260px !important;

        padding: 32px !important;
    }

    .job-eligibility-a2::before {
        width: 282px;
        height: 282px;
    }

    .job-a2-iconbox .elementor-icon-box-description {
        max-width: 190px;

        font-size: 21px !important;
    }

    .job-a2-iconbox .elementor-icon-box-title {
        font-size: 62px !important;
    }
}


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

@media (max-width: 767px) {

    .job-eligibility-a2 {
        width: 225px !important;
        height: 225px !important;

        padding: 27px !important;
    }

    .job-eligibility-a2::before {
        width: 245px;
        height: 245px;
    }

    .job-a2-iconbox .elementor-icon-box-description {
        max-width: 170px;

        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    .job-a2-iconbox .elementor-icon-box-title {
        font-size: 52px !important;
    }

    .job-a2-iconbox
    .elementor-icon-box-title::before {

        width: 70px;

        margin: 14px auto 11px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .job-eligibility-a2,
    .job-eligibility-a2::before,
    .job-a2-iconbox .elementor-icon-box-title {

        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b901a63 *//* =========================================================
   JOB-BSK
   ZUSAMMENARBEIT + WARUM IEC
   ========================================================= */


/* =========================================================
   MAIN SECTION
   ========================================================= */

.job-collab-section {
    position: relative;
    width: 100%;

    padding: 75px 55px !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.96) 58%,
            rgba(245,250,255,.88) 100%
        ) !important;

    overflow: hidden;
}


/* subtle decorative glow */

.job-collab-section::before {
    content: "";
    position: absolute;

    width: 460px;
    height: 460px;

    right: -230px;
    top: -210px;

    border-radius: 50%;

    background: rgba(26, 115, 218, .045);

    pointer-events: none;
}


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

.job-collab-heading {
    position: relative;

    margin-bottom: 38px !important;
}

.job-collab-heading .elementor-heading-title {
    color: #123f77 !important;

    font-size: clamp(34px, 3vw, 47px) !important;
    line-height: 1.15 !important;

    font-weight: 800 !important;

    letter-spacing: -.6px !important;
}


/* gold underline */

.job-collab-heading::after {
    content: "";

    display: block;

    width: 68px;
    height: 4px;

    margin-top: 15px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #c78700,
            #e5ac24
        );
}


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

.job-collab-list {
    position: relative;

    width: 100%;
    max-width: 1030px;

    padding-left: 36px !important;

    margin-bottom: 60px;
}


/* gold vertical timeline */

.job-collab-list::before {
    content: "";

    position: absolute;

    left: 10px;
    top: 27px;
    bottom: 27px;

    width: 2px;

    background:
        linear-gradient(
            180deg,
            #e4b044 0%,
            #c88a08 50%,
            #e4b044 100%
        );

    border-radius: 5px;
}


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

.job-collab-step {
    position: relative !important;

    display: grid !important;

    grid-template-columns: 120px minmax(0, 1fr) !important;

    align-items: center !important;

    min-height: 74px;

    padding: 11px 18px 11px 0 !important;

    border-bottom:
        1px dashed rgba(31, 91, 156, .16);

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease !important;
}


/* gold timeline dot */

.job-collab-step::before {
    content: "";

    position: absolute;

    left: -32px;
    top: 50%;

    width: 12px;
    height: 12px;

    transform: translateY(-50%);

    border-radius: 50%;

    background: #d39a25;

    border: 3px solid #ffffff;

    box-shadow:
        0 0 0 1px rgba(210,153,37,.35),
        0 3px 9px rgba(180,125,10,.16);

    z-index: 2;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* remove final border */

.job-collab-step:last-child {
    border-bottom: none;
}


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

.job-collab-number {
    position: relative;

    width: 100% !important;

    margin: 0 !important;

    padding-right: 25px;
}


.job-collab-number .elementor-heading-title {
    margin: 0 !important;

    color: #0d3468 !important;

    font-size: 43px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    letter-spacing: -1px;

    font-family: Georgia, "Times New Roman", serif;
}


/* gold divider between number and text */

.job-collab-number::after {
    content: "";

    position: absolute;

    right: 6px;
    top: 50%;

    width: 1px;
    height: 38px;

    transform: translateY(-50%);

    background:
        linear-gradient(
            transparent,
            #d8a23a,
            transparent
        );
}


/* =========================================================
   STEP TEXT
   ========================================================= */

.job-collab-text {
    margin: 0 !important;

    padding-left: 14px;
}


.job-collab-text,
.job-collab-text p {
    margin: 0 !important;

    color: #263f5e !important;

    font-size: 16.5px !important;
    line-height: 1.55 !important;

    font-weight: 500 !important;
}


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

@media (hover:hover) {

    .job-collab-step:hover {
        transform: translateX(7px);

        background:
            linear-gradient(
                90deg,
                rgba(237,246,255,.70),
                rgba(255,255,255,0)
            );

        border-color: rgba(31, 106, 190, .24);

        border-radius: 10px;
    }


    .job-collab-step:hover::before {
        transform:
            translateY(-50%)
            scale(1.35);

        box-shadow:
            0 0 0 5px rgba(211,154,37,.11);
    }


    .job-collab-step:hover
    .job-collab-number
    .elementor-heading-title {

        color: #0876e8 !important;
    }
}


/* =========================================================
   WHY IEC
   ========================================================= */

.job-why {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, .90fr)
        minmax(0, 1.35fr) !important;

    gap: 30px !important;

    align-items: stretch !important;

    margin-top: 25px !important;

    padding: 16px !important;

    border-radius: 26px !important;

    background:
        linear-gradient(
            135deg,
            #eef6ff 0%,
            #ffffff 50%,
            #f7fbff 100%
        ) !important;

    border: 1px solid #dce9f6;

    box-shadow:
        0 18px 45px rgba(15, 61, 109, .09) !important;
}


/* =========================================================
   WHY IEC – LEFT SIDE
   ========================================================= */

.job-why-intro {
    position: relative;

    padding: 38px 36px !important;

    border-radius: 20px !important;

    background:
        linear-gradient(
            145deg,
            #103d76 0%,
            #082f62 100%
        ) !important;

    overflow: hidden;
}


/* decorative gold glow */

.job-why-intro::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -90px;
    bottom: -100px;

    border-radius: 50%;

    background: rgba(222,164,33,.10);
}


/* quote mark */

.job-why-intro::after {
    content: "“";

    position: absolute;

    right: 25px;
    top: 4px;

    color: rgba(255,255,255,.065);

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

    font-family: Georgia, serif;
}


/* =========================================================
   WHY TITLE
   ========================================================= */

.job-why-heading {
    position: relative;

    margin-bottom: 23px !important;

    z-index: 2;
}


.job-why-heading .elementor-heading-title {
    color: #ffffff !important;

    font-size: 34px !important;
    line-height: 1.15 !important;

    font-weight: 800 !important;
}


/* gold underline */

.job-why-heading::after {
    content: "";

    display: block;

    width: 55px;
    height: 3px;

    margin-top: 13px;

    border-radius: 10px;

    background: #e1aa29;
}


/* =========================================================
   WHY INTRO TEXT
   ========================================================= */

.job-why-text {
    position: relative;

    z-index: 2;
}


.job-why-text,
.job-why-text p {
    color: rgba(255,255,255,.90) !important;

    font-size: 16px !important;
    line-height: 1.75 !important;

    margin-bottom: 0 !important;
}


/* =========================================================
   WHY FEATURES SIDE
   ========================================================= */

.job-why-features {
    padding: 12px !important;

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


/* =========================================================
   ICON LIST
   ========================================================= */

.job-why-list {
    width: 100% !important;
}


/* turn Elementor list into grid */

.job-why-list .elementor-icon-list-items {
    display: grid !important;

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

    gap: 13px !important;
}


/* each advantage */

.job-why-list .elementor-icon-list-item {
    min-height: 82px;

    padding: 15px 16px !important;

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

    background: #ffffff !important;

    border: 1px solid #dce8f4 !important;

    border-radius: 14px !important;

    box-shadow:
        0 7px 19px rgba(18, 61, 107, .055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* Icon circle */

.job-why-list .elementor-icon-list-icon {
    width: 42px !important;
    height: 42px !important;

    min-width: 42px;

    margin-right: 13px !important;

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

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #123f77,
            #0876e8
        );

    box-shadow:
        0 5px 12px rgba(8,105,211,.13);
}


/* icon */

.job-why-list .elementor-icon-list-icon i {
    color: #ffffff !important;

    font-size: 17px !important;
}


.job-why-list .elementor-icon-list-icon svg {
    width: 17px !important;
    height: 17px !important;

    fill: #ffffff !important;
}


/* feature text */

.job-why-list .elementor-icon-list-text {
    color: #203b5e !important;

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

    font-weight: 600 !important;
}


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

@media (hover:hover) {

    .job-why-list .elementor-icon-list-item:hover {
        transform: translateY(-4px);

        border-color: #b7d4ef !important;

        box-shadow:
            0 14px 28px rgba(17, 63, 113, .10);
    }


    .job-why-list
    .elementor-icon-list-item:hover
    .elementor-icon-list-icon {

        background:
            linear-gradient(
                145deg,
                #c98c00,
                #e5aa20
            );
    }
}


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

@media (max-width: 1024px) {

    .job-collab-section {
        padding: 60px 28px !important;
    }


    .job-why {
        grid-template-columns: 1fr !important;
    }


    .job-why-list .elementor-icon-list-items {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;
    }
}


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

@media (max-width: 767px) {

    .job-collab-section {
        padding: 45px 16px !important;
    }


    .job-collab-heading
    .elementor-heading-title {

        font-size: 31px !important;
    }


    .job-collab-list {
        padding-left: 27px !important;
    }


    .job-collab-list::before {
        left: 6px;
    }


    .job-collab-step {
        grid-template-columns: 72px 1fr !important;

        min-height: 80px;

        padding: 12px 5px 12px 0 !important;
    }


    .job-collab-step::before {
        left: -26px;

        width: 10px;
        height: 10px;
    }


    .job-collab-number
    .elementor-heading-title {

        font-size: 31px !important;
    }


    .job-collab-number {
        padding-right: 14px;
    }


    .job-collab-number::after {
        right: 1px;

        height: 32px;
    }


    .job-collab-text {
        padding-left: 11px;
    }


    .job-collab-text,
    .job-collab-text p {

        font-size: 14.5px !important;
        line-height: 1.55 !important;
    }


    /* WHY */

    .job-why {
        padding: 9px !important;

        border-radius: 20px !important;
    }


    .job-why-intro {
        padding: 29px 23px !important;

        border-radius: 16px !important;
    }


    .job-why-heading
    .elementor-heading-title {

        font-size: 29px !important;
    }


    .job-why-text,
    .job-why-text p {

        font-size: 15px !important;
    }


    .job-why-features {
        padding: 4px !important;
    }


    .job-why-list
    .elementor-icon-list-items {

        grid-template-columns: 1fr !important;

        gap: 10px !important;
    }


    .job-why-list
    .elementor-icon-list-item {

        min-height: 70px;

        padding: 13px !important;
    }
}


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

@media (prefers-reduced-motion: reduce) {

    .job-collab-step,
    .job-collab-step::before,
    .job-why-list .elementor-icon-list-item {

        transition: none !important;
    }
}



/* =========================================================
   JOB-BSK TIMELINE
   TABLET + MOBILE FIX
   Text clipping / overflow fix
   ========================================================= */


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

@media (max-width: 1024px) {

    /* Main section */
    .job-collab-section {
        width: 100% !important;
        max-width: 100% !important;

        padding: 55px 24px !important;

        overflow: visible !important;
    }


    /* Timeline parent */
    .job-collab-list {
        width: 100% !important;
        max-width: 100% !important;

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

        padding-left: 30px !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /* Each row */
    .job-collab-step {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        display: grid !important;

        grid-template-columns:
            76px minmax(0, 1fr) !important;

        column-gap: 14px !important;

        align-items: center !important;

        min-height: 78px !important;

        padding:
            12px 8px
            12px 0 !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /* NUMBER */
    .job-collab-number {
        width: 100% !important;
        max-width: 76px !important;
        min-width: 0 !important;

        padding-right: 15px !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    .job-collab-number .elementor-heading-title {
        font-size: 34px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* Gold divider */
    .job-collab-number::after {
        right: 2px !important;

        height: 34px !important;
    }


    /* TEXT */
    .job-collab-text {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    .job-collab-text .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow: visible !important;
    }


    .job-collab-text,
    .job-collab-text p {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

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

        white-space: normal !important;

        overflow: visible !important;

        overflow-wrap: break-word !important;
        word-break: normal !important;
        hyphens: auto;
    }


    /* timeline dot */
    .job-collab-step::before {
        left: -25px !important;
    }


    /* disable desktop movement */
    .job-collab-step:hover {
        transform: none !important;
    }
}


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

@media (max-width: 767px) {

    .job-collab-section {
        width: 100% !important;

        padding:
            42px 15px !important;

        overflow: visible !important;
    }


    .job-collab-list {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 23px !important;

        overflow: visible !important;
    }


    /* vertical gold line */
    .job-collab-list::before {
        left: 5px !important;

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


    .job-collab-step {
        width: 100% !important;
        max-width: 100% !important;

        grid-template-columns:
            58px minmax(0, 1fr) !important;

        column-gap: 11px !important;

        min-height: 86px !important;

        padding:
            14px 2px
            14px 0 !important;

        overflow: visible !important;
    }


    /* Number */
    .job-collab-number {
        width: 58px !important;
        max-width: 58px !important;

        padding-right: 11px !important;
    }


    .job-collab-number .elementor-heading-title {
        font-size: 27px !important;
        line-height: 1 !important;
    }


    .job-collab-number::after {
        right: 0 !important;

        height: 30px !important;
    }


    /* Text */
    .job-collab-text {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding-left: 0 !important;

        overflow: visible !important;
    }


    .job-collab-text .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;

        overflow: visible !important;
    }


    .job-collab-text,
    .job-collab-text p {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 14px !important;
        line-height: 1.55 !important;

        white-space: normal !important;

        overflow: visible !important;

        overflow-wrap: break-word !important;
        word-break: normal !important;
        hyphens: auto !important;
    }


    /* timeline dot */
    .job-collab-step::before {
        left: -21px !important;

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


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .job-collab-step {
        grid-template-columns:
            52px minmax(0, 1fr) !important;

        column-gap: 9px !important;
    }


    .job-collab-number {
        width: 52px !important;
        max-width: 52px !important;
    }


    .job-collab-number .elementor-heading-title {
        font-size: 25px !important;
    }


    .job-collab-text,
    .job-collab-text p {
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-173a6de *//* =========================================================
   JOB-BSK – FAQ + CTA
   FINAL VERSION
   ========================================================= */


/* =========================================================
   01. MAIN SECTION
   ========================================================= */

.job-faq-section {
    position: relative;
    width: 100%;
    max-width: 1450px;

    margin: 0 auto !important;
    padding: 38px 34px 55px !important;

    display: grid !important;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(400px, 0.92fr) !important;

    gap: 34px !important;

    align-items: stretch !important;

    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(23, 109, 214, 0.07) 0%,
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbff 100%
        ) !important;

    overflow: hidden;
}


/* subtle background decoration */

.job-faq-section::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    right: -210px;
    bottom: -220px;

    border-radius: 50%;

    background: rgba(21, 103, 202, 0.045);

    pointer-events: none;
}


/* =========================================================
   02. LEFT FAQ COLUMN
   ========================================================= */

.job-faq-left {
    position: relative;
    z-index: 2;

    width: 100% !important;
    min-width: 0 !important;

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


/* =========================================================
   03. ACCORDION
   ========================================================= */

.job-faq-accordion {
    width: 100% !important;

    counter-reset: jobfaq;
}


/* =========================================================
   NESTED ACCORDION – CURRENT ELEMENTOR
   ========================================================= */

.job-faq-accordion .e-n-accordion-item {
    position: relative;

    counter-increment: jobfaq;

    margin: 0 0 11px !important;

    background: #ffffff !important;

    border: 1px solid #dbe7f3 !important;

    border-radius: 14px !important;

    box-shadow:
        0 7px 22px rgba(17, 61, 109, 0.055);

    overflow: hidden;

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


/* Accordion question */

.job-faq-accordion .e-n-accordion-item-title {
    position: relative;

    width: 100%;

    min-height: 66px;

    padding:
        15px 52px
        15px 65px !important;

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

    background: #ffffff !important;

    border: none !important;

    transition:
        background .25s ease;
}


/* Automatic 01 – 07 */

.job-faq-accordion
.e-n-accordion-item-title::before {

    content: counter(jobfaq, decimal-leading-zero);

    position: absolute;

    left: 15px;
    top: 50%;

    transform: translateY(-50%);

    width: 35px;
    height: 35px;

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

    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            #edf6ff 0%,
            #f8fbff 100%
        );

    border: 1px solid #c8e0f7;

    color: #0876e8;

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

    font-weight: 800;

    letter-spacing: .3px;

    transition:
        color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


/* Question text */

.job-faq-accordion
.e-n-accordion-item-title-text {

    color: #123f77 !important;

    font-size: 16px !important;
    line-height: 1.45 !important;

    font-weight: 700 !important;
}


/* Accordion arrow / plus */

.job-faq-accordion
.e-n-accordion-item-title-icon {

    color: #0876e8 !important;

    font-size: 15px !important;
}


/* Answer */

.job-faq-accordion
.e-n-accordion-item-content {

    padding:
        0 25px
        21px 65px !important;

    background: #ffffff !important;

    color: #56697d !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
}


.job-faq-accordion
.e-n-accordion-item-content p {

    margin:
        0 0 8px !important;

    color: inherit !important;

    font-size: inherit !important;
    line-height: inherit !important;
}


/* =========================================================
   OPEN FAQ STATE
   ========================================================= */

.job-faq-accordion
.e-n-accordion-item[open] {

    border-color: #a9cff2 !important;

    box-shadow:
        0 14px 32px rgba(16, 72, 137, .10);
}


/* gold vertical accent */

.job-faq-accordion
.e-n-accordion-item[open]::before {

    content: "";

    position: absolute;

    left: 0;
    top: 12px;
    bottom: 12px;

    width: 3px;

    border-radius: 0 5px 5px 0;

    background:
        linear-gradient(
            180deg,
            #c78900,
            #ebb63a
        );

    z-index: 3;
}


.job-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title {

    background:
        linear-gradient(
            90deg,
            #f1f8ff 0%,
            #ffffff 72%
        ) !important;
}


.job-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title::before {

    color: #ffffff;

    border-color: transparent;

    background:
        linear-gradient(
            145deg,
            #123f77,
            #0876e8
        );

    box-shadow:
        0 5px 13px rgba(8, 104, 210, .17);
}


/* =========================================================
   OLD ELEMENTOR ACCORDION FALLBACK
   ========================================================= */

.job-faq-accordion .elementor-accordion-item {
    margin-bottom: 11px !important;

    background: #ffffff;

    border: 1px solid #dbe7f3 !important;

    border-radius: 14px !important;

    box-shadow:
        0 7px 22px rgba(17, 61, 109, .055);

    overflow: hidden;
}


.job-faq-accordion .elementor-tab-title {
    padding: 18px 20px !important;

    border: none !important;

    color: #123f77 !important;

    font-size: 16px !important;

    font-weight: 700 !important;
}


.job-faq-accordion .elementor-tab-content {
    padding:
        4px 20px
        20px !important;

    border: none !important;

    color: #56697d !important;

    font-size: 15px !important;
    line-height: 1.7 !important;
}


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

@media (hover:hover) {

    .job-faq-accordion
    .e-n-accordion-item:hover {

        transform: translateY(-2px);

        border-color: #b9d7f1 !important;

        box-shadow:
            0 12px 28px rgba(17, 61, 109, .09);
    }


    .job-faq-accordion
    .elementor-accordion-item:hover {

        border-color: #b9d7f1 !important;

        box-shadow:
            0 12px 28px rgba(17, 61, 109, .09);
    }
}


/* =========================================================
   04. RIGHT CTA CONTAINER
   ========================================================= */

.job-faq-cta {
    position: relative;
    z-index: 2;

    width: 100% !important;
    min-width: 0 !important;

    padding:
        36px 32px
        28px !important;

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

    text-align: center;

    border: 1px solid #cfe1f3 !important;

    border-radius: 24px !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(18, 111, 219, .11) 0%,
            transparent 38%
        ),
        linear-gradient(
            155deg,
            #ffffff 0%,
            #f4f9ff 100%
        ) !important;

    box-shadow:
        0 18px 45px rgba(15, 61, 108, .10) !important;

    overflow: hidden;
}


/* Navy decorative corner */

.job-faq-cta::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -105px;
    top: -110px;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #123f77,
            #082e61
        );

    pointer-events: none;
}


/* subtle gold circle */

.job-faq-cta::after {
    content: "";

    position: absolute;

    width: 140px;
    height: 140px;

    left: -85px;
    bottom: -90px;

    border-radius: 50%;

    background: rgba(207, 148, 18, .07);

    pointer-events: none;
}


/* =========================================================
   05. MAIN CTA ICON BOX
   ========================================================= */

.job-faq-cta-box {
    position: relative;
    z-index: 2;

    width: 100% !important;

    margin: 0 !important;

    text-align: center !important;
}


.job-faq-cta-box
.elementor-icon-box-wrapper {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    width: 100% !important;
}


/* Main icon */

.job-faq-cta-box
.elementor-icon-box-icon {

    margin:
        0 0 20px !important;
}


.job-faq-cta-box
.elementor-icon {

    width: 86px !important;
    height: 86px !important;

    padding: 0 !important;

    display: inline-flex !important;

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

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #edf6ff,
            #ffffff
        ) !important;

    border:
        1px solid #c8dff5 !important;

    color: #123f77 !important;

    box-shadow:
        0 10px 25px rgba(14, 72, 139, .10);

    transition:
        transform .30s ease,
        box-shadow .30s ease;
}


.job-faq-cta-box
.elementor-icon i {

    color: #123f77 !important;

    font-size: 39px !important;
}


.job-faq-cta-box
.elementor-icon svg {

    width: 39px !important;
    height: 39px !important;

    fill: #123f77 !important;

    color: #123f77 !important;
}


/* CTA title */

.job-faq-cta-box
.elementor-icon-box-title {

    margin:
        0 0 15px !important;

    color: #123f77 !important;

    font-size:
        clamp(27px, 2.2vw, 37px) !important;

    line-height: 1.18 !important;

    font-weight: 800 !important;

    letter-spacing: -.5px !important;

    text-align: center !important;
}


.job-faq-cta-box
.elementor-icon-box-title span,

.job-faq-cta-box
.elementor-icon-box-title a {

    color: inherit !important;
}


/* Gold separator */

.job-faq-cta-box
.elementor-icon-box-title::after {

    content: "";

    display: block;

    width: 60px;
    height: 3px;

    margin:
        16px auto 0;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #bc7e00,
            #e6ad24
        );

    transition:
        width .30s ease;
}


/* CTA description */

.job-faq-cta-box
.elementor-icon-box-description {

    max-width: 510px;

    margin:
        0 auto !important;

    color: #455d78 !important;

    font-size: 16px !important;
    line-height: 1.7 !important;

    font-weight: 400 !important;

    text-align: center !important;
}


/* CTA hover */

@media (hover:hover) {

    .job-faq-cta-box:hover
    .elementor-icon {

        transform:
            translateY(-5px)
            scale(1.05);

        box-shadow:
            0 16px 31px rgba(13, 71, 139, .15),
            0 0 0 6px rgba(207, 148, 18, .055);
    }


    .job-faq-cta-box:hover
    .elementor-icon-box-title::after {

        width: 88px;
    }
}


/* =========================================================
   06. TRUST ITEMS PARENT
   ========================================================= */

.job-faq-trust {
    position: relative;
    z-index: 2;

    width: 100% !important;

    margin:
        30px 0 0 !important;

    padding:
        24px 0 0 !important;

    display: grid !important;

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

    gap: 0 !important;

    border-top:
        1px solid #dbe6f1;
}


/* =========================================================
   07. EACH TRUST CONTAINER
   ========================================================= */

.job-faq-trust-item {
    position: relative;

    width: 100% !important;
    min-width: 0 !important;

    padding:
        5px 16px !important;

    display: flex !important;

    align-items: stretch !important;
    justify-content: center !important;
}


/* Vertical separators */

.job-faq-trust-item:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 8%;

    width: 1px;
    height: 84%;

    background:
        linear-gradient(
            180deg,
            transparent,
            #d4e0ec,
            transparent
        );
}


/* =========================================================
   08. TRUST ICON BOX
   ========================================================= */

.job-faq-trust-box {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    text-align: center !important;
}


.job-faq-trust-box
.elementor-icon-box-wrapper {

    height: 100%;

    display: flex !important;

    flex-direction: column !important;

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


/* Trust icon */

.job-faq-trust-box
.elementor-icon-box-icon {

    margin:
        0 0 12px !important;
}


.job-faq-trust-box
.elementor-icon {

    width: 58px !important;
    height: 58px !important;

    padding: 0 !important;

    display: inline-flex !important;

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

    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #fff5d9 0%,
            #fffdf7 100%
        ) !important;

    border:
        1px solid rgba(203, 143, 7, .22) !important;

    color: #cb900d !important;

    box-shadow:
        0 7px 17px rgba(166, 110, 0, .08);

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


.job-faq-trust-box
.elementor-icon i {

    color: #cb900d !important;

    font-size: 27px !important;
}


.job-faq-trust-box
.elementor-icon svg {

    width: 27px !important;
    height: 27px !important;

    fill: #cb900d !important;

    color: #cb900d !important;
}


/* Trust title */

.job-faq-trust-box
.elementor-icon-box-title {

    margin: 0 !important;

    color: #29425f !important;

    font-size: 14px !important;
    line-height: 1.45 !important;

    font-weight: 600 !important;

    text-align: center !important;
}


.job-faq-trust-box
.elementor-icon-box-title span,

.job-faq-trust-box
.elementor-icon-box-title a {

    color: inherit !important;
}


/* Trust description */

.job-faq-trust-box
.elementor-icon-box-description {

    margin:
        5px 0 0 !important;

    color: #4d6178 !important;

    font-size: 13.5px !important;
    line-height: 1.45 !important;

    text-align: center !important;
}


/* Hide empty descriptions */

.job-faq-trust-box
.elementor-icon-box-description:empty {

    display: none !important;
}


/* Trust hover */

@media (hover:hover) {

    .job-faq-trust-item:hover
    .job-faq-trust-box
    .elementor-icon {

        transform:
            translateY(-5px)
            scale(1.07);

        background:
            linear-gradient(
                145deg,
                #ffefbf,
                #fff9e9
            ) !important;

        box-shadow:
            0 12px 25px rgba(170, 114, 0, .13),
            0 0 0 5px rgba(205, 144, 10, .05);
    }


    .job-faq-trust-item:hover
    .job-faq-trust-box
    .elementor-icon-box-title {

        color: #123f77 !important;
    }
}


/* =========================================================
   09. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .job-faq-section {
        grid-template-columns:
            1fr !important;

        gap: 28px !important;

        padding:
            35px 24px
            52px !important;
    }


    .job-faq-left {
        width: 100% !important;
    }


    .job-faq-cta {
        width: 100% !important;

        max-width: 760px !important;

        margin:
            0 auto !important;

        padding:
            34px 28px
            27px !important;
    }


    .job-faq-cta-box
    .elementor-icon-box-title {

        font-size: 30px !important;
    }


    .job-faq-cta-box
    .elementor-icon-box-description {

        font-size: 15.5px !important;
    }


    .job-faq-trust {
        grid-template-columns:
            repeat(3, minmax(0,1fr)) !important;
    }


    .job-faq-trust-item {
        padding:
            5px 11px !important;
    }


    .job-faq-trust-box
    .elementor-icon-box-title {

        font-size: 13.5px !important;
    }
}


/* =========================================================
   10. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .job-faq-section {
        display: block !important;

        padding:
            24px 15px
            42px !important;
    }


    .job-faq-left {
        margin-bottom:
            24px !important;
    }


    /* FAQ */

    .job-faq-accordion
    .e-n-accordion-item {

        margin-bottom:
            9px !important;

        border-radius:
            12px !important;
    }


    .job-faq-accordion
    .e-n-accordion-item-title {

        min-height:
            62px;

        padding:
            13px 40px
            13px 53px !important;
    }


    .job-faq-accordion
    .e-n-accordion-item-title::before {

        left: 11px;

        width: 30px;
        height: 30px;

        border-radius: 8px;

        font-size: 11px;
    }


    .job-faq-accordion
    .e-n-accordion-item-title-text {

        font-size: 14px !important;

        line-height: 1.4 !important;
    }


    .job-faq-accordion
    .e-n-accordion-item-content {

        padding:
            0 16px
            17px 53px !important;

        font-size: 14px !important;
        line-height: 1.6 !important;
    }


    /* CTA */

    .job-faq-cta {
        width: 100% !important;
        max-width: 100% !important;

        padding:
            30px 19px
            20px !important;

        border-radius:
            19px !important;
    }


    .job-faq-cta-box
    .elementor-icon {

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


    .job-faq-cta-box
    .elementor-icon i {

        font-size: 32px !important;
    }


    .job-faq-cta-box
    .elementor-icon svg {

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


    .job-faq-cta-box
    .elementor-icon-box-title {

        font-size: 26px !important;

        line-height: 1.2 !important;
    }


    .job-faq-cta-box
    .elementor-icon-box-description {

        font-size: 14.5px !important;

        line-height: 1.6 !important;
    }


    /* Trust items become rows */

    .job-faq-trust {
        grid-template-columns:
            1fr !important;

        margin-top:
            23px !important;

        padding-top:
            12px !important;
    }


    .job-faq-trust-item {
        padding:
            13px 4px !important;

        border-bottom:
            1px solid #e0e9f2;
    }


    .job-faq-trust-item:last-child {
        border-bottom: none;
    }


    .job-faq-trust-item::after {
        display: none !important;
    }


    .job-faq-trust-box
    .elementor-icon-box-wrapper {

        display: grid !important;

        grid-template-columns:
            54px minmax(0,1fr) !important;

        column-gap:
            15px !important;

        align-items:
            center !important;

        text-align:
            left !important;
    }


    .job-faq-trust-box
    .elementor-icon-box-icon {

        margin: 0 !important;
    }


    .job-faq-trust-box
    .elementor-icon {

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


    .job-faq-trust-box
    .elementor-icon i {

        font-size: 23px !important;
    }


    .job-faq-trust-box
    .elementor-icon svg {

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


    .job-faq-trust-box
    .elementor-icon-box-content {

        min-width: 0 !important;
    }


    .job-faq-trust-box
    .elementor-icon-box-title,

    .job-faq-trust-box
    .elementor-icon-box-description {

        text-align:
            left !important;
    }


    .job-faq-trust-box
    .elementor-icon-box-title {

        font-size:
            14.5px !important;
    }
}


/* =========================================================
   11. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .job-faq-section {
        padding-left:
            12px !important;

        padding-right:
            12px !important;
    }


    .job-faq-accordion
    .e-n-accordion-item-title {

        padding-right:
            34px !important;
    }


    .job-faq-cta {
        padding-left:
            16px !important;

        padding-right:
            16px !important;
    }


    .job-faq-cta-box
    .elementor-icon-box-title {

        font-size:
            24px !important;
    }
}


/* =========================================================
   12. ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .job-faq-accordion
    .e-n-accordion-item,

    .job-faq-cta-box
    .elementor-icon,

    .job-faq-trust-box
    .elementor-icon {

        transition: none !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI.eot');
	src: url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI.eot?#iefix') format('embedded-opentype'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI.woff2') format('woff2'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI.woff') format('woff'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI.ttf') format('truetype');
}
@font-face {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Bold.eot');
	src: url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Bold.woff2') format('woff2'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Bold.woff') format('woff'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-SemiBold.eot');
	src: url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-SemiBold.woff2') format('woff2'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-SemiBold.woff') format('woff'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Segoe UI';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Italic.eot');
	src: url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Italic.woff2') format('woff2'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Italic.woff') format('woff'),
		url('https://internationaleducationcenters.de/wp-content/uploads/2023/12/SegoeUI-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */