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.