.decorative-line {
            position: absolute;
            width: 120px;
            height: 3px;
            background-color: #86282c;
            transform: rotate(-45deg);
        }

        .hexagon {
            position: relative;
            width: 60px;
            height: 35px;
            background-color: #00687b;
            margin: 17.5px 0;
        }

        .hexagon:before,
        .hexagon:after {
            content: "";
            position: absolute;
            width: 0;
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
        }

        .hexagon:before {
            bottom: 100%;
            border-bottom: 17.5px solid #00687b;
        }

        .hexagon:after {
            top: 100%;
            border-top: 17.5px solid #00687b;
        }

        .clip-triangle {
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        }

        .clip-diagonal {
            clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
        }

        .clip-custom {
            clip-path: polygon(0 0%, 100% 0, 100% 85%, 0% 100%);
        }

        .orbit {
            animation: orbit 15s linear infinite;
        }

        @keyframes orbit {
            from {
                transform: rotate(0deg) translateX(70px) rotate(0deg);
            }
            to {
                transform: rotate(360deg) translateX(70px) rotate(-360deg);
            }
        }

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }