/* Servis Sureci reference mega-menu — v0.6.32
 * Scoped. Does not modify Services, Brands, About, Blog or Contact.
 */
@media (min-width:1181px) {
 .scn-mega.scn-process-reference{
   width:min(1440px,calc(100vw - 30px));height:620px;min-height:620px;max-height:620px;
   top:70px;left:50%;transform:translate(-50%,10px);
   padding:12px 14px;display:grid;grid-template-columns:1.13fr 1.08fr 1.06fr 1.06fr;gap:0;
   box-sizing:border-box;overflow:hidden;background:#fff;
   border:1px solid #d9e6f2;border-radius:15px;
   box-shadow:0 25px 62px rgba(4,27,57,.26);
   font-family:"Roboto Condensed","Poppins",Arial,sans-serif;
 }
 .scn-drop:hover>.scn-process-reference,.scn-drop:focus-within>.scn-process-reference{transform:translate(-50%,0)}
 .scn-process-reference *{box-sizing:border-box}
 .scn-process-reference>.scn-proc-col{
   height:100%;min-width:0;padding:12px 17px 5px;display:flex;flex-direction:column;
   border-right:1px solid #dce7f1;background:#fff;
 }
 .scn-process-reference>.scn-proc-standards-col{padding-left:18px;padding-right:15px}
 .scn-process-reference>.scn-proc-journey-col{padding-left:17px;padding-right:15px}
 .scn-process-reference .scn-proc-head{
   flex:0 0 109px;min-height:109px;display:grid;align-items:start;
   grid-template-columns:69px minmax(0,1fr) 15px;gap:12px;
   color:#092f6b;text-decoration:none;
 }
 .scn-process-reference .scn-proc-head-icon{
   width:68px;height:68px;display:grid;place-items:center;
   border-radius:12px;color:#fff;box-shadow:inset 0 1px 2px rgba(255,255,255,.18)
 }
 .scn-process-reference .scn-proc-head--blue .scn-proc-head-icon{background:linear-gradient(145deg,#178dff,#0067eb)}
 .scn-process-reference .scn-proc-head--green .scn-proc-head-icon{background:linear-gradient(145deg,#15b98e,#008967)}
 .scn-process-reference .scn-proc-head--orange .scn-proc-head-icon{background:linear-gradient(145deg,#ffa12d,#ff7200)}
 .scn-process-reference .scn-proc-head-icon .scn-svg-icon{width:36px;height:36px;display:block}
 .scn-process-reference .scn-proc-head-copy{min-width:0;padding-top:9px}
 .scn-process-reference .scn-proc-head-copy>b{
   display:block;color:#082f74;font-size:20px;line-height:1.13;font-weight:800;
   letter-spacing:-.035em;white-space:normal;overflow-wrap:normal;
 }
 .scn-process-reference .scn-proc-standards-col .scn-proc-head-copy>b{font-size:17.5px}
 .scn-process-reference .scn-proc-journey-col .scn-proc-head-copy>b{font-size:18px}
 .scn-process-reference .scn-proc-head-copy>small{
   display:block;margin-top:10px;color:#567094;font-size:12.5px;
   line-height:1.37;font-weight:400;
 }
 .scn-process-reference .scn-proc-head-arrow{width:15px;height:15px;color:#087cf6;transform:none;margin-top:20px}
 .scn-process-reference .scn-proc-timeline{
   position:relative;flex:1;min-height:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));
   padding-bottom:2px;
 }
 .scn-process-reference .scn-proc-timeline:before{
   content:"";position:absolute;left:17px;top:28px;bottom:59px;border-left:2px dotted #71baff;
 }
 .scn-process-reference .scn-proc-step{
   display:grid;grid-template-columns:38px 67px minmax(0,1fr);
   align-items:start;gap:9px;min-width:0;padding:7px 0 0;text-decoration:none;color:#073572;
   position:relative;border:0;background:transparent;
 }
 .scn-process-reference .scn-proc-number{
   width:35px;height:35px;display:grid;place-items:center;border-radius:50%;
   font-size:18px;font-weight:800;color:white;z-index:1;background:#0577ef;
   box-shadow:0 2px 6px rgba(0,92,229,.1);
 }
 .scn-process-reference .scn-proc-step-icon{
   width:63px;height:63px;display:grid;place-items:center;
   border-radius:14px;background:linear-gradient(135deg,#f4f9ff,#e6f1ff);color:#087afa;
 }
 .scn-process-reference .scn-proc-step-icon>.scn-svg-icon{width:34px;height:34px}
 .scn-process-reference .scn-proc-step-copy{min-width:0;padding-top:2px}
 .scn-process-reference .scn-proc-step-copy>b{
   display:block;color:#092d69;font-size:16.5px;font-weight:800;line-height:1.2;letter-spacing:-.02em;
 }
 .scn-process-reference .scn-proc-step-copy>small{
   display:block;margin-top:7px;color:#536e92;font-size:12.1px;line-height:1.4;font-weight:400;
 }
 .scn-process-reference .scn-proc-step:hover .scn-proc-step-copy>b{color:#087dfa}
 .scn-process-reference .scn-proc-card-list{
   display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:13px;
   flex:1;min-height:0;padding-bottom:0;
 }
 .scn-process-reference .scn-proc-info-card{
   display:grid;align-items:center;grid-template-columns:54px minmax(0,1fr) 12px;gap:11px;
   min-width:0;padding:11px 12px;border:1px solid #dce9f8;border-radius:12px;
   color:#092f6d;background:linear-gradient(120deg,#fafdff,#fff);
   text-decoration:none;box-shadow:0 2px 9px rgba(1,66,133,.025);
 }
 .scn-process-reference .scn-proc-info-card:hover{background:#f4faff;border-color:#b5d7f6}
 .scn-process-reference .scn-proc-card-icon{
   width:52px;height:52px;display:grid;place-items:center;
   color:#0679f8;border-radius:11px;background:linear-gradient(135deg,#fff,#edf5ff);
 }
 .scn-process-reference .scn-proc-card-icon>.scn-svg-icon{width:32px;height:32px}
 .scn-process-reference .scn-proc-card-copy{min-width:0}
 .scn-process-reference .scn-proc-card-copy>b{
   display:block;color:#092e70;font-size:16px;font-weight:800;
   letter-spacing:-.02em;line-height:1.1;
 }
 .scn-process-reference .scn-proc-card-copy>small{
   display:block;margin-top:7px;color:#577091;
   font-size:11.7px;font-weight:400;line-height:1.32;
 }
 .scn-process-reference .scn-proc-card-arrow{width:13px;height:13px;color:#087dfa;transform:rotate(-90deg)}
 .scn-process-reference .scn-proc-aside{
   height:100%;min-width:0;padding:0 0 0 18px;background:#fff;
 }
 .scn-process-reference .scn-proc-dark{
   position:relative;isolation:isolate;width:100%;height:100%;
   padding:24px 20px 13px;border-radius:13px;overflow:hidden;
   display:flex;flex-direction:column;color:#fff;
   background:
     radial-gradient(ellipse at 90% 15%,rgba(6,98,220,.60),transparent 45%),
     radial-gradient(ellipse at 90% 75%,rgba(1,87,204,.32),transparent 48%),
     linear-gradient(125deg,#03172c 0%,#042451 53%,#011a3e 100%);
   box-shadow:inset 0 0 0 1px rgba(77,152,248,.19);
 }
 .scn-process-reference .scn-proc-dark:before{
   content:"";position:absolute;inset:0;z-index:-1;opacity:.22;
   background:repeating-linear-gradient(125deg,transparent 0 68px,rgba(0,128,255,.22) 69px 70px,transparent 71px 140px);
   pointer-events:none;
 }
 .scn-process-reference .scn-proc-dark-top h3{
   margin:0;color:#fff;font-size:42px;line-height:1.05;font-weight:850;
   letter-spacing:-.035em;
 }
 .scn-process-reference .scn-proc-dark-top h3 span{color:#258eff}
 .scn-process-reference .scn-proc-dark-top p{
   color:#e5f2ff;margin:14px 0 0;font-size:14.5px;
   line-height:1.36;font-weight:400;
 }
 .scn-process-reference .scn-proc-dark-rail{
   position:relative;display:grid;grid-template-rows:repeat(4,1fr);
   flex:1;min-height:0;margin-top:16px;margin-bottom:11px;
 }
 .scn-process-reference .scn-proc-dark-rail:before{
   content:"";position:absolute;top:31px;bottom:37px;left:36px;z-index:0;
   width:2px;background:linear-gradient(#118cfb,#359bf5);opacity:.75;
 }
 .scn-process-reference .scn-proc-dark-step{
   display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:center;
   color:#fff;min-width:0;position:relative;z-index:1;
 }
 .scn-process-reference .scn-proc-dark-dot{
   width:60px;height:60px;margin-left:7px;border-radius:50%;
   display:grid;place-items:center;color:#fff;
   background:linear-gradient(145deg,#167dff,#0066e8);
   border:3px solid #5cabff;box-shadow:0 0 0 4px rgba(0,45,104,.5);
 }
 .scn-process-reference .scn-proc-dark-dot>.scn-svg-icon{width:27px;height:27px}
 .scn-process-reference .scn-proc-dark-step b{
   display:block;font-size:15px;font-weight:750;line-height:1.18;
   letter-spacing:-.02em;white-space:normal;
 }
 .scn-process-reference .scn-proc-dark-step small{
   display:block;margin-top:6px;color:#c4d7ec;font-size:12px;line-height:1.24;
 }
 .scn-process-reference .scn-proc-dark-cta.scn-menu-cta{
   min-height:73px;height:73px;width:100%;margin-top:auto;padding:0 17px;
   border:0;border-radius:9px;box-shadow:0 5px 18px rgba(0,24,64,.15);
   background:linear-gradient(105deg,#1486ff,#0063ea);
   display:grid;grid-template-columns:23px minmax(0,1fr) 16px;gap:12px;
   align-items:center;color:#fff;text-decoration:none;
 }
 .scn-process-reference .scn-proc-dark-cta.scn-menu-cta b{
   font-size:15px;font-weight:800;white-space:nowrap;color:white;line-height:1.15;
 }
 .scn-process-reference .scn-proc-dark-cta.scn-menu-cta>.scn-svg-icon{width:22px;height:22px;color:#fff}
 .scn-process-reference .scn-proc-dark-cta.scn-menu-cta>.scn-svg-icon:last-child{width:18px;height:18px}
 .scn-process-reference a:focus-visible{outline:2px solid #2695ff;outline-offset:2px}
 /* The screenshot uses a thin active tab underline and its upward notch. */
 .scn-drop:has(.scn-process-reference):hover>.scn-drop-trigger,
 .scn-drop:has(.scn-process-reference):focus-within>.scn-drop-trigger{color:#087df2}
 .scn-drop:has(.scn-process-reference):hover>.scn-drop-trigger:after,
 .scn-drop:has(.scn-process-reference):focus-within>.scn-drop-trigger:after{
   height:3px;background:#087df2;
 }
 .scn-drop:has(.scn-process-reference):hover>.scn-drop-trigger:before,
 .scn-drop:has(.scn-process-reference):focus-within>.scn-drop-trigger:before{
   content:"";position:absolute;width:14px;height:14px;left:50%;bottom:-1px;z-index:4;
   background:#fff;border-top:2px solid #087df2;border-left:2px solid #087df2;
   transform:translate(-50%,8px) rotate(45deg);
 }
}
@media (min-width:1181px) and (max-width:1450px){
 .scn-mega.scn-process-reference{height:604px;min-height:604px;max-height:604px;padding:10px 11px;
   grid-template-columns:1.09fr 1.03fr 1.05fr 1.07fr}
 .scn-process-reference>.scn-proc-col{padding-left:11px;padding-right:10px}
 .scn-process-reference .scn-proc-head{grid-template-columns:55px minmax(0,1fr) 11px;gap:8px;flex-basis:93px;min-height:93px}
 .scn-process-reference .scn-proc-head-icon{width:55px;height:55px}
 .scn-process-reference .scn-proc-head-icon .scn-svg-icon{width:30px;height:30px}
 .scn-process-reference .scn-proc-head-copy{padding-top:3px}
 .scn-process-reference .scn-proc-head-copy>b{font-size:17px}
 .scn-process-reference .scn-proc-standards-col .scn-proc-head-copy>b{font-size:14px}
 .scn-process-reference .scn-proc-journey-col .scn-proc-head-copy>b{font-size:15.5px}
 .scn-process-reference .scn-proc-head-copy>small{margin-top:6px;font-size:10.5px;line-height:1.28}
 .scn-process-reference .scn-proc-head-arrow{margin-top:12px}
 .scn-process-reference .scn-proc-step{grid-template-columns:31px 51px minmax(0,1fr);gap:6px}
 .scn-process-reference .scn-proc-number{width:28px;height:28px;font-size:15px}
 .scn-process-reference .scn-proc-timeline:before{left:14px}
 .scn-process-reference .scn-proc-step-icon{width:49px;height:49px}
 .scn-process-reference .scn-proc-step-icon>.scn-svg-icon{width:28px;height:28px}
 .scn-process-reference .scn-proc-step-copy>b{font-size:14px}
 .scn-process-reference .scn-proc-step-copy>small{font-size:10.4px;margin-top:5px}
 .scn-process-reference .scn-proc-card-list{gap:11px}
 .scn-process-reference .scn-proc-info-card{grid-template-columns:39px minmax(0,1fr) 10px;gap:7px;padding:8px 9px}
 .scn-process-reference .scn-proc-card-icon{width:38px;height:43px}
 .scn-process-reference .scn-proc-card-icon>.scn-svg-icon{width:25px;height:25px}
 .scn-process-reference .scn-proc-card-copy>b{font-size:13px}
 .scn-process-reference .scn-proc-card-copy>small{font-size:10px;margin-top:5px}
 .scn-process-reference .scn-proc-aside{padding-left:10px}
 .scn-process-reference .scn-proc-dark{padding:20px 14px 12px}
 .scn-process-reference .scn-proc-dark-top h3{font-size:34px}
 .scn-process-reference .scn-proc-dark-top p{font-size:12px;margin-top:10px}
 .scn-process-reference .scn-proc-dark-step{grid-template-columns:59px minmax(0,1fr);gap:6px}
 .scn-process-reference .scn-proc-dark-dot{width:51px;height:51px;margin-left:3px}
 .scn-process-reference .scn-proc-dark-dot>.scn-svg-icon{width:23px;height:23px}
 .scn-process-reference .scn-proc-dark-rail:before{left:29px}
 .scn-process-reference .scn-proc-dark-step b{font-size:12.5px}
 .scn-process-reference .scn-proc-dark-step small{font-size:10.5px}
 .scn-process-reference .scn-proc-dark-cta.scn-menu-cta{height:64px;min-height:64px;padding:0 10px;gap:8px}
 .scn-process-reference .scn-proc-dark-cta.scn-menu-cta b{font-size:12.3px}
}