/* Title container */
/* Large devices (desktops, 992px and up) */
.title-container {
    width: 100%;
    left: 0;
    pointer-events: none;
}
@media (min-width: 992px) {
    .title-container {
        top: -1.5rem;
    }
}

/* Path Viewbox */
.path-viewbox {
    position: absolute;
    width: 100%;
    z-index: 88;
    left: 0;
    top: 0;
    overflow: hidden;
}
.path-viewbox svg {
    position: absolute;
    top: 0;
}

/* Path tester */
.path-tester {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}
.path-tester .text {
    margin: 0.5rem;
}
.path-tester .square {
    width: 1rem;
    height: 1rem;
}

/* Figures */
img.figure {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;
    /* transform: translate(0, -100%); */
    height: 80px;
    z-index: 89;
    pointer-events: none;
}
.figure-1 {
    transform: translate(-56.57%, -54.81%);
}
.figure-2 {
    transform: translate(-49.62%, -57.19%);
}
.figure-3 {
    transform: translate(-46.43%, -98.37%);
}
.figure-4 {
    transform: translate(-41.07%, -95.22%);
}
.figure-5 {
    transform: translate(-45.8%, -93.71%);
}
@media (min-width: 768px) {
    img.figure {
        height: 120px;
    }
}
@media (min-width: 1200px) {
    img.figure {
        height: 160px;
    }
}
@media (min-width: 1800px) {
    img.figure {
        height: 230px;
    }
}

/* Title circle */
.title-container .title-circle span {
    background-color: black;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

/* Title */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .title-container .title.title-text {
        max-width: 350px;
        margin: auto;
    }
    .title.title-text.path-2 {
        margin-top: -4.4rem;
    }
}