PageSourceSearch

https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/blog

html valeris-marvelous-site-c1734ef2249262b4.webflow.io collected 2026-10-03 13:58:29 UTC 126,408 bytes, 2,207 lines download raw bytes

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Sun Jun 08 2025 06:55:24 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="valeris-marvelous-site-c1734ef2249262b4.webflow.io" data-wf-page="662a424e0cb76cbfb8d30f97" data-wf-site="65e9a532503a72160aa88347" lang="bg" data-wf-collection="662a424e0cb76cbfb8d30f8d" data-wf-item-slug="blog"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title></title><meta content="" name="description"/><meta content="" property="og:title"/><meta content="" property="og:description"/><meta content="" property="og:image"/><meta content="" name="twitter:title"/><meta content="" name="twitter:description"/><meta content="" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/css/valeris-marvelous-site-c1734ef2249262b4.webflow.shared.1930e41df.css" rel="stylesheet" type="text/css"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/667bed5a88917dcbe98568e0_Ico.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/667bed613ff89c9bdac2ee1a_iconMac.png" rel="apple-touch-icon"/><meta name="theme-color" content="#E5F2F8" />
2<meta name="robots" content="noindex, nofollow">
3<style>
4[data-trigger='stagger'] > * {
5  opacity: 0;
6}
7
8.parallax-hero {
9  transform: translateY(-8%);
10}
11
12.hero-reveal {
13display:flex;
14}
15
16[data-barba="container"].next {
17    width: 100%;
18    position: fixed;
19    opacity:0;
20    top: 0%;
21    bottom: auto;
22    left: 0%;
23    right: auto;
24}
25
26
27/*text animation*/
28 .line {
29    overflow: hidden;
30    perspective: 1500px;
31    perspective-origin: 0 0;
32    padding-bottom: 0.2em;
33    margin-top: -0.2em;
34    transform: perspective(1500px) translatey(0.2em);
35}
36
37.blog-link {
38pointer-events:auto;
39}
40
41  .cookie__wrapper {
42    display:flex;
43  }
44
45
46
47</style></head><body data-barba="wrapper"><main padding="white" data-barba="container" data-barba-namespace="resources" class="main-wrapper"><div><div class="global w-embed"><style>
48
49
50  /*------------GLobal CSS-----------*/
51  body {
52    font-size: 1.14vw;
53    overflow-x: hidden;
54  }
55
56  @media screen and (min-width: 1919px) {
57    body {
58      font-size: 0.84vw;
59    }
60  }
61  
62  @media screen and (max-width: 960px) {
63    body {
64      font-size: 16px;
65    }
66  }
67  
68  input:-webkit-autofill {
69  -webkit-box-shadow: 0 0 0px 1000px #E1EABD inset;
70          box-shadow: 0 0 0px 1000px #E1EABD inset;
71}
72
73
74::selection {
75  background:  rgba(222,255,89,0.8); /* Background color for your selection */
76  color: #202E3B; /* Color of the text during selection */
77}
78
79  [color-mode="dark"] {
80    --color--background: var(--dark--background);
81    --color--text: var(--dark--text);
82    --color--text-secondary: var(--dark--text-secondary);
83    --color--accent: var(--dark--accent);
84    --color--accent-second: var(--dark--accent-second);
85    --color--index: var(--dark--index);
86    --color--faded: var(--dark--faded);
87    --color--nav-numbers: var(--dark--nav-numbers);
88    --color--white: var(--dark--black);
89    .p-body, .p-small {font-weight: 400;}
90    /*.button-text {font-weight: 400;}
91    .button-text.is-primary{font-weight: 500;} */
92    .p-small.is-tag{font-weight: 500 !important;}
93    .p-small.is-tag.is-secondary{font-weight: 400 !important;}
94    h1 {font-weight: 600;/*letter-spacing: 0.5px;-webkit-text-stroke-width: 1.2px;-webkit-text-stroke-color: var(--color--text)*/;}
95    .index {font-weight: 500;} 
96  }
97
98
99  /* tablet */
100  @media screen and (max-width: 991px) {
101    body {
102      --container--small: var(--container--small-tablet);
103      --container--full: var(--container--full-tablet);
104      --border-radius--0-25:var(--border-radius--mobile-4px);
105      --border-radius--0-35:var(--border-radius--mobile-4px);
106      --border-radius--0-5:var(--border-radius--mobile-8px);
107      --border-radius--0-75:var(--border-radius--mobile-8px);
108      --border-radius--1:var(--border-radius--mobile-16px);
109      --border-radius--1-5:var(--border-radius--mobile-24px);
110      --border-radius--2:var(--border-radius--mobile-32px);
111   
112    }
113  }
114
115  /* mobile */
116  @media screen and (max-width: 767px) {
117    body {
118      --container--small: var(--container--small-mobile);
119      --container--full: var(--container--full-mobile);
120      --spacing-container--micro: var(--spacing-container--micro-mobile);
121      --spacing-container--tiny: var(--spacing-container--tiny-mobile);
122      --spacing-container--small: var(--spacing-container--small-mobile);
123      --spacing-container--regular: var(--spacing-container--regular-mobile);
124      --spacing-container--medium: var(--spacing-container--medium-mobile);
125      --spacing-container--large: var(--spacing-container--large-mobile);
126      --spacing-container--huge: var(--spacing-container--huge-mobile);
127    }
128  }
129
130  /* Make text look crisper and more legible in all browsers */
131  body {
132    -webkit-font-smoothing: antialiased;
133    -moz-osx-font-smoothing: grayscale;
134    font-smoothing: antialiased;
135    text-rendering: optimizeLegibility;
136  }
137
138  [section="hero"] {
139    height:100dvh;
140  }  
141
142
143  [padding="white"] {
144    background-color: var(--color--white);
145  }
146  
147 [padding="100"] {
148    height:100%;
149    flex-direction: column;
150    justify-content: center;
151    display: flex;
152  }
153  
154 [z-index="1"]{
155    z-index:1;
156  }
157  
158  .w--current, .w--current .w-checkbox-input, .swiper-button-disabled {
159    pointer-events: none;
160  }
161  
162 /* Numbers fix */
163.windows .is-number{
164  vertical-align: baseline;
165  bottom: -0.1em;
166}
167
168.arrow-embed {
169width:0.8em;
170height:0.8em;
171}
172
173.link__border {
174opacity:0.85;
175}
176
177
178 @media screen and (max-width: 800px) {
179    .arrow-embed {
180width:14px;
181height:14px;
182}
183  }
184
185section, .padding-section, .container-small {
186    position:relative;
187    }
188  
189  a {
190  color: inherit;
191  text-decoration: none;  
192  }
193  
194button {
195  background-color: unset;
196  padding: unset;
197  text-align: inherit;  
198  }
199  
200  
201/*  
202  .small-button .button__background-small {
203  box-shadow: inset 0 0 0 1px rgba(154, 184, 203, .25);
204  }
205  
206  .small-button:hover .button__background-small {
207  box-shadow: inset 0 0 0 1px rgba(154, 184, 203, .55);
208  }
209*/
210
211  /* Focus state style for keyboard navigation for the focusable elements */
212  *[tabindex]:focus-visible,
213  input[type="file"]:focus-visible {
214    outline: 0.125rem solid #4d65ff;
215    outline-offset: 0.125rem;
216  }
217
218  /* Get rid of top margin on first element in any rich text element */
219  .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
220    margin-top: 0 !important;
221  }
222
223  /* Get rid of bottom margin on last element in any rich text element */
224  .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
225    margin-bottom: 0 !important;
226  }
227
228  /* Prevent all click and hover interaction with an element */
229  .pointer-events-off {
230    pointer-events: none;
231  }
232
233  /* Enables all click and hover interaction with an element */
234  .pointer-events-on {
235    pointer-events: auto;
236  }
237
238  /* Create a class of .div-square which maintains a 1:1 dimension of a div */
239  .div-square::after {
240    content: "";
241    display: block;
242    padding-bottom: 100%;
243  }
244
245  /* Make sure containers never lose their center alignment */
246  .container-medium,.container-small, .container-large {
247    margin-right: auto !important;
248    margin-left: auto !important;
249  }
250
251  /* 
252  Make the following elements inherit typography styles from the parent and not have hardcoded values. 
253  Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
254  Uncomment this CSS to use it in the project. Leave this message for future hand-off.
255  */
256  /*
257  a,
258  .w-input,
259  .w-select,
260  .w-tab-link,
261  .w-nav-link,
262  .w-dropdown-btn,
263  .w-dropdown-toggle,
264  .w-dropdown-link {
265  color: inherit;
266  text-decoration: inherit;
267  font-size: inherit;
268  }
269  */
270
271  * {
272    scrollbar-color: rgba(mat-color($primary-light), 0.5) rgba(mat-color($primary-light), 0.1) !important;
273    scrollbar-width: none !important;
274  }
275
276  /*Valeri added this 
277  ::-webkit-scrollbar { display: none; }
278  */
279
280  /* width */
281  ::-webkit-scrollbar {
282    width: 8px;
283  }
284
285  /* Track */
286  ::-webkit-scrollbar-track {
287    background: var(--color--background); 
288    border-radius: 10px;
289  }
290
291  /* Handle */
292  ::-webkit-scrollbar-thumb {
293    background: var(--color--text-secondary); 
294    border-radius: 10px;
295  }
296
297  /* Handle on hover */
298  ::-webkit-scrollbar-thumb:hover {
299    background: blue; 
300  }
301
302 /* Apply "..." after 3 lines of text */
303  .clamp-5lines {
304    display: -webkit-box;
305    overflow: hidden;
306    -webkit-line-clamp: 5;
307    -webkit-box-orient: vertical;
308  }
309
310  /* Apply "..." after 3 lines of text */
311  .clamp-3lines {
312    display: -webkit-box;
313    overflow: hidden;
314    -webkit-line-clamp: 3;
315    -webkit-box-orient: vertical;
316  }
317
318  /* Apply "..." after 2 lines of text */
319  .clamp-2lines, .tocitem {
320    display: -webkit-box;
321    overflow: hidden;
322    -webkit-line-clamp: 2;
323    -webkit-box-orient: vertical;
324  }
325
326  .text-balance {
327    text-wrap: balance;
328  }
329
330  /*Break links on a new row*/
331  a{
332    word-wrap: break-word;
333  }
334
335  /* Border radius fix - Safari (add here all the necessary classes) */
336  [class*="br"] {
337    -webkit-transform: translateZ(0);
338  } 
339  .border-radius {
340    -webkit-transform: translateZ(0);
341  }
342
343
344  .overflow-x-hidden {
345    overflow-x: hidden;
346  }
347
348  /* Adds inline flex display */
349  .display-inlineflex {
350    display: inline-flex;
351  }
352
353  /* These classes are never overwritten */
354  .hide {
355    display:none !important;
356  }
357/*  @media screen and (max-width: 991px) {
358    .hide, .hide-tablet {
359      display: none !important;
360    }
361  }
362  @media screen and (max-width: 767px) {
363    .hide-mobile-landscape{
364      display: none !important;
365    }
366  }
367  @media screen and (max-width: 479px) {
368    .hide-mobile{
369      display: none !important;
370    }
371  }
372*/
373  .margin-0 {
374    margin: 0rem !important;
375  }
376
377  .padding-0 {
378    padding: 0rem !important;
379  }
380
381  .spacing-clean {
382    padding: 0rem !important;
383    margin: 0rem !important;
384  }
385
386  .margin-top {
387    margin-right: 0rem !important;
388    margin-bottom: 0rem !important;
389    margin-left: 0rem !important;
390  }
391
392  .padding-top {
393    padding-right: 0rem !important;
394    padding-bottom: 0rem !important;
395    padding-left: 0rem !important;
396  }
397
398  .margin-right {
399    margin-top: 0rem !important;
400    margin-bottom: 0rem !important;
401    margin-left: 0rem !important;
402  }
403
404  .padding-right {
405    padding-top: 0rem !important;
406    padding-bottom: 0rem !important;
407    padding-left: 0rem !important;
408  }
409
410  .margin-bottom {
411    margin-top: 0rem !important;
412    margin-right: 0rem !important;
413    margin-left: 0rem !important;
414  }
415
416  .padding-bottom {
417    padding-top: 0rem !important;
418    padding-right: 0rem !important;
419    padding-left: 0rem !important;
420  }
421
422  .margin-left {
423    margin-top: 0rem !important;
424    margin-right: 0rem !important;
425    margin-bottom: 0rem !important;
426  }
427
428  .padding-left {
429    padding-top: 0rem !important;
430    padding-right: 0rem !important;
431    padding-bottom: 0rem !important;
432  }
433
434  .margin-horizontal {
435    margin-top: 0rem !important;
436    margin-bottom: 0rem !important;
437  }
438
439  .padding-horizontal {
440    padding-top: 0rem !important;
441    padding-bottom: 0rem !important;
442  }
443
444  .margin-vertical {
445    margin-right: 0rem !important;
446    margin-left: 0rem !important;
447  }
448
449  .padding-vertical {
450    padding-right: 0rem !important;
451    padding-left: 0rem !important;
452  }
453  
454  
455  /*------------Custom CSS - Start below -----------*/
456  
457  /*-----Globals---------*/
458
459
460
461
462/*--------Events------------*/
463/* .is-event-grid .button-text, .is-event-grid .button-text-ap {
464font-size:0.88em;
465
466} */
467  
468   @media screen and (max-width: 800px) {
469      .page-wrapper {
470  overflow-x: hidden;
471  } 
472  
473  .main-wrapper.landing [section="hero"] {
474      height:Auto;
475    }
476    
477     [section="hero"] {
478    height:99dvh;
479  }  
480  }
481  
482  /* Thumbnail circles */
483  .blog__thumbnail:hover * {
484    pointer-events: none;
485  }
486   
487  
488</style></div><div class="pages__and__sections w-embed"><style>
489
490
491  .bread__level-current, .cut, .nav-cut{
492    user-select: none;
493  }
494
495  /*----------------- Resources ----------------*/
496
497  .blog__filter-item .custom__checkbox .custom__checkbox-rectangle {
498    opacity: 0;
499  }
500
501  .blog__filter-item.fs-cmsfilter_active .custom__checkbox .custom__checkbox-rectangle {
502    opacity: 1;
503  }
504
505  .blog__thumbnail .moving-circle {
506    opacity:0;
507    transition:opacity 0.3s ease;
508  }
509
510  .blog__thumbnail:hover .moving-circle {
511    opacity:1;
512  }
513
514  .small-button:hover  .pill-border {
515    border-color:rgba(186, 203, 211, 0.5);
516  }
517
518
519  /*----------------- Home ----------------*/
520  .slider-related__button .is-disabled {
521    opacity:0.3;
522  }
523
524  .form__checkboxes .form__checkbox ~ .custom__checkbox .custom__checkbox-rectangle {
525    opacity: 0;
526  }
527
528  .form__checkboxes .form__checkbox.w--redirected-checked ~ .custom__checkbox .custom__checkbox-rectangle {
529    opacity: 1;
530  }
531
532  .button-main-new .button-text.is-submit{
533    font-weight:500 !important;
534  }
535
536  .ndb__form textarea {
537    resize: vertical;
538  }
539
540  .vendor__wrapper .vendor__overlay {
541    opacity:0;
542    transition:opacity 0.5s ease;
543  }
544
545  .vendor__wrapper:hover .vendor__overlay {
546    opacity:1;
547  }
548
549  .vendor__wrapper .blog__image-scaler {
550    transform: scale(1.05);
551  }
552
553  .vendor__wrapper:hover .blog__image-scaler {
554    transform: scale(1);
555  }
556
557  .vendor__wrapper h3{
558    transition: color 0.2s ease;
559    color:var(--color--text);
560  }
561
562  .vendor__wrapper:hover h3{
563    color:var(--color--accent-second);
564  }
565
566
567
568  .vendor__image-wrapper .moving-circle {
569    opacity:0;
570    transition:opacity 0.3s ease;
571  }
572
573  .vendor__image-wrapper:hover .moving-circle {
574    opacity:1;
575  }
576
577  .learning__logo-image {
578    transform: scale(1.07);
579    transition: transform 0.3s ease;
580  }
581
582  .learning__logo:hover .learning__logo-image {
583    transform: scale(1);
584  }
585  
586  .training__arrow-hidden {
587  transform: translate(-150%, 150%) rotate(30deg);  
588  }
589  
590  
591 .learning__logo:hover .training__arrow-hidden {
592  transform: translate(30%, -00%) rotate(-45deg);  
593  }
594  
595  .training__arrow {
596  transform: translate(0%, 0%) rotate(-45deg);  
597  }  
598  
599 .learning__logo:hover .training__arrow {
600  transform: translate(160%, -150%) rotate(-45deg);  
601  }
602  
603  
604.swiper-slide-active .year__text {
605color:var(--color--accent);
606}
607
608.swiper-slide-active .big__year {
609opacity:0.05;
610}
611
612
613  /*------------Legal-------------*/
614  .legal__rich p{
615    font-size:1em;
616    line-height:1.7em;
617  }
618
619  .legal__rich h2 {
620    font-size:var(--fonts--h3);
621    padding:1.2em 0 0.4em 0;
622    color:var(--color--text);
623
624  }
625
626  .legal__rich h3 {
627    font-size:1.4em;
628    padding:1em 0 0.4em 0;
629    color:var(--color--text-secondary);;
630  }
631
632  .legal__rich h4 {
633    font-size:var(--fonts--h5);
634    padding:0.5em 0 0.4em 0;
635    color:var(--color--accent-second);
636  }
637
638
639  .legal__rich a, .learning__rich a {
640    color: var(--color--accent-second);
641    padding-top: 0.5em;
642    padding-bottom: 0.15em;
643    transition: box-shadow .1s;
644    font-weight:500;
645    box-shadow: inset 0 -1px rgba(154, 184, 203, .5);
646  }
647
648  .legal__rich a:hover {
649    box-shadow: inset 0 -8px rgba(154, 184, 203, .2);
650  }
651
652  .legal__rich img {
653    margin: 48px 0;
654    border-radius: 1rem;
655  }
656
657
658  /*--------------- Vendors ---------------*/
659  .breadcrumb__text  {
660    overflow: hidden;
661    white-space: nowrap;
662    text-overflow: ellipsis; /* or 'clip' if you don't want an ellipsis */
663    max-width: 11ch; /* Adjust the width to your preference */
664  }
665  
666  .vendor__list .vendor__item:first-child .separator__wrapper {
667    display: none;
668  }
669
670
671
672  /*--------------- Footer ---------------*/
673  .social-media-wrapper{
674    box-shadow: inset 0 0 1px 0 transparent;
675  }
676
677  .social-media-wrapper:hover{
678    box-shadow: inset 0 0 1px 0 var(--color--index);
679  }
680
681
682  @media screen and (max-width: 800px) {
683    .button__borderless-inner.is-vendor .p-body {
684      color:var(--color--accent-second); 
685    }
686    
687     .legal__rich p{
688    font-size:18px;
689    line-height:1.7em;
690  }
691  
692    .legal__rich img {
693    margin: 32px 0;
694    border-radius: 1rem;
695  }
696
697  }
698  
699  /*---------Trainings---------*/
700  
701  .ghost-tab{
702  opacity:0;
703  }
704  
705  .blog__filter-wrap:hover .ghost-tab{
706  opacity:1;
707  
708  }
709    
710  
711
712/*-----------About--------------*/
713
714.arrow__bg {
715  transform: scale(1); /* Initial scale */
716  background-color:rgba(154, 184, 203, 0.15);
717      border: 1px solid rgba(154, 184, 203, 0);
718}
719
720
721 @media screen and (min-width: 992px) {
722
723.blog__overlay.is-awards {
724opacity:0;
725}
726
727.awards__image-wrap:hover .blog__overlay.is-awards {
728opacity:1;
729}
730
731
732.slider-main__button-rel:hover .arrow__bg {
733  transform: scale(0.92); /* Scale to 1.1 on hover */
734  background-color:rgba(114, 144, 160, 0.15);
735      border: 1px solid rgba(154, 184, 203, .3);
736}
737
738}
739
740</style></div><div class="css-animations w-embed"><style>
741
742  .cut-arrow-test {
743    transform: translateX(0) rotate(0deg);
744  }
745
746  .cut-arrow-test.is-hidden {
747    transform: translateX(-24px) rotate(-45deg);
748  }
749
750  .vendor__wrapper:hover .cut-arrow-test, .training--wrapper:hover .cut-arrow-test, .blog-wrap:hover .cut-arrow-test {
751    transform: translateX(24px) rotate(0deg);
752  }
753
754  .vendor__wrapper:hover .cut-arrow-test.is-hidden, .training--wrapper:hover .cut-arrow-test.is-hidden, .blog-wrap:hover .cut-arrow-test.is-hidden{
755    transform: translateX(0) rotate(0deg);
756  }
757
758
759  /*------------Tabs------------*/
760  .active-tab {
761    -webkit-transform: translateY(140%) rotate(15deg) ;
762    -moz-transform: translateY(140%) rotate(15deg);
763    -ms-transform: translateY(140%) rotate(15deg);
764    -o-transform: translateY(140%) rotate(15deg);
765    transform: translateY(140%) rotate(15deg);
766  }
767
768  .tab__blog.w--current .active-tab {
769    -webkit-transform: translateY(0) rotate(0);
770    -moz-transform: translateY(0) rotate(0);
771    -ms-transform:  translateY(0) rotate(0;
772    -o-transform:  translateY(0) rotate(0);
773    transform:  translateY(0) rotate(0);
774      }
775</style></div><div class="cookie__wrapper"><div fs-cc="banner" color-mode="dark" class="cookie__banner"><div class="cookie__icon-wrap"><div class="cookie__icon-bg"></div><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/65e9a9558e154fd9be46913c_Cookie-Icon-new.svg" loading="lazy" alt="" class="cookie__image"/></div><div class="p-small">Този сайт използва бисквитки, за да ви осигури най-доброто преживяване.</div><div class="cookie__buttons-wrapper"><a href="https://www.linkedin.com/company/ndb/" class="return__button w-inline-block"><button class="nav__single-link return negative"><div class="cookie_button-text is-light">Отказвам</div></button></a><div class="return__button"><button fs-cc="close" class="nav__single-link return positive"><div class="cookie_button-text">Приемам</div></button></div></div></div></div><nav class="nav__outter"><div class="navigation"><a href="/" class="mainnav__logo-wrap w-inline-block"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66325922ff05b8361146611f_NDB-logo.svg" loading="lazy" data-w-id="6fdb0ca6-6af3-a8f2-7cee-a28680fb56ae" alt=""/></a><div STYLE="" class="nav__inner is-main"><div STYLE="" class="nav__cut-color"><div class="nav-cut w-embed">
775<svg width="Auto" height="100%" viewBox="0 0 59 65" fill="none" xmlns="http://www.w3.org/2000/svg">
776<path d="M58.9592 64.4042L58.9613 0.348145H0.814453V1.47151C10.2529 1.47151 18.841 7.06156 22.557 15.7382L37.274 50.101C40.99 58.7777 49.5203 64.4042 58.9592 64.4042Z" fill="currentColor"/>
777</svg></div></div><div class="nav__cut-color"><div class="nav-cut bottom w-embed"><svg width="auto" height="1.35em" viewBox="0 0 39 40" fill="none" xmlns="http://www.w3.org/2000/svg">
778<path fill-rule="evenodd" clip-rule="evenodd" d="M37.9961 40C37.9961 18.4609 21.539 0.999959 0 0.99996V-0.00439283L39 -0.00439453V40H37.9961Z" fill="currentColor"/>
779</svg></div></div><div class="nav__links-wrap is-main"><div class="nav-items"><a href="/about" class="nav__button-wrapper w-inline-block"><div class="nav-text">За нас</div></a><button class="nav__button-wrapper"><div class="nav-text">Доставчици</div><div class="dropdown__arrow-div"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="dropdown__arrow"/></div><div class="dropdown_items-outter is-main"><div class="dropdown-items is-main"><div class="dropdown__items-inner"><a href="/ibm" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">IBM</div></a><a href="/vmware" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">VMware</div></a><a href="/veeam" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">Veeam</div></a></div></div><div class="nav-cut angle-top-right"><div class="nav__cut-image is-right"><div class="dropdown-cut is-left w-embed"><svg width="100%" height="100%" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
780<path fill-rule="evenodd" clip-rule="evenodd" d="M1.28516 40.9925C1.28515 19.4534 17.6504 1.99255 39.1895 1.99255V0.98584L0.269531 0.985841L0.269533 40.9925H1.28516Z" fill="currentColor"/>
781</svg></div></div></div><div class="nav-cut angle-top-left"><div class="nav__cut-image is-left"><div class="dropdown-cut is-right w-embed"><svg width="100%" height="100%" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
782<path fill-rule="evenodd" clip-rule="evenodd" d="M38.3115 40.9925C38.3115 19.4534 21.9463 1.99255 0.40715 1.99255V0.98584L39.3271 0.985841L39.3271 40.9925H38.3115Z" fill="currentColor"/>
783</svg></div></div></div></div></button><button class="nav__button-wrapper"><div class="nav-text">Обучения</div><div class="dropdown__arrow-div"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="dropdown__arrow"/></div><div class="dropdown_items-outter is-main"><div class="nav-cut angle-top-right"><div class="nav__cut-image is-right"><div class="dropdown-cut is-left w-embed"><svg width="100%" height="100%" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
784<path fill-rule="evenodd" clip-rule="evenodd" d="M1.28516 40.9925C1.28515 19.4534 17.6504 1.99255 39.1895 1.99255V0.98584L0.269531 0.985841L0.269533 40.9925H1.28516Z" fill="currentColor"/>
785</svg></div></div></div><div class="nav-cut angle-top-left"><div class="nav__cut-image is-left"><div class="dropdown-cut is-right w-embed"><svg width="100%" height="100%" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
786<path fill-rule="evenodd" clip-rule="evenodd" d="M38.3115 40.9925C38.3115 19.4534 21.9463 1.99255 0.40715 1.99255V0.98584L39.3271 0.985841L39.3271 40.9925H38.3115Z" fill="currentColor"/>
787</svg></div></div></div><div class="dropdown-items is-main"><div class="dropdown__items-inner"><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/vmware" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">VMware</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/veeam" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">Veeam</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/red-hat" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">Red Hat</div></a></div></div></div></button><button class="nav__button-wrapper hide"><div class="nav-text">Ресурси</div><div class="dropdown__arrow-div"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="dropdown__arrow"/></div><div class="dropdown_items-outter is-main"><div class="nav-cut angle-top-right"><div class="nav__cut-image is-right"><div class="dropdown-cut is-left w-embed">
787<svg width="100%" height="100%" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
788<path fill-rule="evenodd" clip-rule="evenodd" d="M1.28516 40.9925C1.28515 19.4534 17.6504 1.99255 39.1895 1.99255V0.98584L0.269531 0.985841L0.269533 40.9925H1.28516Z" fill="currentColor"/>
789</svg></div></div></div><div class="nav-cut angle-top-left"><div class="nav__cut-image is-left"><div class="dropdown-cut is-right w-embed"><svg width="100%" height="100%" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
790<path fill-rule="evenodd" clip-rule="evenodd" d="M38.3115 40.9925C38.3115 19.4534 21.9463 1.99255 0.40715 1.99255V0.98584L39.3271 0.985841L39.3271 40.9925H38.3115Z" fill="currentColor"/>
791</svg></div></div></div><div class="dropdown-items is-main"><div class="dropdown__items-inner"><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/blog" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">Блог</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/novini" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">Новини</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/uspeshni-istorii" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">Истории</div></a></div></div></div></button><a href="/partners" class="nav__button-wrapper is-first w-inline-block"><div class="nav-text">Партньори</div></a></div><button class="nav__opener is-main"><div class="nav__opener__inner is-main"><div class="nav__line-bottom"></div><div class="nav__line-top"></div></div></button></div><a href="/contact" class="button-main is-smaller w-inline-block"><div class="button-inner is-smaller"><div STYLE="" class="button_text-wrap"><div class="button-text is-smaller">Запитване</div></div></div><div class="button-inner-ap is-smaller"><div STYLE="" class="button_text-wrap-hidden"><div class="button-text-ap is-smaller">Запитване</div></div></div><div STYLE="background:" class="button__background is-smaller"></div><div class="button__background-animated is-smaller"><div STYLE="background:" class="button__bg-item is-smaller"></div></div></a></div></div></nav><div class="navigation__secondary"><div class="navigation is-floating"><a href="/" class="mainnav__logo-wrap w-inline-block"><div class="w-embed"><svg class="site-logo" width="100%" height="100%" viewBox="0 0 60 34" fill="none" xmlns="http://www.w3.org/2000/svg">
792<path d="M0.445312 7.36994V7.45006C0.466022 8.19123 1.09766 8.79218 1.86392 8.79218C2.63017 8.79218 3.28252 8.18122 3.28252 7.42001C3.28252 6.65881 2.65088 6.04785 1.86392 6.04785C1.07695 6.04785 0.466022 6.63878 0.445312 7.37995" fill="currentColor"/>
793<path d="M1.28516 13.9005V13.9806C1.30587 14.7218 1.93751 15.3127 2.70376 15.3127C3.47002 15.3127 4.12237 14.7017 4.12237 13.9405C4.12237 13.1793 3.49073 12.5684 2.70376 12.5684C1.9168 12.5684 1.30587 13.1593 1.28516 13.9005Z" fill="currentColor"/>
794<path fill-rule="evenodd" clip-rule="evenodd" d="M47.7792 6.60742H56.7361C57.5645 6.60742 58.1547 6.76768 58.5275 7.07817C58.9002 7.38866 59.0763 7.88944 59.0763 8.57052V9.80246C59.0763 10.2932 58.9209 10.6738 58.6103 10.9643C58.2997 11.2548 57.8544 11.435 57.2745 11.5051C57.8751 11.5753 58.3411 11.7856 58.6621 12.1261C58.9934 12.4667 59.1487 12.9074 59.1487 13.4482V14.7402C59.1487 15.4113 58.9002 15.9121 58.3928 16.2326C57.8855 16.5631 57.1192 16.7234 56.0837 16.7234H47.7792V6.60742ZM55.711 12.3264H50.1711V14.9005H55.711C56.1666 14.9005 56.4876 14.8304 56.6429 14.7002C56.8086 14.57 56.8811 14.3296 56.8811 13.9991V13.2279C56.8811 12.8873 56.7982 12.657 56.6429 12.5268C56.4876 12.3966 56.1666 12.3264 55.711 12.3264ZM55.711 8.25001H50.1711V10.6538H55.711C56.1355 10.6538 56.4254 10.5937 56.5808 10.4936C56.7464 10.3834 56.8189 10.1931 56.8189 9.93267V8.98116C56.8189 8.72075 56.7361 8.53046 56.5808 8.42028C56.4151 8.31011 56.1251 8.25001 55.711 8.25001ZM30.6317 16.7134V6.60742H37.3519C39.2676 6.60742 40.7379 7.0381 41.7734 7.9
7940947C42.7985 8.78085 43.3163 10.0028 43.3163 11.5953C43.3163 12.5368 43.1092 13.3881 42.7157 14.1393C42.3119 14.9005 41.7527 15.4914 41.0175 15.9221C40.5619 16.1925 40.0027 16.3929 39.3193 16.5231C38.6463 16.6433 37.7765 16.7134 36.7203 16.7134H30.6213H30.6317ZM33.065 14.8104H36.2129C37.8904 14.8104 39.0708 14.56 39.7646 14.0592C40.4584 13.5584 40.8104 12.7171 40.8104 11.5652C40.8104 10.5336 40.5205 9.75238 39.9406 9.22155C39.3607 8.69071 38.5013 8.42028 37.3726 8.42028H33.065V14.8104ZM13.0285 16.7134V6.60742H14.6853L22.0372 12.5568C22.2857 12.7571 22.5032 12.9374 22.6999 13.1177C22.8966 13.298 23.0623 13.4783 23.2176 13.6585C23.1762 13.0876 23.1555 12.687 23.1348 12.4566C23.1244 12.2263 23.1141 12.036 23.1141 11.9158V6.60742H25.2989V16.7134H23.6422L15.9693 10.4735C15.7829 10.3133 15.6172 10.173 15.4826 10.0428C15.348 9.91264 15.2134 9.78243 15.0995 9.65223C15.1305 9.96272 15.1616 10.2632 15.172 10.5336C15.1927 10.8141 15.1927 11.0444 15.1927 11.2548V16.7134H13.0078H13.0285Z" fill="currentColor"/>
795<path d="M4.37891 2.21223V2.27233C4.39962 3.0135 5.0209 3.61444 5.79751 3.61444C6.57412 3.61444 7.21612 3.00348 7.21612 2.24228C7.21612 1.48108 6.58448 0.870117 5.79751 0.870117C5.01055 0.870117 4.38926 1.47107 4.37891 2.21223Z" fill="currentColor"/>
796<path d="M6.48047 21.5227V21.5728C6.49082 22.7046 7.44347 23.606 8.61356 23.606C9.78365 23.606 10.7466 22.6845 10.7466 21.5427C10.7466 20.4009 9.794 19.4795 8.61356 19.4795C7.43311 19.4795 6.50118 20.3909 6.48047 21.5127" fill="currentColor"/>
797<path d="M19.8826 27.2514C19.8826 25.729 18.609 24.4971 17.0351 24.4971C15.4611 24.4971 14.1875 25.729 14.1875 27.2514C14.1875 28.7738 15.4611 30.0058 17.0351 30.0058C18.609 30.0058 19.8826 28.7738 19.8826 27.2514Z" fill="currentColor"/>
798<path d="M32.119 29.6952C32.119 27.7922 30.5244 26.2598 28.5673 26.2598C26.6103 26.2598 25.0156 27.8022 25.0156 29.6952C25.0156 31.5882 26.6103 33.1306 28.5673 33.1306C30.5244 33.1306 32.119 31.5882 32.119 29.6952Z" fill="currentColor"/>
799<path d="M47.1573 28.0718C47.1573 25.7982 45.2521 23.9453 42.8912 23.9453C40.5303 23.9453 38.625 25.7882 38.625 28.0718C38.625 30.3554 40.5303 32.1983 42.8912 32.1983C45.2521 32.1983 47.1573 30.3554 47.1573 28.0718Z" fill="currentColor"/>
800</svg></div></a><div class="nav__inner is-inpage"><div class="nav__links-wrap"><div class="nav-items"><a href="/about" class="nav__button-wrapper w-inline-block"><div class="nav-text">За нас</div></a><button class="nav__button-wrapper"><div class="nav-text">Доставчици</div><div class="dropdown__arrow-div"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="dropdown__arrow"/></div><div class="dropdown_items-outter"><div class="nav-cut angle-top-right"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/664f2a87daed4bf7b392e393_Right-cut-white.svg" loading="lazy" alt="" class="nav__cut-image is-right"/></div><div class="nav-cut angle-top-left"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/664f2a872cdbc2ddc1e8d019_Left-cut-white.svg" loading="lazy" alt="" class="nav__cut-image is-left"/></div><div class="dropdown-items"><div class="dropdown__items-inner"><a href="/ibm" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">IBM</div></a><a href="/veeam" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">VMware</div></a><a href="/vmware" class="dropdown-link w-inline-block"><div class="nav-text is-dropdown">Veeam</div></a></div></div></div></button><button class="nav__button-wrapper"><div class="nav-text">Обучения</div><div class="dropdown__arrow-div"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="dropdown__arrow"/></div><div class="dropdown_items-outter"><div class="nav-cut angle-top-right"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/664f2a87daed4bf7b392e393_Right-cut-white.svg" loading="lazy" alt="" class="nav__cut-image is-right"/></div><div class="nav-cut angle-top-left"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/664f2a872cdbc2ddc1e8d019_Left-cut-white.svg" loading="lazy" alt="" class="nav__cut-image is-left"/></div><div class="dropdown-items"><div class="dropdown__items-inner"><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/vmware" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">
800VMware</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/veeam" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">Veeam</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/red-hat" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">Red Hat</div></a></div></div></div></button><button class="nav__button-wrapper hide"><div class="nav-text">Ресурси</div><div class="dropdown__arrow-div"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="dropdown__arrow"/></div><div class="dropdown_items-outter"><div class="nav-cut angle-top-right"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/664f2a87daed4bf7b392e393_Right-cut-white.svg" loading="lazy" alt="" class="nav__cut-image is-right"/></div><div class="nav-cut angle-top-left"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/664f2a872cdbc2ddc1e8d019_Left-cut-white.svg" loading="lazy" alt="" class="nav__cut-image is-left"/></div><div class="dropdown-items"><div class="dropdown__items-inner"><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/blog" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">Блог</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/novini" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">Новини</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/uspeshni-istorii" class="dropdown-link w-inline-block"><div fs-cmsfilter-field="" class="nav-text is-dropdown">Истории</div></a></div></div></div></button><a href="/partners" class="nav__button-wrapper w-inline-block"><div class="nav-text">Партньори</div></a></div><button class="nav__opener"><div class="nav__opener__inner"><div class="nav__line-bottom"></div><div class="nav__line-top"></div></div></button></div><a href="/contact" class="button-main is-smaller w-inline-block"><div class="button-inner is-smaller"><div STYLE="" class="button_text-wrap"><div class="button-text is-smaller">Запитване</div></div></div><div class="button-inner-ap is-smaller"><div STYLE="" class="button_text-wrap-hidden"><div class="button-text-ap is-smaller">Запитване</div></div></div><div STYLE="background:" class="button__background is-smaller"></div><div STYLE="box-shadow: inset 0 0 0 1px rgba(154, 184, 203, .35);" class="button__background-animated is-smaller"><div STYLE="background:" class="button__bg-item is-smaller"></div></div></a></div></div></div><nav class="mob_nav navigation is-floating"><a href="/" class="mainnav__logo-wrap w-inline-block"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66325922ff05b8361146611f_NDB-logo.svg" loading="lazy" alt=""/></a><div class="mob__nav-buttons"><a href="/contact" class="button-main is-smaller w-inline-block"><div class="button-inner is-smaller"><div STYLE="" class="button_text-wrap"><div class="button-text is-smaller">Запитване</div></div></div><div class="button-inner-ap is-smaller"><div STYLE="" class="button_text-wrap-hidden"><div class="button-text-ap is-smaller">Запитване</div></div></div><div STYLE="background:" class="button__background is-smaller"></div><div STYLE="box-shadow: inset 0 0 0 1px rgba(154, 184, 203, .35);" class="button__background-animated is-smaller"><div STYLE="background:" class="button__bg-item is-smaller"></div></div></a><div data-scroll="toggle" class="mobile__nav-trigger"><div class="mobnav__hamburger"><div class="mobnav__line-bottom"></div><div class="mobnav__line-top"></div></div></div></div><div color-mode="dark" class="mobile__nav-wrapper"><div class="spacer-4"></div><div class="mobnav__links-outter"><div class="p-small opacity-04">Меню</div><div class="spacer-1"></div><div class="mobnav_link-wrap"><ul role="list" class="w-list-unstyled"><li class="mobnav__link"><a href="/about" class="mobnav__item w-inline-block"><div class="mobnav__headings">За нас</div></a></li><li class="mobnav__single"><div class="mob__nav-inner"><div class="mobnav__item"><div class="mobnav__headings">Доставчици</div><div class="chevron__wrapper"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="mobnav__chevron"/></div></div><div class="mobnav__smalls"><div class="small__mover"><a href="/ibm" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">IBM</div></a><a href="/vmware" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">
800VMware</div></a><a href="/veeam" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">Veeam</div></a></div><div class="spacer-05"></div></div></div></li><li class="mobnav__single"><div class="mob__nav-inner"><div class="mobnav__item"><div class="mobnav__headings">Обучения</div><div class="chevron__wrapper"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="mobnav__chevron"/></div></div><div class="mobnav__smalls"><div class="small__mover"><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/vmware" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">VMware</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/veeam" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">Veeam</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/red-hat" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">Red hat</div></a></div><div class="spacer-05"></div></div></div></li><li class="mobnav__single hide"><div class="mob__nav-inner"><div class="mobnav__item"><div class="mobnav__headings">Ресурси</div><div class="chevron__wrapper"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/66334b26fbe9299778a8e10c_Dropdown-arrow.svg" loading="lazy" alt="" class="mobnav__chevron"/></div></div><div class="mobnav__smalls"><div class="small__mover"><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/uspeshni-istorii" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">Истории</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/blog" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">Блог</div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/resource-categories/novini" class="mobnav__small-link w-inline-block"><div class="mob__nav-text-small">Новини</div></a></div><div class="spacer-05"></div></div></div></li><li class="mobnav__link"><a href="/partners" class="mobnav__item w-inline-block"><div class="mobnav__headings">Партньори</div></a></li></ul></div><div class="mobnav__contact"><div class="p-small opacity-04">За контакти</div><a href="mailto:[email protected]" class="button__borderless is-mobile w-inline-block"><div class="button__borderless-inner is-mobile"><div class="p-body">[email protected]</div><div class="link__border is-mobile"></div></div></a></div></div></div><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/6634e553c9d0ef9ff3e3fd35_Right-cut.svg" loading="lazy" alt="" class="cut mob__nav"/><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/6634e553daebc9c5c307644f_Left-cut.svg" loading="lazy" alt="" class="cut mob__nav is-right"/></nav></div><section padding="white" color-mode="" class="section"><div z-index="1" class="padding-section"><div class="spacer-4 hide-on-desktop"></div><div class="spacer-8"></div><aside class="container-small"><div data-trigger="stagger-smaller" class="grid-1"><div id="w-node-_60e84e4b-d976-7d9f-12fe-8bb95e5f92ab-b8d30f97" class="content-outter"><div class="content-wrapper"><div class="spacer-2"></div><h1 letters-slide-up="" split-words="" class="text-balance">Пътеводител в света на откритията</h1><div class="spacer-1"></div><div class="w-embed"><style>
801.dropdown-items.is-main {
802background-color:white;
803}
804
805.nav__cut-color .nav-cut{
806color:white;
807}
808
809.nav__links-wrap .nav-cut{
810color:white;
811}
812
813.nav__inner.is-main {
814background-color:white;
815}
816</style></div></div></div><div id="w-node-_60e84e4b-d976-7d9f-12fe-8bb95e5f92b2-b8d30f97" class="content-outter"><div class="content-wrapper is-blog-filter"><div class="blog__filter-wrap"><div class="filter__collection w-dyn-list"><div role="list" class="blog-tab w-dyn-items"><div role="listitem" class="collection-item w-dyn-item"><a href="/resource-categories/blog" aria-current="page" class="tab__blog w-inline-block w--current"><div class="p-body is-filter">Блог</div><div class="active-tab"></div></a></div><div role="listitem" class="collection-item w-dyn-item"><a href="/resource-categories/novini" class="tab__blog w-inline-block"><div class="p-body is-filter">Новини</div><div class="active-tab"></div></a></div><div role="listitem" class="collection-item w-dyn-item"><a href="/resource-categories/uspeshni-istorii" class="tab__blog w-inline-block"><div class="p-body is-filter">Истории</div><div class="active-tab"></div></a></div></div></div><a href="/resources" class="tab__blog is-all w-inline-block"><div class="p-body is-filter">Всички</div><div class="active-tab"></div></a></div></div></div></div></aside></div></section><div data-target="transition-container" fs-cmsfilter-element="filters" class="resources__wrapper w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" data-wf-page-id="662a424e0cb76cbfb8d30f97" data-wf-element-id="eccb26a6-b830-3d11-85bc-05086a13011b"><section padding="white" color-mode="" class="section"><div data-trigger="fade-in-small" z-index="1" class="padding-section"><aside class="container-small"><div class="spacer-1"><div class="spacer-1 hide-on-desktop"></div></div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="blog-wrap is-featured w-dyn-item"><a href="/resources/izpolzvaneto-na-ibm-watson-za-strategicheski-biznes-predimstva" class="grid-2-1 is-blog-featured w-inline-block"><div id="w-node-eccb26a6-b830-3d11-85bc-05086a130140-b8d30f97" class="content-outter"><div class="content-wrapper"><div class="cutter_blog hide-on-tablet"><div class="cut-wrapper is__blog-featured"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/662bc014ff97c6fb03d7f86e_Cut-TR-blog-white.svg" loading="lazy" alt="" class="cut"/><div class="cut-arrow-animated-wrapper is__blog-item-featured"><div class="cut-arrow-test w-embed">
816<svg width="1em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
817<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
818</svg></div><div class="cut-arrow-test is-hidden w-embed"><svg width="1em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
819<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
820</svg></div></div></div></div><div class="cut-wrapper hide-on-desktop"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/662cb918a46ae80c0f713538_Cut-BR-blog-white.svg" loading="lazy" alt="" class="cut"/><div class="cut-arrow w-embed"><svg width="0.7em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
821<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
822</svg></div></div><div class="blog__thumbnail is--featured"><div class="blog__tags-wrapper"><div class="tag-wrapper"><div href="" target="_blank" color-mode="" STYLE="" class="small-button"><div STYLE="color:var(--color--text);" class="pill-text-wrap"><div fs-cmsfilter-field="" class="pill-text">IBM</div></div><div class="pill__accent-bg"></div></div><div href="" target="_blank" color-mode="dark" STYLE="" class="small-button"><div STYLE="color:var(--color--text);" class="pill-text-wrap"><div fs-cmsfilter-field="" class="pill-text">Блог</div></div><div class="pill-bg"></div></div></div></div><div class="blog__image-scaler"><div class="g__visual-wrap"><div class="g__visual-background-component"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover.webp" loading="lazy" width="1200" data-trigger="parallax-small" alt="" sizes="(max-width: 767px) 90vw, (max-width: 1919px) 72vw, 58vw" srcset="https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover-p-500.webp 500w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover-p-800.webp 800w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover-p-1080.webp 1080w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover-p-1600.webp 1600w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover.webp 2009w" class="image-normal"/><div class="noise-cover"></div></div></div></div></div><div class="blog__overlay"></div><div class="blog__read-wrap"><div class="blog-read">Научи повече</div></div><div class="moving-circle is-vendor"></div></div></div></div><div id="w-node-eccb26a6-b830-3d11-85bc-05086a130153-b8d30f97" class="content-outter"><div class="content-wrapper is-blog-wrap"><div><h3 class="featured-blog-heading clamp-5lines">Използването на IBM Watson за стратегически бизнес предимства</h3><div class="spacer-1"></div><div class="p-body clamp-3lines">В ерата на информационните технологии, все повече бизнеси се обръщат към напредничави технологии за оптимизиране на операциите, подобряване на вземането на решения и стимулиране на иновациите. </div><div class="spacer-2 hide-on-desktop"></div><div class="spacer-2 hide-on-desktop"></div></div><div class="blog__featured-info"><div id="w-node-eccb26a6-b830-3d11-85bc-05086a13015a-b8d30f97" class="featured__info-wrapper"><div class="p-small is-text-index">Дата</div><div class="p-small">June 26, 2024</div></div><div id="w-node-eccb26a6-b830-3d11-85bc-05086a13015e-b8d30f97" class="featured__info-wrapper is-right"><div class="p-small is-text-index">Време за четене</div><div class="readtime__wrap is-featured"><div class="p-small">4</div><div class="p-small">мин</div></div></div></div></div></div></a></div></div></div></aside><div class="spacer-8"></div></div></section><section padding="white" color-mode="" class="section"><div class="padding-section is-blog"><div class="spacer-8"></div><aside class="container-small"><div class="grid-1-2"><div id="w-node-eccb26a6-b830-3d11-85bc-05086a13016f-b8d30f97" class="content-outter is-blog-filter"><div class="content-wrapper is-sticky-heading"><div class="sticky__wrapper"><div class="index__wrapper"><div class="heading-style-h6 line-height-1 padding-right padding-05">Филтър</div><div fs-cmsfilter-element="clear" class="filter-clean">Изчисти</div></div><div class="spacer-2"></div><div class="blog__search-field"><div class="blog__search-icon w-embed"><svg width="1.2em" height="1em" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
823<path fill-rule="evenodd" clip-rule="evenodd" d="M2.04316 6.48916C2.04316 3.73329 4.27724 1.49922 7.0331 1.49922C9.78897 1.49922 12.023 3.73329 12.023 6.48916C12.023 9.24502 9.78897 11.4791 7.0331 11.4791C4.27724 11.4791 2.04316 9.24502 2.04316 6.48916ZM7.0331 0.199219C3.55926 0.199219 0.743164 3.01532 0.743164 6.48916C0.743164 9.96299 3.5
8235926 12.7791 7.0331 12.7791C8.54518 12.7791 9.93264 12.2455 11.0175 11.3564C11.0464 11.4088 11.083 11.458 11.1274 11.5024L14.1931 14.5682C14.447 14.822 14.8585 14.822 15.1124 14.5682C15.3662 14.3143 15.3662 13.9028 15.1124 13.6489L12.0466 10.5832C12.0022 10.5388 11.953 10.5021 11.9006 10.4733C12.7896 9.38847 13.323 8.00111 13.323 6.48916C13.323 3.01532 10.5069 0.199219 7.0331 0.199219Z" fill="currentColor"/>
824</svg></div><input class="blog__search-input w-input p-body" maxlength="256" name="field-2" fs-cmsfilter-field="type, services, heading" data-name="Field 2" placeholder="Търси..." type="text" id="field-2"/></div><div class="spacer-2"></div><div class="blog__filter-collection w-dyn-list"><div role="list" class="blog__filter-list w-dyn-items"><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">Бъдеще</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">Технологии</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">VMware</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">IBM</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">Данни и анализи</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">Сигурност</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">Автоматизация</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">Устойчивост</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">Клауд</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div><div role="listitem" class="blog__fiilter-single w-dyn-item"><label class="w-checkbox blog__filter-item"><input type="checkbox" id="checkbox-3" name="checkbox-3" data-name="Checkbox 3" class="w-checkbox-input filter-checkbox"/><span fs-cmsfilter-field="services" class="p-small padding-left padding-025 w-form-label" for="checkbox-3">Изкуствен интелект</span><div class="custom__checkbox is-blog"><div class="custom__checkbox-rectangle"></div></div></label></div></div></div><div class="spacer-2"></div></div></div></div><div id="w-node-eccb26a6-b830-3d11-85bc-05086a130188-b8d30f97" class="content-outter"><div class="content-wrapper"><div class="resources__list-item w-dyn-list"><div fs-cmsfilter-easing="ease-in-out" fs-cmsfilter-element="list" role="list" class="w-dyn-items"><div data-trigger="fade-in-small" role="listitem" class="resources__list-item w-dyn-item"><a href="/resources/razvivane-na-biznes-ustoychivostta-chrez-ibm-envizi" class="blog-wrap w-inline-block"><div class="content-wrapper"><div class="cutter_blog"><div class="cut-wrapper"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/662caaedcb3e06695e9c8b29_Cut-BR-blog-faded.svg" loading="lazy" alt="" class="cut"/><div class="cut-arrow-animated-wrapper is__blog-item"><div class="cut-arrow-test w-embed">
824<svg width="0.7em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
825<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
826</svg></div><div class="cut-arrow-test is-hidden w-embed"><svg width="0.7em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
827<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
828</svg></div></div></div></div><div class="blog__thumbnail"><div class="blog__tags-wrapper"><div class="tag-wrapper"><div href="Блог" target="_blank" color-mode="" STYLE="" class="small-button"><div STYLE="color:var(--color--text);" class="pill-text-wrap"><div fs-cmsfilter-field="services" class="pill-text">IBM</div></div><div class="pill__accent-bg"></div></div><div href="" target="_blank" color-mode="dark" STYLE="" class="small-button is-blog-tags-counter"><div STYLE="color:var(--color--text);" class="pill-text-wrap"><div fs-cmsfilter-field="type" class="pill-text is-blog-tag">+</div><div fs-cmsfilter-field="type" class="pill-text is-blog-tag tag-count">3</div></div><div class="pill-bg"></div></div></div></div><div class="blog__image-scaler"><div class="g__visual-wrap"><div class="g__visual-background-component"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bdaa2018dd9ed08baabd9_Envizi-cover-blog.webp" loading="lazy" width="1200" data-trigger="parallax-small" alt="" sizes="(max-width: 767px) 90vw, (max-width: 1919px) 72vw, 58vw" srcset="https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bdaa2018dd9ed08baabd9_Envizi-cover-blog-p-500.webp 500w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bdaa2018dd9ed08baabd9_Envizi-cover-blog-p-800.webp 800w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bdaa2018dd9ed08baabd9_Envizi-cover-blog-p-1080.webp 1080w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bdaa2018dd9ed08baabd9_Envizi-cover-blog-p-1600.webp 1600w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bdaa2018dd9ed08baabd9_Envizi-cover-blog.webp 2008w" class="image-normal"/><div class="noise-cover"></div></div></div></div></div><div class="blog__overlay"></div><div class="blog__read-wrap"><div class="blog-read">Научи повече</div></div><div class="moving-circle is-vendor"></div></div></div><div class="content-wrapper"><h4 fs-cmsfilter-field="heading" class="heading-style-h4 clamp-3lines text-balance">Развиване на бизнес устойчивостта чрез IBM Envizi</h4><div class="spacer-05"></div><div class="p-body is--subheading clamp-2lines">Стратегическо ръководство за съвременните предприятия</div><div class="spacer-2 hide-on-desktop"></div><div class="blog__featured-info"><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301aa-b8d30f97" class="featured__info-wrapper"><div href="" target="_blank" color-mode="" STYLE="padding:0;" class="small-button"><div STYLE="color:var(--color--index);" class="pill-text-wrap"><div fs-cmsfilter-field="category" class="pill-text">Блог</div></div></div></div><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301ac-b8d30f97" class="featured__info-wrapper is-right"><div href="" target="_blank" color-mode="" STYLE="padding:0;" class="small-button"><div STYLE="color:var(--color--index);" class="pill-text-wrap"><div fs-cmsfilter-field="" class="pill-text">June 6, 2025</div></div></div></div></div></div></a><div class="spacer-4"></div><div class="blog-tags w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="blog-tag w-dyn-item"><div>IBM</div></div><div role="listitem" class="blog-tag w-dyn-item"><div>Устойчивост</div></div><div role="listitem" class="blog-tag w-dyn-item"><div>Данни и анализи</div></div></div></div></div><div data-trigger="fade-in-small" role="listitem" class="resources__list-item w-dyn-item"><a href="/resources/izpolzvaneto-na-ibm-watson-za-strategicheski-biznes-predimstva" class="blog-wrap w-inline-block"><div class="content-wrapper"><div class="cutter_blog"><div class="cut-wrapper"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/662caaedcb3e06695e9c8b29_Cut-BR-blog-faded.svg" loading="lazy" alt="" class="cut"/><div class="cut-arrow-animated-wrapper is__blog-item"><div class="cut-arrow-test w-embed">
828<svg width="0.7em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
829<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
830</svg></div><div class="cut-arrow-test is-hidden w-embed"><svg width="0.7em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
831<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
832</svg></div></div></div></div><div class="blog__thumbnail"><div class="blog__tags-wrapper"><div class="tag-wrapper"><div href="Блог" target="_blank" color-mode="" STYLE="" class="small-button"><div STYLE="color:var(--color--text);" class="pill-text-wrap"><div fs-cmsfilter-field="services" class="pill-text">IBM</div></div><div class="pill__accent-bg"></div></div><div href="" target="_blank" color-mode="dark" STYLE="" class="small-button is-blog-tags-counter"><div STYLE="color:var(--color--text);" class="pill-text-wrap"><div fs-cmsfilter-field="type" class="pill-text is-blog-tag">+</div><div fs-cmsfilter-field="type" class="pill-text is-blog-tag tag-count">3</div></div><div class="pill-bg"></div></div></div></div><div class="blog__image-scaler"><div class="g__visual-wrap"><div class="g__visual-background-component"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover.webp" loading="lazy" width="1200" data-trigger="parallax-small" alt="" sizes="(max-width: 767px) 90vw, (max-width: 1919px) 72vw, 58vw" srcset="https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover-p-500.webp 500w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover-p-800.webp 800w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover-p-1080.webp 1080w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover-p-1600.webp 1600w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5f006cf55b4f2bfb978_Watson-cover.webp 2009w" class="image-normal"/><div class="noise-cover"></div></div></div></div></div><div class="blog__overlay"></div><div class="blog__read-wrap"><div class="blog-read">Научи повече</div></div><div class="moving-circle is-vendor"></div></div></div><div class="content-wrapper"><h4 fs-cmsfilter-field="heading" class="heading-style-h4 clamp-3lines text-balance">Използването на IBM Watson за стратегически бизнес предимства</h4><div class="spacer-05"></div><div class="p-body is--subheading clamp-2lines">В ерата на информационните технологии, все повече бизнеси се обръщат към напредничави технологии за оптимизиране на операциите, подобряване на вземането на решения и стимулиране на иновациите. </div><div class="spacer-2 hide-on-desktop"></div><div class="blog__featured-info"><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301aa-b8d30f97" class="featured__info-wrapper"><div href="" target="_blank" color-mode="" STYLE="padding:0;" class="small-button"><div STYLE="color:var(--color--index);" class="pill-text-wrap"><div fs-cmsfilter-field="category" class="pill-text">Блог</div></div></div></div><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301ac-b8d30f97" class="featured__info-wrapper is-right"><div href="" target="_blank" color-mode="" STYLE="padding:0;" class="small-button"><div STYLE="color:var(--color--index);" class="pill-text-wrap"><div fs-cmsfilter-field="" class="pill-text">June 6, 2025</div></div></div></div></div></div></a><div class="spacer-4"></div><div class="blog-tags w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="blog-tag w-dyn-item"><div>IBM</div></div><div role="listitem" class="blog-tag w-dyn-item"><div>Технологии</div></div><div role="listitem" class="blog-tag w-dyn-item"><div>Данни и анализи</div></div></div></div></div><div data-trigger="fade-in-small" role="listitem" class="resources__list-item w-dyn-item"><a href="/resources/ibm-qradar-revolyucionizirane-na-sigurnostta-chrez-inteligenten-analiz-na-danni" class="blog-wrap w-inline-block"><div class="content-wrapper"><div class="cutter_blog"><div class="cut-wrapper"><img src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/662caaedcb3e06695e9c8b29_Cut-BR-blog-faded.svg" loading="lazy" alt="" class="cut"/><div class="cut-arrow-animated-wrapper is__blog-item"><div class="cut-arrow-test w-embed">
832<svg width="0.7em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
833<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
834</svg></div><div class="cut-arrow-test is-hidden w-embed"><svg width="0.7em" height="Auto" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
835<path fill-rule="evenodd" clip-rule="evenodd" d="M7.45153 0.974854L13.554 7.07729C14.3453 7.86861 14.3453 9.15159 13.554 9.94291L7.45153 16.0453L5.68159 14.2754L10.1954 9.76164L0.102295 9.76164L0.102295 7.25857L10.1954 7.25857L5.68159 2.74479L7.45153 0.974854Z" fill="#566B7C"/>
836</svg></div></div></div></div><div class="blog__thumbnail"><div class="blog__tags-wrapper"><div class="tag-wrapper"><div href="Блог" target="_blank" color-mode="" STYLE="" class="small-button"><div STYLE="color:var(--color--text);" class="pill-text-wrap"><div fs-cmsfilter-field="services" class="pill-text">IBM</div></div><div class="pill__accent-bg"></div></div><div href="" target="_blank" color-mode="dark" STYLE="" class="small-button is-blog-tags-counter"><div STYLE="color:var(--color--text);" class="pill-text-wrap"><div fs-cmsfilter-field="type" class="pill-text is-blog-tag">+</div><div fs-cmsfilter-field="type" class="pill-text is-blog-tag tag-count">3</div></div><div class="pill-bg"></div></div></div></div><div class="blog__image-scaler"><div class="g__visual-wrap"><div class="g__visual-background-component"><div class="image-wrapper"><img src="https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5ff9ef0db3399a11061_Qradar-cover.webp" loading="lazy" width="1200" data-trigger="parallax-small" alt="" sizes="(max-width: 767px) 90vw, (max-width: 1919px) 72vw, 58vw" srcset="https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5ff9ef0db3399a11061_Qradar-cover-p-500.webp 500w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5ff9ef0db3399a11061_Qradar-cover-p-800.webp 800w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5ff9ef0db3399a11061_Qradar-cover-p-1080.webp 1080w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5ff9ef0db3399a11061_Qradar-cover-p-1600.webp 1600w, https://cdn.prod.website-files.com/662a3339c83d49dbf36e3f6d/667bd5ff9ef0db3399a11061_Qradar-cover.webp 2008w" class="image-normal"/><div class="noise-cover"></div></div></div></div></div><div class="blog__overlay"></div><div class="blog__read-wrap"><div class="blog-read">Научи повече</div></div><div class="moving-circle is-vendor"></div></div></div><div class="content-wrapper"><h4 fs-cmsfilter-field="heading" class="heading-style-h4 clamp-3lines text-balance">IBM QRadar: Революционизиране на сигурността чрез интелигентен анализ на данни</h4><div class="spacer-05"></div><div class="p-body is--subheading clamp-2lines">В динамичния свят на киберсигурността, където заплахите постоянно се развиват и стават все по-сложни, нуждата от ефективни средства за защита на корпоративните мрежи е по-актуална от всякога. </div><div class="spacer-2 hide-on-desktop"></div><div class="blog__featured-info"><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301aa-b8d30f97" class="featured__info-wrapper"><div href="" target="_blank" color-mode="" STYLE="padding:0;" class="small-button"><div STYLE="color:var(--color--index);" class="pill-text-wrap"><div fs-cmsfilter-field="category" class="pill-text">Блог</div></div></div></div><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301ac-b8d30f97" class="featured__info-wrapper is-right"><div href="" target="_blank" color-mode="" STYLE="padding:0;" class="small-button"><div STYLE="color:var(--color--index);" class="pill-text-wrap"><div fs-cmsfilter-field="" class="pill-text">June 6, 2025</div></div></div></div></div></div></a><div class="spacer-4"></div><div class="blog-tags w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="blog-tag w-dyn-item"><div>IBM</div></div><div role="listitem" class="blog-tag w-dyn-item"><div>Сигурност</div></div><div role="listitem" class="blog-tag w-dyn-item"><div>Автоматизация</div></div><div role="listitem" class="blog-tag w-dyn-item"><div>Технологии</div></div></div></div></div></div></div><div z-index="1" fs-cmsfilter-element="empty" class="resources__empty-state-wrapper"><h3 class="heading-style-h4">Няма открити резултати ;(</h3><div class="spacer-1"></div><div class="p-body">Опитайте с други филтри или <span fs-cmsfilter-element="clear" class="inline__link">изчистете всички филтри</span></div></div></div></div></div></aside><div class="spacer-8"></div></div></section></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><section data-trigger="section-enter" color-mode="" padding="white" class="section is-footer"><div z-index="1" padding="white" class="padding-section"><div class="spacer-4"></div><aside class="container-small"><div class="grid-1-1"><div id="w-node-_35a5d77f-702d-52db-3b9d-cd8ecbc0b3ce-cbc0b3c9" class="content-outter"><div data-trigger="stagger-smaller" class="content-wrapper"><div class="heading-style-h2 is-footer">Имате въпрос?</div><a href="/contact" class="button__borderless w-inline-block"><div class="button__borderless-inner is-bigger"><div class="heading-style-h2 is-text-primary-second is-footer">Свържете се с нас</div><div class="link__border is-higher"></div></div></a></div></div><div id="w-node-_35a5d77f-702d-52db-3b9d-cd8ecbc0b3d3-cbc0b3c9" class="content-outter"><div class="content-wrapper"><div class="footer-column is-right"><div class="sm-icons-wrapper"><a data-network="linkedin" href="#" target="_blank" class="social-media-wrapper st-custom-button w-inline-block"><div data-is-ix2-target="1" class="sm-anim" data-w-id="35a5d77f-702d-52db-3b9d-cd8ecbc0b3da" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/662f4e212530523c3db1457a_Linkedin.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="1.0416666666666667" data-duration="0" data-loading="eager" data-ix2-initial-state="0"></div></a></div></div></div></div></div><div class="spacer-2"></div><div class="grid-1-1"><div id="w-node-_2ee22a12-ada9-2c78-6e73-4a7153183236-cbc0b3c9" class="content-outter"><div class="content-wrapper"><div class="spacer-2"></div><div class="footer__link-blocks"><div class="p-body is-text-index">Контакт</div><div class="spacer-025"></div><a href="tel:+35928683599" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">+359 2 868 35 99</div><div class="link__border"></div></div></a><a href="mailto:[email protected]" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">[email protected]</div><div class="link__border"></div></div></a><a href="https://maps.app.goo.gl/jWcx4Ltupq8T6Zpc9" target="_blank" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">
836бул. „Владимир Вазов“ 9,  гр. София</div><div class="link__border"></div></div></a></div></div></div><div id="w-node-_2ee22a12-ada9-2c78-6e73-4a7153183249-cbc0b3c9" class="content-outter"><div class="content-wrapper"><div class="spacer-2"></div><div class="footer-column is-right"><div class="footer-right-links"><div><div class="p-body is-text-index">Меню</div><div class="spacer-025"></div><a href="/about" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">За нас</div><div class="link__border"></div></div></a><a href="/trainings" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Обучения</div><div class="link__border"></div></div></a><a href="/partners" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Партньори</div><div class="link__border"></div></div></a><a href="/contact" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Контакт</div><div class="link__border"></div></div></a></div><div><div class="p-body is-text-index">Доставчици</div><div class="spacer-025"></div><a href="/ibm" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">IBM</div><div class="link__border"></div></div></a><a href="/vmware" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">VMware</div><div class="link__border"></div></div></a><a href="/veeam" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Veeam</div><div class="link__border"></div></div></a></div><div><div class="p-body is-text-index">Обучения</div><div class="spacer-025"></div><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/vmware" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">VMware</div><div class="link__border"></div></div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/veeam" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Veeam<br/></div><div class="link__border"></div></div></a><a href="https://valeris-marvelous-site-c1734ef2249262b4.webflow.io/vendor-trainings/red-hat" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Red Hat</div><div class="link__border"></div></div></a></div></div></div></div></div></div><div class="spacer-2"></div><div class="spacer-2 hide-on-tablet"></div><div class="footer__terms-wrapper"><div id="w-node-_35a5d77f-702d-52db-3b9d-cd8ecbc0b3f8-cbc0b3c9" class="content-outter"><div class="content-wrapper is-footer-rights"><div class="spacer-1 hide-on-desktop"></div><div class="p-body is-rights">© 2024 NDB Ltd.. All Rights Reserved</div><div class="footer-column is-legal w-dyn-list"><div role="list" class="footer__link-blocks is-legal w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/legal/zashchita-na-danni" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Защита на данни</div><div class="link__border"></div></div></a></div><div role="listitem" class="w-dyn-item"><a href="/legal/obshchi-usloviya" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Общи условия</div><div class="link__border"></div></div></a></div></div></div></div></div><div id="w-node-_35a5d77f-702d-52db-3b9d-cd8ecbc0b3fc-cbc0b3c9" class="content-outter"><div class="content-wrapper is-valeri"><div class="button__borderless-inner"><div class="p-body is-rights is-text-index">design by</div></div><a href="https://www.karageorgiev.com/" target="_blank" class="button__borderless w-inline-block"><div class="button__borderless-inner"><div class="p-body">Valeri</div><div class="link__border"></div></div></a></div></div><div class="spacer-1 hide-on-desktop"></div><div class="separator-top"></div></div></aside></div></section><div class="grid__wrapper"><div class="grid__container"><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301cb-b8d30f97" class="grid__line"></div><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301cc-b8d30f97" class="grid__line hide-mobile"></div><div id="w-node-eccb26a6-b830-3d11-85bc-05086a1301cd-b8d30f97" class="grid__line right"></div></div></div></main><div class="d-none"><div class="initiate-functions w-embed w-script">
836<script>
837  function globalScripts(container) {    
838    trackPerformance(function() {
839      movingCircle(container);
840      updateTagCounts(container);
841      imageParalaxHero(container);
842      imageParalax(container);
843      imageParalaxSmall(container);
844      progressCounterBlog(container);
845      returnTopBlog(container);
846      toc(container);
847      copyMail(container);
848      staggerAnimation(container);
849      smallerStagger(container);
850      fadeBig(container);
851      fadeSmall(container);
852      headingAnimation(container);
853      setupButtonTextCopy(container);
854      speedOneTwo(container);
855      share(container);
856      setupLogoChangers(container);
857      setupMainComponentSlider(container);
858      scale(container);
859      smallerStaggerDelay(container);
860      scaleLate(container);
861    });
862  }
863  
864  function trackPerformance(cb) {
865    const start = performance.now();
866    cb();
867    const end = performance.now();
868    console.log((Math.round(end - start)) + "ms 🚀");
869  }
870</script>
870</div><div class="functions w-embed w-script">
870<script>
871  //heading animation - missing
872  function staggerAnimation(container) {
873    const parentElements = container.querySelectorAll("[data-trigger='stagger']");
874    if (!parentElements.length) return;
875
876    parentElements.forEach((parentElement) => {
877      gsap.fromTo(
878        parentElement.children,
879        { opacity: 0, y: 100, scale: 1, rotate: 0 },
880        {
881          opacity: 1,
882          y: 0,
883          scale: 1,
884          rotate: 0,
885          duration: 1.2,
886          delay: 0.1,
887          ease: "power4.out",
888          stagger: 0.12,
889          scrollTrigger: {
890            trigger: parentElement,
891            start: "top 90%",
892          },
893        }
894      );
895    });
896  }
897
898  function smallerStagger(container) {
899    const parentElements = container.querySelectorAll("[data-trigger='stagger-smaller']");
900    if (!parentElements.length) return;
901
902    parentElements.forEach((parentElement) => {
903      gsap.from(parentElement.children, {
904        opacity: 0,
905        y: 80,
906        scale: 1,
907        duration: 1.2,
908        delay: 0,
909        ease: "power4.out",
910        stagger: 0.13,
911        filter: "blur(30px)",
912        scrollTrigger: {
913          trigger: parentElement,
914          start: "30% bottom",
915          //markers: true,
916        },
917      });
918    });
919  }
920  
921 function smallerStaggerDelay(container) {
922    const parentElements = container.querySelectorAll("[data-trigger='stagger-smaller-delay']");
923    if (!parentElements.length) return;
924
925    parentElements.forEach((parentElement) => {
926      gsap.from(parentElement.children, {
927        opacity: 0,
928        y: 120,
929        scale: 1,
930        duration: 1.2,
931        delay: 1.6,
932        ease: "power4.out",
933        stagger: 0.13,
934        filter: "blur(30px)",
935        scrollTrigger: {
936          trigger: parentElement,
937          start: "30% bottom",
938          //markers: true,
939        },
940      });
941    });
942  }
943
944
945  function fadeBig(container) {
946    const headings = container.querySelectorAll("[data-trigger='fade-in-big']");
947    if (!headings.length) return;
948
949    headings.forEach((heading) => {
950      gsap.set(heading, { autoAlpha: 0, y: 30, scale: 1.1, rotationX: 20 });
951
952      gsap.to(heading, {
953        autoAlpha: 1,
954        y: 0,
955        scale: 1,
956        duration: 1.3,
957        rotationX: 0,
958        ease: "power4.out",
959        scrollTrigger: {
960          trigger: heading,
961          start: "top 80%",
962          end: "top 80%",
963          once: true,
964        },
965      });
966    });
967  }
968
969  function fadeSmall(container) {
970    const elements = container.querySelectorAll("[data-trigger='fade-in-small']");
971    if (!elements.length) return;
972
973    elements.forEach((heading) => {
974      gsap.set(heading, { autoAlpha: 0, y: 70,});
975    });
976
977    elements.forEach((element) => {
978      gsap.to(element, {
979        scrollTrigger: {
980          trigger: element,
981          start: "10% bottom",
982        },
983        delay: 0.2,
984        autoAlpha: 1,
985        y: 0,
986        duration: 1,
987        ease: "power4.out",
988      });
989    });
990  }
991
992
993  function scale(container) {
994    const headings = container.querySelectorAll("[data-trigger='scale']");
995    if (!headings.length) return;
996
997    headings.forEach((heading) => {
998      gsap.set(heading, { autoAlpha: 0, y: 20, scale: 1.2, filter: "blur(50px)",});
999
1000      gsap.to(heading, {
1001        autoAlpha: 1,
1002        y: 0,
1003        scale: 1,
1004        duration: 1.6,
1005        filter: "blur(0px)",
1006        ease: "power4.out",
1007        scrollTrigger: {
1008          trigger: heading,
1009          start: "top 80%",
1010          end: "top 80%",
1011          once: true,
1012        },
1013      });
1014    });
1015  }
1016  
1017  function scaleLate(container) {
1018    const headings = container.querySelectorAll("[data-trigger='scale-late']");
1019    if (!headings.length) return;
1020
1021    headings.forEach((heading) => {
1022      gsap.set(heading, { autoAlpha: 0, y: 20, scale: 1.2, filter: "blur(50px)",});
1023
1024      gsap.to(heading, {
1025        autoAlpha: 1,
1026        y: 0,
1027        scale: 1,
1028        duration: 2,
1029        filter: "blur(0px)",
1030        ease: "power4.out",
1031        delay: 1.55,
1032        scrollTrigger: {
1033          trigger: heading,
1034          start: "top 80%",
1035          end: "top 80%",
1036          once: true,
1037        },
1038      });
1039    });
1040  }
1041
1042  function imageParalax(container) {
1043    const parallaxImages = container.querySelectorAll("[data-trigger='parallax']");
1044    if (!parallaxImages.length) return;
1045
1046    parallaxImages.forEach((image) => {
1047      gsap.fromTo(
1048        image,
1049        { y: '-15%', scale: 1,},
1050        {
1051          y: '10%',
1052          scale:1,
1053          ease: 'none',
1054          scrollTrigger: {
1055            trigger: image,
1056            start: 'top bottom', // starts when top of the image hits the bottom of the viewport
1057            end: 'bottom top', // ends when bottom of the image leaves the top of the viewport
1058            scrub: 1 // smooth scrubbing effect
1059          }
1060        }
1061      );
1062    });
1063  }
1064
1065  function imageParalaxHero(container) {
1066    const parallaxHeroImages = container.querySelectorAll("[data-trigger='parallax-hero']");
1067    if (!parallaxHeroImages.length) return;
1068
1069    parallaxHeroImages.forEach((image) => {
1070
1071      // Set the initial position using gsap.set
1072      gsap.set(image, { y: "0%" });
1073
1074      // Animate the image on scroll
1075      gsap.fromTo(
1076        image,
1077        { y: "0%", scale:1, filter: "blur(0px)"},
1078        {
1079          y: "4%", scale:1.03, filter: "blur(30px)",
1080          scrollTrigger: {
1081            trigger: image,
1082            start: "8% top", // starts when top of the image hits the bottom of the viewport
1083            end: "bottom top", // ends when bottom of the image leaves the top of the viewport
1084            scrub: 1, // smooth scrubbing effect
1085          },
1086        }
1087      );
1088    });
1089  }
1090
1091  function imageParalaxSmall(container) {
1092    const parallaxSmall = container.querySelectorAll("[data-trigger='parallax-small']");
1093    if (!parallaxSmall.length) return;
1094    parallaxSmall.forEach((image) => {
1095      gsap.fromTo(
1096        image,
1097        { y: '-7%', scale: 1,},
1098        {
1099          y: '0%',
1100          scale:1,
1101          ease: 'none',
1102          scrollTrigger: {
1103            trigger: image,
1104            start: 'top bottom', // starts when top of the image hits the bottom of the viewport
1105            end: 'bottom top', // ends when bottom of the image leaves the top of the viewport
1106            scrub: 1 // smooth scrubbing effect
1107          }
1108        }
1109      );
1110    });
1111  }
1112
1113  function headingAnimation(container) {
1114    const wordSplit = new SplitType("[split-words]", {
1115      types: "lines, words",
1116      tagName: "span",
1117    });
1118
1119    const lineSplit = new SplitType("[split-lines]", {
1120      types: "lines",
1121      tagName: "span",
1122    });
1123
1124    const charSplit = new SplitType("[split-chars]", {
1125      types: "chars",
1126      tagName: "span",
1127    });
1128
1129    function createScrollTrigger(triggerElement, timeline) {
1130      ScrollTrigger.create({
1131        trigger: triggerElement,
1132        start: "top 85%",
1133        once: true,
1134        onEnter: () => {
1135          timeline.play();
1136          ScrollTrigger.getAll().forEach((trigger) => {
1137            if (trigger.trigger === triggerElement) {
1138              trigger.kill();
1139            }
1140          });
1141        },
1142      });
1143    }
1144
1145    const lettersSlideUp = container.querySelectorAll("[letters-slide-up]");
1146    if (lettersSlideUp) {
1147      lettersSlideUp.forEach((heading) => {
1148        const tl = gsap.timeline({ paused: true });
1149        const words = heading.querySelectorAll(".word");
1150
1151        tl.from(words, {
1152          y: "180%",
1153          scale: 1,
1154          opacity:0,
1155          rotationX: -120,
1156          duration: 0.6,
1157          ease: CustomEase.create("custom", "M0,0 C0.022,0.402 0.039,0.662 0.197,0.81 0.389,0.989 0.818,1.001 1,1 "),
1158          stagger: 0.08,
1159        });
1160
1161        createScrollTrigger(heading, tl);
1162      });
1163    }
1164
1165
1166    const lineSlideUp = container.querySelectorAll("[line-slide-up]");
1167    if (lineSlideUp) {
1168      lineSlideUp.forEach((heading) => {
1169        const tl = gsap.timeline({ paused: true });
1170        const lines = heading.querySelectorAll(".line");
1171
1172        tl.from(lines, {
1173          rotation: 0,
1174          opacity: 0,
1175          y: 50,
1176          duration: 1,
1177          ease: "power4.out",
1178          stagger: 0.05,
1179          delay:0.45,
1180        });
1181
1182        createScrollTrigger(heading, tl);
1183      });
1184    }
1185    
1186    
1187 
1188    
1189
1190
1191    const lineSlideUpNew = document.querySelectorAll("[line-slide-up-new]");
1192    if (lineSlideUpNew) {
1193      lineSlideUpNew.forEach((heading) => {
1194        const tl = gsap.timeline({ paused: true });
1195        const lines = heading.querySelectorAll(".line");
1196
1197        tl.from(lines, {
1198          rotation: 0,
1199          opacity: 0,
1200          y: 70,
1201          duration: 1,
1202          ease: "power4.out",
1203          stagger: 0.05,
1204          delay:0,
1205          filter: "blur(30px)",
1206        });
1207
1208        createScrollTrigger(heading, tl);
1209      });
1210    }   
1211  }
1212
1213  function setupButtonTextCopy(container) {
1214    const buttons = container.querySelectorAll('.button-main');
1215
1216    if(!buttons.length) return;
1217
1218    buttons.forEach(button => {
1219      button.addEventListener('mouseenter', function() {
1220        const buttonText = button.querySelector('.button-text').innerText; // Get the text from .button-text
1221        button.querySelector('.button-text-ap').innerText = buttonText; // Set the .button-text-ap text
1222      });
1223    });
1224  }
1225
1226  function share(container) {
1227    const socials = container.querySelectorAll("[data-share]");
1228    if(!socials.length) return;
1229
1230    socials.forEach(social => {
1231      const url = window.location.href;
1232      const facebook = social.getAttribute("data-share") === "facebook";
1233      const twitter = social.getAttribute("data-share") === "twitter";
1234      const linkedin = social.getAttribute("data-share") === "linkedin";
1235
1236      if(facebook) social.setAttribute("href", "https://www.facebook.com/sharer/sharer.php?u=" + url);
1237      if(twitter) social.setAttribute("href", "https://twitter.com/intent/tweet?url=" + url);
1238      if(linkedin) social.setAttribute("href", "https://www.linkedin.com/sharing/share-offsite/?url=" + url);
1239
1240      social.setAttribute("target", "_blank");
1241    });
1242  }
1243
1244
1245  function setupLogoChangers(container) {
1246    const logoChangers = document.querySelectorAll(".logo-changer");
1247
1248    if (!logoChangers.length) {
1249      return;
1250    }
1251    // Loop through each .logo-changer element and create a ScrollTrigger for it
1252    logoChangers.forEach(logoChanger => {
1253      ScrollTrigger.create({
1254        trigger: logoChanger,
1255        start: "top -2%",
1256        end: "bottom 10%",
1257        toggleClass: { targets: ".mainnav__logo-wrap", className: "changed-logo" },
1258      });
1259    });
1260  }
1261
1262  function setupMainComponentSlider(container) {
1263    const mainComponentSliders = container.querySelectorAll(".slider-main_component");
1264    if (!mainComponentSliders.length) return;
1265
1266    mainComponentSliders.forEach(slider => {
1267      const vwToPixels = (vw) => window.innerWidth * (vw / 100);
1268
1269      const swiper = new Swiper(slider.querySelector(".swiper"), {
1270        slidesPerView: 1,
1271        speed: 700,
1272        keyboard: true,
1273        slideToClickedSlide: false,
1274        grabCursor: true,
1275        parallax: true,
1276        folowFinger: false,
1277        spaceBetween: 24,
1278        breakpoints: {
1279          480: {
1280            slidesPerView: 1,
1281            spaceBetween: 50,
1282          },
1283          768: {
1284            slidesPerView: 1.5,
1285            spaceBetween: 50,
1286          },
1287          992: {
1288            slidesPerView: 3,
1289            spaceBetween: vwToPixels(2.7),
1290          },
1291        },
1292        navigation: {
1293          nextEl: slider.querySelector(".swiper-next"),
1294          prevEl: slider.querySelector(".swiper-prev"),
1295          disabledClass: "is-disabled"
1296        },
1297        on: {
1298          init: function() {
1299            console.log('swiper initialized');
1300          },
1301          touchStart: function() {
1302            document.querySelector('.circle__item').classList.add('scaled');
1303          },
1304          touchEnd: function() {
1305            document.querySelector('.circle__item').classList.remove('scaled');
1306          },
1307          // Adding support for mouse events as well
1308          sliderFirstMove: function() {
1309            document.querySelector('.circle__item').classList.add('scaled');
1310          },
1311          touchEnd: function() {
1312            document.querySelector('.circle__item').classList.remove('scaled');
1313          }
1314        }
1315      });
1316    });
1317  }
1318
1319  function updateTagCounts(container) {
1320    const resourcesListItem = container.querySelectorAll('.resources__list-item');
1321    if(!resourcesListItem.length) return;
1322
1323    resourcesListItem.forEach(post => {
1324      const tags = post.querySelectorAll('.blog-tag');
1325      const tagCount = post.querySelector('.tag-count');
1326      const adjustedCount = Math.max(0, tags.length - 1);
1327      if (tagCount) {
1328        tagCount.textContent = adjustedCount;
1329      }
1330    });
1331  }
1332
1333
1334  function speedOneTwo(container) {
1335    // Check if the device's width is greater than 1024px for desktops
1336    if (window.innerWidth > 1024) {
1337      // Animation for elements with data-trigger="speed-one"
1338      document.querySelectorAll('[data-trigger="speed-one"]').forEach(element => {
1339        gsap.fromTo(element, { y: "2em" }, {
1340          y: "-2em",
1341          ease: "power1.inOut",
1342          scrollTrigger: {
1343            trigger: element,
1344            start: "top bottom",
1345            end: "bottom top",
1346            scrub: 1,
1347          },
1348        });
1349      });
1350
1351      // Animation for elements with data-trigger="speed-two"
1352      document.querySelectorAll('[data-trigger="speed-two"]').forEach(element => {
1353        gsap.fromTo(element, { y: "4em" }, {
1354          y: "-4em",
1355          ease: "power1.inOut",
1356          scrollTrigger: {
1357            trigger: element,
1358            start: "top bottom",
1359            end: "bottom top",
1360            scrub: 1,
1361          },
1362        });
1363      });
1364    }
1365  }
1366
1367  function progressCounterBlog(container) {
1368    const counter = container.querySelector(".blog-progress-counter");
1369    const isHidden = gsap.getProperty(container.querySelector("[data-target='article-content'] .content-outter.hide-on-tablet"), "display") === "none";
1370
1371    if(!counter) return;
1372    if(isHidden) return;
1373
1374    const richText = container.querySelector(".legal__rich");
1375
1376    ScrollTrigger.create({
1377      trigger: richText,
1378      start: 'top top',
1379      end: 'bottom bottom',
1380      scrub: 1.5,
1381      onUpdate: (self) => counter.textContent = (self.progress * 100).toFixed(0).padStart(2, '0'),
1382    });
1383  }
1384
1385  function toc(container) {
1386    const h2 = container.querySelectorAll("[data-target='article-content'] h2");
1387    const isHidden = gsap.getProperty(container.querySelector("[data-target='article-content'] .content-outter.hide-on-tablet"), "display") === "none";
1388
1389    if(!h2.length) return;
1390    if(isHidden) return;
1391
1392    const observer = new IntersectionObserver(entries => {
1393      entries.forEach(entry => {
1394        const id = entry.target.getAttribute("id");
1395        if (entry.isIntersecting) {
1396          document.querySelectorAll(".active").forEach((z) => {
1397            z.classList.remove("active")
1398          });
1399          document.querySelector(`a[href="#${id}"]`).classList.add("active");
1400        }
1401      });
1402    }, { rootMargin: '0px 0px -75% 0px' });
1403
1404    h2.forEach(function(heading, i) { // runs a function for all h2 elements inside your rich text element    
1405      let str = heading.innerHTML; // adds section titles to slugs
1406      const item = document.createElement("a"); // creates an anchor element called "item" for each h2
1407      const containerTOC = container.querySelector("#toc");
1408
1409      str = str.replace(/\s+/g, '-').replace(/[°&\/\\#,+()$~%.'":;*?<>{}]/g, "").toLowerCase(); // replaces spaces with hyphens, removes special characters and extra spaces from the headings, and applies lowercase in slugs
1410      heading.setAttribute("id", str); // gives each heading a unique id
1411      observer.observe(heading);
1412      item.innerHTML = heading.innerHTML // gives each item the text of the corresponding heading
1413      item.setAttribute("class", "tocitem"); // gives each item the correct class
1414      item.setAttribute("href", "#" + str); // gives each item the correct anchor link
1415      containerTOC.appendChild(item); // places each item inside the Table of Contents div
1416    });
1417  }
1418
1419  function returnTopBlog(container) {
1420    const returnTop = container.querySelector(".return-to-top");
1421    if(!returnTop) return;
1422
1423    const richText = container.querySelector(".legal__rich");
1424
1425    ScrollTrigger.create({
1426      trigger: richText,
1427      start: "top top", 
1428      end: "bottom bottom",
1429      //markers: true,
1430      onEnter: () => {
1431        // Show
1432        gsap.set(returnTop, { display: "flex" });
1433        gsap.to(returnTop, {
1434          y: 0,
1435          rotation: 0,
1436          opacity: 1,
1437          duration: 0.2
1438        });
1439      },
1440      onEnterBack: () => {
1441        // Show
1442        gsap.set(returnTop, { display: "flex" });
1443        gsap.to(returnTop, {
1444          y: 0,
1445          rotation: 0,
1446          opacity: 1,
1447          duration: 0.2
1448        });
1449      },
1450      onLeave: () => {
1451        // Hide
1452        gsap.to(returnTop, {
1453          y: 12,
1454          rotation: 0,
1455          opacity: 0,
1456          duration: 0.2,
1457          onComplete: () => {
1458            gsap.set(returnTop, { display: "none" });
1459          }
1460        });
1461      },
1462      onLeaveBack: () => {
1463        // Hide
1464        gsap.to(returnTop, {
1465          y: 12,
1466          rotation: 0,
1467          opacity: 0,
1468          duration: 0.2,
1469          onComplete: () => {
1470            gsap.set(returnTop, { display: "none" });
1471          }
1472        });
1473      }
1474    });
1475  }
1476
1477  function copyMail(container) {
1478    const copyButton = container.querySelector("[data-target='copy-mail']");
1479    if(!copyButton) return;
1480
1481    copyButton.addEventListener("click", function () {
1482      const email = container.querySelector(".email-to-copy").innerText;
1483      navigator.clipboard.writeText(email)
1484        .then(() => {
1485
1486        gsap.to('.copy__icon', { y: '-200%', duration: 0.5, rotate:50, ease: CustomEase.create("copy", "M0,0 C0.454,0.086 -0.082,1 1,1") });
1487        gsap.to('.copy__icon-ap', { y: '0%', duration: 0.5, rotate:0, ease: CustomEase.create("copy", "M0,0 C0.454,0.086 -0.082,1 1,1") });
1488        gsap.to('.copy__button', { backgroundColor: "var(--color--accent)", duration: 0.3});
1489
1490        setTimeout(function() {
1491          gsap.to('.copy__icon', { y: '0%', duration: 0.5, rotate:0,ease: CustomEase.create("copy", "M0,0 C0.454,0.086 -0.082,1 1,1") });
1492          gsap.to('.copy__icon-ap', { y: '200%', duration: 0.5, rotate:-50, ease: CustomEase.create("copy", "M0,0 C0.454,0.086 -0.082,1 1,1") });
1493          gsap.to('.copy__button', { backgroundColor: "rgba(154, 184, 203, 0.1)", duration: 0.2});
1494                  
1495        }, 1400);
1496
1497      })
1498        .catch((err) => {
1499        console.error("Error in copying text: ", err);
1500      });
1501    });
1502  }
1503
1504function movingCircle(container) {
1505  const thumbnails = container.querySelectorAll(".blog__thumbnail, .vendor__home-inner, .awards__image-wrap");
1506  if (!thumbnails.length) return;
1507
1508  thumbnails.forEach(thumbnail => {
1509    const circle = thumbnail.querySelector('.moving-circle');
1510    const leftTo = gsap.quickTo(circle, "left", { duration: 0.5, ease: "power3" });
1511    const topTo = gsap.quickTo(circle, "top", { duration: 0.5, ease: "power3" });
1512
1513    thumbnail.addEventListener('mousemove', function(e) {
1514      if (window.innerWidth <= 991) return;
1515
1516      let rect = thumbnail.getBoundingClientRect();
1517      let x = e.clientX - rect.left;
1518      let y = e.clientY - rect.top;
1519      let leftArea = rect.width * 0.15;
1520      let rightArea = rect.width * 0.85;
1521      let progress;
1522
1523      if (x <= leftArea) {
1524        progress = x / leftArea; // From 0 to 1
1525      } else if (x > leftArea && x <= rightArea) {
1526        progress = 1; // Middle section, progress is 1
1527      } else {
1528        progress = (rect.width - x) / (rect.width - rightArea); // From 1 to 0
1529      }
1530
1531      leftTo(x);
1532      topTo(y);
1533      gsap.to(circle, { scale: progress, ease: "power3", duration: 0.4 });
1534
1535      rect = null;
1536      x = null;
1537      y = null;
1538      leftArea = null;
1539      rightArea = null;
1540      progress = null;
1541    });
1542
1543    thumbnail.addEventListener("mouseenter", function() {
1544      if (window.innerWidth <= 991) return;
1545      gsap.to(circle, { autoAlpha: 1, duration: 0.4, ease: "power3" });
1546    });
1547
1548    thumbnail.addEventListener("mouseleave", function() {
1549      if (window.innerWidth <= 991) return;
1550      gsap.to(circle, { autoAlpha: 0, duration: 0.3, ease: "power3" });
1551      gsap.to(circle, { top: "50%", left: "50%", duration: 0.4, delay: 0.3, ease: "power3" });
1552    });
1553  });
1554}
1555
1556
1557  function refreshCMSFilter() {
1558    let script = document.createElement("script");
1559    let cmsScripts = document.querySelectorAll("script[src='https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js']:not(.generated-script)");
1560    cmsScripts.forEach(s => s.remove());
1561
1562    script.classList.add("generated-script");
1563    script.src = "https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js";
1564    script.async = true;
1565    document.head.appendChild(script);
1566
1567    cmsScripts = null;
1568    script = null;
1569  }
1570
1571</script>
1571</div><div class="barba-script w-embed w-script">
1571<script>
1572  function pageTransition() {
1573    // let needCMSRefresh = false; // <- For CMS Filter
1574    
1575    barba.use(barbaPrefetch);
1576
1577    barba.hooks.enter(function (data) {
1578      // Global Enter Scripts (see BarbaJS Lifecycle & Hooks)
1579      setupNavAnimations(data.next.container);
1580      mobNav(data.next.container);
1581      secondNav(data.next.container);
1582      window.SScroll.start();
1583    });
1584
1585    barba.hooks.leave(function (data) {
1586      // Global Leave Scripts (see BarbaJS Lifecycle & Hooks)
1587      window.SScroll.stop();
1588    });
1589
1590    barba.init({
1591      transitions: [
1592        {
1593          name: 'global',
1594          namespace: "global",
1595          leave: function (data) {
1596            return leaveAnimation(data.current.container);
1597          },
1598          enter: function (data) {
1599            enterAnimation(data.next.container);
1600          },
1601          beforeEnter: function (data) {
1602            globalScripts(data.next.container);
1603            ScrollTrigger.refresh(true);
1604            refreshScriptWebflow(data.next.html);
1605            //refreshCMSFilter();
1606            window.scrollTo(0, 0);
1607          },
1608          afterLeave: function () {
1609            ScrollTrigger.killAll();
1610          }
1611        },
1612        {
1613          name: 'global-to-other',
1614          from: { namespace: ["global"] },
1615          to: { namespace: ["resources", "training"] },
1616          leave: function (data) {
1617            return leaveAnimation(data.current.container);
1618          },
1619          enter: function (data) {
1620            enterAnimation(data.next.container);
1621          },
1622          beforeEnter: function (data) {
1623            globalScripts(data.next.container);
1624            ScrollTrigger.refresh(true);
1625            refreshScriptWebflow(data.next.html);
1626            refreshCMSFilter();
1627            window.scrollTo(0, 0);
1628          },
1629          afterLeave: function () {
1630            ScrollTrigger.killAll();
1631          }
1632        },
1633        {
1634          name: 'other-to-global',
1635          from: { namespace: ["resources", "training"] },
1636          to: { namespace: ["global"] },
1637          leave: function (data) {
1638            return leaveAnimation(data.current.container);
1639          },
1640          enter: function (data) {
1641            enterAnimation(data.next.container);
1642          },
1643          beforeEnter: function (data) {
1644            globalScripts(data.next.container);
1645            ScrollTrigger.refresh(true);
1646            refreshScriptWebflow(data.next.html);
1647            //refreshCMSFilter();
1648            window.scrollTo(0, 0);
1649          },
1650          afterLeave: function () {
1651            ScrollTrigger.killAll();
1652          }
1653        },
1654        {
1655          name: 'resources',
1656          from: { namespace: ["resources"] },
1657          to: { namespace: ["resources"] },
1658          leave: function (data) {
1659            return leaveAnimationCategory(data.current.container);
1660          },
1661          enter: function (data) {
1662            enterAnimationCategory(data.next.container);
1663          },
1664          afterLeave: function () {
1665            ScrollTrigger.killAll();
1666          },
1667          beforeLeave: function (data) {
1668            refreshScriptWebflow(data.current.html);
1669            refreshCMSFilter();
1670          },
1671          beforeEnter: function (data) {
1672            imageParalaxSmall(data.next.container);
1673            movingCircle(data.next.container);
1674            updateTagCounts(data.next.container);
1675            ScrollTrigger.refresh(true);
1676            refreshScriptWebflow(data.next.html);
1677            refreshCMSFilter();
1678          }
1679        },
1680        {
1681          name: 'training',
1682          from: { namespace: ["training"] },
1683          to: { namespace: ["training"] },
1684          leave: function (data) {
1685            return leaveAnimationCategory(data.current.container);
1686          },
1687          enter: function (data) {
1688            enterAnimationCategory(data.next.container);
1689          },
1690          afterLeave: function () {
1691            ScrollTrigger.killAll();
1692          },
1693          beforeLeave: function (data) {
1694            refreshScriptWebflow(data.current.html);
1695            refreshCMSFilter();
1696          },
1697          beforeEnter: function (data) {
1698            imageParalaxHero(data.next.container);
1699            imageParalaxSmall(data.next.container);
1700            movingCircle(data.next.container);
1701            ScrollTrigger.refresh(true);
1702            refreshScriptWebflow(data.next.html);
1703            refreshCMSFilter();
1704          }
1705        },
1706        {
1707          name: 'resources-to-training',
1708          from: { namespace: ["resources"] },
1709          to: { namespace: ["training"] },
1710          leave: function (data) {
1711            return leaveAnimation(data.current.container);
1712          },
1713          enter: function (data) {
1714            enterAnimation(data.next.container);
1715          },
1716          beforeEnter: function (data) {
1717            globalScripts(data.next.container);
1718            ScrollTrigger.refresh(true);
1719            refreshScriptWebflow(data.next.html);
1720            refreshCMSFilter();
1721          },
1722          afterLeave: function () {
1723            ScrollTrigger.killAll();
1724          }
1725        },
1726        {
1727          name: 'training-to-resources',
1728          from: { namespace: ["training"] },
1729          to: { namespace: ["resources"] },
1730          leave: function (data) {
1731            return leaveAnimation(data.current.container);
1732          },
1733          enter: function (data) {
1734            enterAnimation(data.next.container);
1735          },
1736          beforeEnter: function (data) {
1737            globalScripts(data.next.container);
1738            ScrollTrigger.refresh(true);
1739            refreshScriptWebflow(data.next.html);
1740            refreshCMSFilter();
1741          },
1742          afterLeave: function () {
1743            ScrollTrigger.killAll();
1744          }
1745        },
1746      ],
1747    });
1748
1749    function leaveAnimationCategory(container) {
1750      // return to the last gsap
1751      return gsap.to(container.querySelector("[data-target='transition-container']"), {
1752        autoAlpha: 0,
1753        duration: 0.4,
1754        ease: "power2.in",
1755        onStart: () => {
1756          gsap.set(container.querySelector(".grid__wrapper"), {
1757            opacity: 0,
1758          });
1759        }
1760      });
1761    }
1762
1763    function enterAnimationCategory(container) {
1764      gsap.set(container.querySelector("[data-target='transition-container']"), {
1765        autoAlpha: 0,
1766      });
1767      gsap.set(container.querySelector(".grid__wrapper"), {
1768        opacity: 0,
1769      });
1770
1771      gsap.to(container.querySelector("[data-target='transition-container']"), {
1772        autoAlpha: 1,
1773        duration: 0.5,
1774        delay: 0.1,
1775        ease: "power3.out",
1776        onComplete: () => {
1777          gsap.set(container.querySelector(".grid__wrapper"), {
1778            opacity: 0.1,
1779            duration: 0.5,
1780            ease: "power3.out",
1781          });
1782        },
1783      });
1784    }
1785
1786    function leaveAnimation(container) {
1787      return gsap.to(container, {
1788        y: 0,
1789        opacity: 0,
1790        duration: 0.4,
1791        ease: "power2.in",
1792      });
1793    }
1794
1795    function enterAnimation(container) {
1796      gsap.set(container, {
1797        position: 'fixed',
1798        top: 0,
1799        left: 0,
1800        y: 0,
1801        autoAlpha: 0,
1802      });
1803
1804      gsap.to(container, {
1805        y: 0,
1806        autoAlpha: 1,
1807        duration: 0.5,
1808        delay: 0.2,
1809        ease: "power3.out",
1810        onComplete: () => {
1811          gsap.set(container, { clearProps: "all" });
1812        }
1813      });
1814    }
1815
1816    function containsWord(str, word) {
1817      return str.includes(word);
1818    }
1819
1820    function parseHTML(doc) {
1821      return new DOMParser().parseFromString(doc, "text/html");
1822    }
1823
1824    function refreshScriptWebflow(html) {
1825      const pageID = parseHTML(html).documentElement.getAttribute("data-wf-page");
1826      const page = document.querySelector("html");
1827
1828      page.setAttribute("data-wf-page", pageID);
1829
1830      Webflow && Webflow.destroy();
1831      Webflow && Webflow.ready();
1832      // Webflow && Webflow.require('commerce').init({ siteId: pageID }) // <- Comment out this line if website has e-commerce
1833      Webflow && Webflow.require("ix2").init(); // <- Change ix2 if Webflow updates animation engine
1834      document.dispatchEvent(new Event("readystatechange"));
1835    }
1836
1837    // Destroy Page Transition if Webflow variable is null or Webflow Animation Version has changed 
1838    document.addEventListener("DOMContentLoaded", function () {
1839      if (!Webflow || !Webflow.require("ix2")) barba.destroy(); // <- Change ix2 if Webflow updates animation engine
1840    });
1841  }
1842</script>
1842</div><div class="navigation-script w-embed w-script">
1842<script>
1843  function setupNavAnimations(container) {
1844    const isHidden = gsap.getProperty(container.querySelector(".nav__outter"), "display") === "none";
1845    if(isHidden) return;
1846        
1847    CustomEase.create("customEase", "M0,0 C0.454,0.086 -0.082,1 1,1");
1848
1849    const navOpeners = container.querySelectorAll('.nav__opener');
1850
1851    navOpeners.forEach(opener => {
1852      const navItems = opener.previousElementSibling; // Correctly get the .nav-items that is before .nav__opener
1853      const openerInner = opener.querySelector(".nav__opener__inner");
1854      const lineTop = openerInner.querySelector(".nav__line-top");
1855      const lineBottom = openerInner.querySelector(".nav__line-bottom");
1856
1857      let animationRunning = false;
1858
1859      gsap.set(navItems, { width: 0, overflow: 'hidden' });
1860      gsap.set(navItems.children, { y: '130%' });
1861
1862      opener.addEventListener('click', function() {
1863        if (animationRunning) return;
1864        animationRunning = true;
1865
1866        container.querySelectorAll('.dropdown_items-outter .dropdown-items').forEach(dropdown => {
1867          const innerItem = dropdown.closest('.nav__button-wrapper').querySelector('.dropdown__items-inner');
1868          const arrowDiv = dropdown.closest('.nav__button-wrapper').querySelector('.dropdown__arrow-div');
1869          const cutImages = dropdown.closest('.nav__button-wrapper').querySelectorAll('.nav__cut-image');
1870          const dropText = dropdown.closest('.nav__button-wrapper').querySelector('.nav-text'); // Add this line
1871          gsap.to(dropdown, {height: 0, duration: 0.5, ease: "customEase"});
1872          gsap.to(innerItem, {y: '1em', duration: 0.5, ease: "customEase"});
1873          gsap.to(arrowDiv, {rotate: '0deg', duration: 0.5, ease: "customEase"});
1874          gsap.to(cutImages, {scale: 0, duration: 0.5, ease: "customEase"});
1875          gsap.to(dropText, {opacity: 1, duration: 0.5, ease: "customEase"}); // Add this line
1876        });
1877
1878        if (navItems.style.width === '0px') {
1879          gsap.fromTo(navItems, { width: 0 }, {
1880            width: 'auto', duration: 0.6, ease: "customEase", onComplete: () => {
1881              navItems.style.overflow = 'visible';
1882              animationRunning = false;
1883            }
1884          });
1885          gsap.to(navItems.children, { y: '0%', duration: 0.6, stagger: { amount: 0.24, from: "end" }, ease: "customEase" });
1886          gsap.to(lineTop, { y: "0em", rotation: 45, duration: 0.6, ease: "customEase" });
1887          gsap.to(lineBottom, { y: "0em", rotation: -45, duration: 0.6, ease: "customEase" });
1888          gsap.to(openerInner, { rotation: -90, duration: 0.6, ease: "customEase" });
1889        } else {
1890          gsap.to(navItems.children, { y: '130%', duration: 0.4, stagger: { amount: 0.08, from: "start" }, ease: "customEase" });
1891          navItems.style.overflow = 'hidden';
1892          gsap.to(navItems, { width: 0, duration: 0.6, ease: "customEase", onComplete: () => animationRunning = false });
1893          gsap.to(lineTop, { y: "-0.15em", rotation: 0, duration: 0.6, ease: "customEase" });
1894          gsap.to(lineBottom, { y: "0.15em", rotation: 0, duration: 0.6, ease: "customEase" });
1895          gsap.to(openerInner, { rotation: 0, duration: 0.6, ease: "customEase" });
1896        }
1897      });
1898    });
1899
1900    // Add event listener to all <a> elements on the page
1901    container.querySelectorAll('a').forEach(link => {
1902      link.addEventListener('click', function() {
1903        navOpeners.forEach(opener => {
1904          const navItems = opener.previousElementSibling; // Correctly get the .nav-items that is before .nav__opener
1905          const openerInner = opener.querySelector(".nav__opener__inner");
1906          const lineTop = openerInner.querySelector(".nav__line-top");
1907          const lineBottom = openerInner.querySelector(".nav__line-bottom");
1908
1909          if (navItems.style.width !== '0px') {
1910            gsap.to(navItems.children, { y: '130%', duration: 0.4, stagger: { amount: 0.08, from: "start" }, ease: "customEase" });
1911            navItems.style.overflow = 'hidden';
1912            gsap.to(navItems, { width: 0, duration: 0.6, ease: "customEase", onComplete: () => animationRunning = false });
1913            gsap.to(lineTop, { y: "-0.15em", rotation: 0, duration: 0.6, ease: "customEase" });
1914            gsap.to(lineBottom, { y: "0.15em", rotation: 0, duration: 0.6, ease: "customEase" });
1915            gsap.to(openerInner, { rotation: 0, duration: 0.6, ease: "customEase" });
1916          }
1917        });
1918      });
1919    });
1920
1921    container.querySelectorAll('.nav__button-wrapper').forEach(wrapper => {
1922      const dropdown = wrapper.querySelector('.dropdown_items-outter .dropdown-items');
1923      const innerItem = wrapper.querySelector('.dropdown__items-inner');
1924      const arrowDiv = wrapper.querySelector('.dropdown__arrow-div');
1925      const cutImages = wrapper.querySelectorAll('.nav__cut-image');
1926      const dropText = wrapper.querySelector('.nav-text');  // This is defined here
1927
1928      gsap.set(dropdown, { height: 0 });
1929      gsap.set(innerItem, { y: '1em' });
1930      gsap.set(arrowDiv, { rotate: '0deg' });
1931      gsap.set(cutImages, { scale: 0 });
1932      gsap.set(dropText, { opacity: 1 });
1933
1934      function toggleDropdown() {
1935        container.querySelectorAll('.dropdown_items-outter .dropdown-items').forEach(otherDropdown => {
1936          if (otherDropdown !== dropdown) {
1937            const otherInnerItem = otherDropdown.closest('.nav__button-wrapper').querySelector('.dropdown__items-inner');
1938            const otherArrowDiv = otherDropdown.closest('.nav__button-wrapper').querySelector('.dropdown__arrow-div');
1939            const otherCutImages = otherDropdown.closest('.nav__button-wrapper').querySelectorAll('.nav__cut-image');
1940            const otherDropText = otherDropdown.closest('.nav__button-wrapper').querySelector('.nav-text'); // Get the text for each dropdown
1941            gsap.to(otherDropdown, {height: 0, duration: 0.5, ease: "customEase"});
1942            gsap.to(otherInnerItem, {y: '1em', duration: 0.5, ease: "customEase"});
1943            gsap.to(otherArrowDiv, {rotate: '0deg', duration: 0.5, ease: "customEase"});
1944            gsap.to(otherCutImages, {scale: 0, duration: 0.5, ease: "customEase"});
1945            gsap.to(otherDropText, {opacity: 1, duration: 0.5, ease: "customEase"}); // Reset the opacity
1946          }
1947        });
1948
1949        // The actual dropdown interactions
1950        if (gsap.getProperty(dropdown, "height") === 0) {
1951          gsap.to(dropdown, {height: 'auto', duration: 0.5, ease: "customEase"});
1952          gsap.to(innerItem, {y: '0em', duration: 0.5, ease: "customEase"});
1953          gsap.to(arrowDiv, {rotate: '180deg', duration: 0.5, ease: "customEase"});
1954          gsap.to(cutImages, {scale: 1, duration: 0.5, ease: "customEase"});
1955          gsap.to(dropText, {opacity: 0.4, duration: 0.5, ease: "customEase"});
1956        } else {
1957          gsap.to(dropdown, {height: 0, duration: 0.5, ease: "customEase"});
1958          gsap.to(innerItem, {y: '1em', duration: 0.5, ease: "customEase"});
1959          gsap.to(arrowDiv, {rotate: '0deg', duration: 0.5, ease: "customEase"});
1960          gsap.to(cutImages, {scale: 0, duration: 0.5, ease: "customEase"});
1961          gsap.to(dropText, {opacity: 1, duration: 0.5, ease: "customEase"}); // Ensure it returns to full opacity
1962        }
1963      }
1964
1965      wrapper.addEventListener('click', function(event) {
1966        //event.stopPropagation();
1967        toggleDropdown();
1968      });
1969    });
1970  }
1971
1972  function mobNav(container) {
1973  	const isHidden = gsap.getProperty(container.querySelector(".mob_nav.navigation"), "display") === "none";
1974 		if(isHidden) return;
1975        
1976    CustomEase.create("customEase", "M0,0 C0.454,0.086 -0.082,1 1,1");
1977    
1978    // Select the elements
1979    const navTrigger = container.querySelector('.mobile__nav-trigger');
1980    const navWrapper = container.querySelector('.mobile__nav-wrapper');
1981    const navLinksOutter = container.querySelector('.mobnav__links-outter');
1982    const navLineBottom = container.querySelector('.mobnav__line-top');
1983    const navLineTop = container.querySelector('.mobnav__line-bottom');
1984    const mobnavSingles = container.querySelectorAll('.mobnav__single');
1985    
1986    // Set initial states
1987    gsap.set(navWrapper, { xPercent: 110, display: 'none' });
1988    gsap.set(navLinksOutter, { x: -250 });
1989    gsap.set(navLineBottom, { y: '0.15em', backgroundColor: 'var(--color--text-secondary)', rotation: 0 });
1990    gsap.set(navLineTop, { y: '-0.15em', backgroundColor: 'var(--color--text-secondary)', rotation: 0 });
1991
1992    // Toggle state
1993    let isOpen = false;
1994    let isAnimating = false;
1995    let openItem = null;
1996
1997    navTrigger.addEventListener('click', () => {      
1998      if (isAnimating) return; // Prevent click if animation is in progress
1999
2000      isAnimating = true;
2001
2002      if (!isOpen) {
2003        // Open animation
2004        navWrapper.style.display = 'flex';
2005        gsap.to(navWrapper, {
2006          duration: 0.5,
2007          xPercent: 0,
2008          ease: "customEase",
2009          onComplete: () => {
2010            isAnimating = false;
2011          }
2012        });
2013        gsap.to(navLinksOutter, {
2014          duration: 0.5,
2015          x: 0,
2016          ease: "customEase"
2017        });
2018        gsap.timeline()
2019          .to(navLineBottom, { duration: 0.15, y: '0em', backgroundColor: 'var(--color--index)' })
2020          .to(navLineBottom, { duration: 0.5, rotation: -135, ease: "customEase" });
2021        gsap.timeline()
2022          .to(navLineTop, { duration: 0.15, y: '0em', backgroundColor: 'var(--color--index)' })
2023          .to(navLineTop, { duration: 0.5, rotation: -45, ease: "customEase" });
2024      } else {
2025        // Close animation
2026        gsap.to(navWrapper, {
2027          duration: 0.5,
2028          xPercent: 110,
2029          ease: "customEase",
2030          onComplete: () => {
2031            navWrapper.style.display = 'none';
2032            isAnimating = false;
2033          }
2034        });
2035        gsap.to(navLinksOutter, {
2036          duration: 0.5,
2037          x: -250,
2038          ease: "customEase"
2039        });
2040        gsap.timeline()
2041          .to(navLineBottom, { duration: 0.4, rotation: 0, ease: "customEase" })
2042          .to(navLineBottom, { duration: 0.12, y: '0.15em', backgroundColor: 'var(--color--text-secondary)' });
2043        gsap.timeline()
2044          .to(navLineTop, { duration: 0.4, rotation: 0, ease: "customEase" })
2045          .to(navLineTop, { duration: 0.12, y: '-0.15em', backgroundColor: 'var(--color--text-secondary)' });
2046
2047        if (openItem) {
2048          // Close any open mobnav__single item
2049          const openHeading = openItem.querySelector('.mobnav__headings');
2050          const openSmalls = openItem.querySelector('.mobnav__smalls');
2051          const openChevron = openItem.querySelector('.chevron__wrapper');
2052          const openMover = openItem.querySelector('.small__mover');
2053
2054          gsap.to(openHeading, { duration: 0.3, opacity: 1 });
2055          gsap.to(openChevron, { duration: 0.5, rotation: 0, ease: "customEase" });
2056          gsap.to(openSmalls, { duration: 0.3, height: 0, ease: "customEase" });
2057          gsap.to(openMover, { duration: 0.3, y: '1em', ease: "customEase" });
2058          openItem = null;
2059        }
2060      }
2061      isOpen = !isOpen;
2062    });
2063
2064    mobnavSingles.forEach(item => {
2065      item.addEventListener('click', () => {
2066        const heading = item.querySelector('.mobnav__headings');
2067        const smalls = item.querySelector('.mobnav__smalls');
2068        const chevron = item.querySelector('.chevron__wrapper');
2069        const mover = item.querySelector('.small__mover');
2070
2071        if (openItem && openItem !== item) {
2072          // Close the previously open item
2073          const openHeading = openItem.querySelector('.mobnav__headings');
2074          const openSmalls = openItem.querySelector('.mobnav__smalls');
2075          const openChevron = openItem.querySelector('.chevron__wrapper');
2076          const openMover = openItem.querySelector('.small__mover');
2077
2078          gsap.to(openHeading, { duration: 0.45, opacity: 1 });
2079          gsap.to(openChevron, { duration: 0.45, rotation: 0, ease: "customEase" });
2080          gsap.to(openSmalls, { duration: 0.45, height: 0, ease: "customEase" });
2081          gsap.to(openMover, { duration: 0.6, y: '1em', ease: "customEase" });
2082          openItem = null;
2083        }
2084
2085        if (openItem === item) {
2086          // Close this item
2087          gsap.to(heading, { duration: 0.45, opacity: 1 });
2088          gsap.to(chevron, { duration: 0.45, rotation: 0, ease: "customEase" });
2089          gsap.to(smalls, { duration: 0.45, height: 0, ease: "customEase" });
2090          gsap.to(mover, { duration: 0.6, y: '1em', ease: "customEase" });
2091          openItem = null;
2092        } else {
2093          // Open this item
2094          gsap.to(heading, { duration: 0.45, opacity: 0.15 });
2095          gsap.to(chevron, { duration: 0.45, rotation: 90, ease: "customEase" });
2096          gsap.to(smalls, { duration: 0.45, height: 'auto', ease: "customEase" });
2097          gsap.to(mover, { duration: 0.6, y: '-0.2em', ease: "customEase" });
2098          openItem = item;
2099        }
2100      });
2101    });
2102  }
2103  
2104  function secondNav(container) {
2105    let lastScrollTop = 0;
2106    const $navigation = $('.navigation.is-floating');
2107    const $navSecondary = $('.navigation__secondary');
2108
2109    // Function to calculate 100vh in pixels
2110    let vh100 = $(window).height();
2111
2112    // Function to handle the scroll animation for navSecondary
2113    function handleScrollSecondary() {
2114      const scrollY = $(window).scrollTop();
2115      if (scrollY > vh100) {
2116        $navSecondary.css({
2117          'transform': 'translateY(0%)',
2118          'transition': 'transform 0.5s ease-out' // Add transition for smooth animation
2119        });
2120      } else {
2121        $navSecondary.css({
2122          'transform': 'translateY(-300%)',
2123          'transition': 'transform 0.5s ease-out' // Add transition for smooth animation
2124        });
2125      }
2126    }
2127
2128    // Listen for resize to update vh100 accurately on window resize
2129    $(window).resize(function() {
2130      vh100 = $(window).height();
2131    });
2132
2133    // Event listener for scroll
2134    $(window).scroll(function() {
2135      let scrollTop = $(this).scrollTop();
2136
2137      if (scrollTop > lastScrollTop) {
2138        // Scrolling down
2139        $navigation.css('transform', 'translateY(-300%)');
2140      } else {
2141        // Scrolling up
2142        $navigation.css('transform', 'translateY(0%)');
2143      }
2144
2145      lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; // For Mobile or negative scrolling
2146
2147      // Call the secondary navigation scroll handler
2148      handleScrollSecondary();
2149    });
2150  }
2151
2152</script>
2152</div></div>
2152<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65e9a532503a72160aa88347" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
2152<script src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/js/webflow.schunk.57d5559d2f0cd9f8.js" type="text/javascript"></script>
2152<script src="https://cdn.prod.website-files.com/65e9a532503a72160aa88347/js/webflow.a3ad91cb.5109d307d3e58f84.js" type="text/javascript"></script>
2152<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
vendor: 1 bytes, line 2152
2152
2153<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 2153
2153
2154<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/CustomEase.min.js"></script>
vendor: 1 bytes, line 2154
2154
2155<script async src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="informational"></script>
vendor: 1 bytes, line 2155
2155
2156<script src="https://cdn.jsdelivr.net/npm/@barba/[email protected]/dist/barba-prefetch.umd.min.js"></script>
vendor: 1 bytes, line 2156
2156
2157<script src="https://cdn.jsdelivr.net/npm/@barba/core"></script>
vendor: 1 bytes, line 2157
2157
2158<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 2158
2158
2159<script src="https://unpkg.com/split-type"></script>
2159
2160
2161<script>
2162  gsap.registerPlugin(ScrollTrigger, CustomEase);
2163  
2164	pageTransition();
2165  globalScripts(document);
2166  refreshCMSFilter();
2167  setupNavAnimations(document);
2168  mobNav(document);
2169  secondNav(document);
2170  
2171</script>
2171
2172
2173<script
2174        data-id-scroll
2175        data-autoinit="true"
2176        data-duration="1"
2177        data-orientation="vertical"
2178        data-smoothWheel="true"
2179        data-smoothTouch="false"
2180        data-touchMultiplier="1.5"
2181        data-easing="(t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t))"
2182        data-useOverscroll="true"
2183        data-useControls="true"
2184        data-useAnchor="true"
2185        data-useRaf="true"
2186        data-infinite="false"
2187        defer
2188        src="https://cdn.prod.website-files.com/645e0e1ff7fdb6dc8c85f3a2/648b1b0b9d6638f9da912dc2_lenis-offbrand-v2.txt"
2189        ></script>
2189
2190        
2191<script>
2192//consent
2193  window.addEventListener('load', function() {
2194    gsap.to('.cookie__wrapper', {
2195      opacity: 1,
2196      duration: 0.2, // Duration in seconds
2197      delay: 0.1, // Delay in seconds
2198      ease: 'power1.out' // Adjust the easing function as needed
2199    });
2200  });
2201</script>
vendor: 1 bytes, line 2201
2201
2202<script>
2203
2204if (navigator.userAgent.indexOf("Win") !== -1) {
2205    document.body.classList.add('windows');
2206}
2207</script>
2207<!-- 
2207<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script>
2207 -->
2207<script src="https://hubspotonwebflow.com/assets/js/form-124.js" type="text/javascript" integrity="sha384-bjyNIOqAKScdeQ3THsDZLGagNN56B4X2Auu9YZIGu+tA/PlggMk4jbWruG/P6zYj" crossorigin="anonymous"></script>
2207</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.