/* [About] Page*/

/* [Block] Hero */

.about-left-cursor,
.about-right-cursor {
    box-shadow: 0 2px 2.5px 0 #00000030;
    position: absolute;
    height: fit-content;
    width: fit-content;
}

.about-left-cursor {
    top: 130%;
    right: 92%;

}

.about-right-cursor {
    top: 110%;
    left: 115%;
}

.about-left-cursor::after,
.about-right-cursor::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 3vw;
    height: 3vw;
    position: absolute;
    bottom: 25%;
    left: 104%;
    min-width: 32px;
    min-height: 32px;
}

.about-left-cursor::after {
    background-image: url('data:image/svg+xml,<svg width="42" height="45" viewBox="0 0 42 45" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_880_2284)"><path d="M30 36L37 4L7.5 20.5L21.5 23.5L30 36Z" fill="%2366E9A9"/><path d="M30 36L37 4L7.5 20.5L21.5 23.5L30 36Z" stroke="white" stroke-width="3"/></g><defs><filter id="filter0_d_880_2284" x="0.795349" y="0.563171" width="40.8826" height="43.6636" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="1.25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.19 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_880_2284"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_880_2284" result="shape"/></filter></defs></svg>');
}

.about-right-cursor::after {
    left: unset;
    right: 104%;
    background-image: url('data:image/svg+xml,<svg width="42" height="45" viewBox="0 0 42 45" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_880_2280)"><path d="M12 36L5 4L34.5 20.5L20.5 23.5L12 36Z" fill="%23E1EC22"/><path d="M12 36L5 4L34.5 20.5L20.5 23.5L12 36Z" stroke="white" stroke-width="3"/></g><defs><filter id="filter0_d_880_2280" x="0.322083" y="0.563171" width="40.8825" height="43.6636" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="1.25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.19 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_880_2280"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_880_2280" result="shape"/></filter></defs></svg>');
}

@media (min-width: 640px) {
    .custom-ellipse::before {
        filter: blur(40px);
    }
}

@media (min-width: 1024px) {
    .custom-ellipse::after {
        border-width: 8px;

    }

    .about-left-cursor::after,
    .about-right-cursor::after {
        bottom: 80%;
    }
}

@media (min-width: 1600px) {
    .about-left-cursor::after,
    .about-right-cursor::after {
        bottom: 30%;
    }
}

/* [Block] Values */

.journey-container {
    overflow: hidden;
}

.journey-card {
    width: 304px;
}

@media (min-width: 400px) {
    .journey-card {
        width: 340px;
    }
}

@media (min-width: 640px) {
    .journey-card {
        width: 512px;
    }
}

@media (min-width: 1280px) {
    .journey-container {
        overflow: unset;
    }
}