.agent-catalogue {  

    /* --- Header/Index --- */

    /* --- Agents --- */
}
    .agent-catalogue .agent-catalogue__header {
        position: sticky;
        top: 0;
        z-index: 2;
        background: var(--gradient-brand-dark-bg);  
        color: var(--color-white);
        padding-top: 160px;
        padding-bottom: 52px;
        transition: .2s linear;

        /* Mobile */
    }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__header {
            position: relative;
            padding-top: 140px;
            padding-bottom: 24px
    }
        }
    .agent-catalogue .agent-catalogue__header.scrolled {
            transform: translateY(-30%);
            transition: .2s linear;

            /* Mobile */
        }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__header.scrolled {
                transform: translateY(0)
        }
            }
    .agent-catalogue .agent-catalogue__header.scrolled .agent-catalogue__title {
                opacity: 0 !important;
                transition: .2s linear;

                /* Mobile */
            }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__header.scrolled .agent-catalogue__title {
                    opacity: 1 !important
            }
                }
    .agent-catalogue .agent-catalogue__header.scrolled .agent-catalogue__index-item {
                padding: 8px;
            }
    .agent-catalogue .agent-catalogue__header.scrolled img {
                max-width: 40px;
            }
    .agent-catalogue .agent-catalogue__header.scrolled span {
                font-size: var(--font-size-md);
            }
    .agent-catalogue .agent-catalogue__title {
        text-align: center;
        transition: .2s linear;

        /* Mobile */
    }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__title {
            font-size: var(--font-size-3xl)
    }
        }
    .agent-catalogue .agent-catalogue__index {
        margin-top: 24px;

        /* Mobile */
    }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__index {
            display: none
    }
        }
    .agent-catalogue .agent-catalogue__index-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        list-style: none;
        gap: 24px;
    }
    .agent-catalogue .agent-catalogue__index-item {
        position: relative;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: var(--radius-xl);
        padding: 16px;
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .agent-catalogue .agent-catalogue__index-item::before {
            content: '';
            position: absolute;
            inset: 0;
            padding: 1px;
            border-radius: inherit;
            background: var(--gradient-brand);
            background-size: 200% 200%;
            opacity: 0;
            transition: opacity 0.3s ease;
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            -webkit-mask-composite: xor;
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask-composite: exclude;
        }
    .agent-catalogue .agent-catalogue__index-item:hover::before {
                opacity: 1;
                animation: borderGradientShift 2s ease;
            }
    .agent-catalogue .agent-catalogue__index-item img {
            max-width: 60px;
        }
    .agent-catalogue .agent-catalogue__index-item span {
            font-size: var(--font-size-lg);
            color: var(--color-white);
        }
    .agent-catalogue .agent-catalogue__index-link {
        position: absolute;
        inset: 0;
    }
    .agent-catalogue .swiper-navigation {
        display: flex;
        padding: 24px 0;
        gap: 26px;
        justify-content: center;
    }
    .agent-catalogue .swiper-navigation .swiper-button-prev,
        .agent-catalogue .swiper-navigation .swiper-button-next {
            display: none;

            /* Mobile */
        }
    .agent-catalogue .swiper-navigation .swiper-button-prev.swiper-button-disabled, .agent-catalogue .swiper-navigation .swiper-button-next.swiper-button-disabled {
                opacity: .3;
            }
    @media (max-width: 768px) {
    .agent-catalogue .swiper-navigation .swiper-button-prev,
        .agent-catalogue .swiper-navigation .swiper-button-next {
                display: block
        }
            }
    .agent-catalogue .agent-catalogue__agents-list {
        list-style: none;
    }
    .agent-catalogue .agent-catalogue__agents-list.swiper-wrapper {
            display: unset;

            /* Mobile */
        }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__agents-list.swiper-wrapper {
                display: flex
        }
            }
    .agent-catalogue .agent-catalogue__agent {
        padding-top: 64px;

        /* Mobile */
    }
    .agent-catalogue .agent-catalogue__agent:last-child {
            margin-bottom: 64px;
        }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__agent {
            padding-top: 0
    }

            .agent-catalogue .agent-catalogue__agent:last-child {
                margin-bottom: 0;
            }
        }
    .agent-catalogue .agent-catalogue__agent-header {
        display: flex;
        align-items: center;
        gap: 24px;
        margin-bottom: 24px;

        /* Mobile */
    }
    .agent-catalogue .agent-catalogue__agent-header span {
            font-size: var(--font-size-3xl);
        }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__agent-header {
            margin-bottom: 16px
    }

            .agent-catalogue .agent-catalogue__agent-header span {
                font-size: var(--font-size-xl);
            }
        }
    .agent-catalogue .agent-catalogue__agent-box-title {
        font-size: var(--font-size-lg);
        font-weight: var(--font-weight-regular);
        color: var(--color-white);
        background-color: #4A136F;
        border-radius: var(--radius-lg);
        width: max-content;
        padding: 10px 16px;
        margin-bottom: 24px;
    }
    .agent-catalogue .agent-catalogue__agent-boxes {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;

        /* Mobile */
    }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__agent-boxes {
            grid-template-columns: 1fr;
            gap: 16px
    }
        }
    .agent-catalogue .agent-catalogue__top-box,
    .agent-catalogue .agent-catalogue__bottom-box-left,
    .agent-catalogue .agent-catalogue__bottom-box-right {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: var(--radius-xl);
        padding: 60px;

        /* Mobile */
    }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__top-box,
    .agent-catalogue .agent-catalogue__bottom-box-left,
    .agent-catalogue .agent-catalogue__bottom-box-right {
            padding: 24px
    }
        }
    .agent-catalogue .agent-catalogue__top-box {
        grid-column: 1 / 3;

        /* Mobile */
    }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__top-box {
            grid-column: initial
    }
        }
    .agent-catalogue .agent-catalogue__bottom-box-left {
        grid-column: 1 / 2;

        /* Mobile */
    }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__bottom-box-left {
            grid-column: initial
    }
        }
    .agent-catalogue .agent-catalogue__bottom-box-right {
        grid-column: 2 / 3;

        /* Mobile */
    }
    @media (max-width: 768px) {
    .agent-catalogue .agent-catalogue__bottom-box-right {
            grid-column: initial
    }
        }
    .agent-catalogue .agent-catalogue__agent-box-results {
        margin-bottom: 36px;
    }

/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none;
  }
/* For Internet Explorer and Edge */
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
      scroll-snap-type: none;
    }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */