.icon-box {
            width: 150px;
            height: 150px;
            border-radius: 30%;
            border: 0.3vw solid var(--gold);
            overflow: hidden;
            box-shadow: 0 0 2vw rgba(212, 175, 55, 0.8);
            margin: 0.4rem auto;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .icon-box img {
            max-height: 100px !important;
            max-width: 100px !important;
            object-fit: cover;
            background-color: #ffe2d6;
            display: block;
            border-radius: 10%;
        }

        @media (max-width: 768px) {
            .responsive-counter {
                font-size: 95px !important;
            }
        }

        @media (max-width: 768px) {
            .responsive-margin {
                margin-right: 0 !important;
            }
        }

        .video-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .video-play-button button {
            background: linear-gradient(to right,
                    var(--accent-color) 0%,
                    var(--accent-secondary-color) 50%,
                    var(--accent-color) 100%);
            background-size: 200% auto;
            width: 80px;
            height: 80px;
            border: none;
            color: #fff;
            font-size: 20px;
            padding: 15px 18px;
            border-radius: 50%;
            cursor: pointer;
        }