.tradeset-sec {
            padding: 50px 0;
            overflow: hidden;
			background: #fff;
        }

        .tradeset-sec img {
            width: 100%;
        }

        .main-head h1 {
            text-align: center;
			font-weight: 700;
			color: #000;
        }

		.main-head h1 span{
          color: #407fcf;
        }

        .main-head p {
           text-align: center;
            font-size: 20px;
            font-style: italic;
        }

		 .about-detail b,
        .bottom-head b {
            font-weight: 600;
        }

        .about-detail {
            padding: 20px 0;
        }

        /* .key-detail {
            padding: 40px 0;
        }

        .trd-details {
            padding: 10px;
            margin-bottom: 30px;
            text-align: center;
            border-radius: 20px;
            box-shadow: 3px 3px 7px 0px #707070;
        }

    

        .trd-details img {
            width: 22%;
            text-align: center;
        } */




        .key-detail {
            padding: 60px 0;
            position: relative;
        }

        /* .key-detail::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        } */

        /* ---------- CARD STYLE ---------- */
        .trd-details {
            position: relative;
            padding: 30px 20px;
            margin-bottom: 40px;
            text-align: center;
            border-radius: 30px 70px 30px 70px;
            /* angled futuristic shape */
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.4s ease;
            overflow: hidden;
        }

        .trd-details::before {
            content: "";
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(120deg, rgba(255, 255, 255, 0.15), transparent, rgba(255, 255, 255, 0.15));
            transform: rotate(25deg);
            transition: 0.6s;
        }

        .trd-details:hover::before {
            top: -30%;
            left: -30%;
        }

        .trd-details:hover {
            transform: translateY(-8px) scale(1.03);
            box-shadow: 0 15px 30px rgba(0, 255, 255, 0.3);
        }

        /* Gradient Variations */
   

        .trd-details img {
            width: 70px;
            margin-bottom: 15px;
        }

        .trd-details h4 {
            color: #000000;
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 22px;
        }

        .trd-details p {
            color: #000000;
            font-size: 15px;
        }
		
		    .trd-details1 {
            background: linear-gradient(135deg, #c4fff0 0%, #349ac5 100%);
        }

        .trd-details2 {
            background: linear-gradient(135deg, #ffe68d 0%, #ff8d23 100%);
        }

        .trd-details3 {
            background: linear-gradient(135deg, #b38dff 0%, #9db1ff 100%);
        }

        .trd-details4 {
           background: linear-gradient(135deg, #ffb9ff 0%, #b34ec5 100%);
        }






         .all-stars {
            background-image: url(../images/attached-tradeset-bg.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            padding: 100px 0;
            position: relative;
            text-align: center;
            overflow: hidden;
        }

        .custom-shape-divider-top-1758882010 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            line-height: 0;
            transform: rotate(180deg);
        }

        .custom-shape-divider-top-1758882010 svg {
            position: relative;
            display: block;
            width: calc(100% + 1.3px);
            height: 172px;
        }

        .custom-shape-divider-top-1758882010 .shape-fill {
            fill: #FFFFFF;
        }

        /* Base trail */
        .all-stars .shoot-line {
            --delay: 0s;
            position: absolute;
            top: -30%;
            width: 2px;
            /* thin trail */
            height: 140%;
            background: linear-gradient(180deg,
                    rgba(0, 255, 255, 0.0) 0%,
                    rgba(0, 255, 255, 0.7) 50%,
                    rgba(0, 255, 255, 0.0) 100%);
            opacity: 0;
            animation: shootVertical 6s ease-in-out infinite;
            animation-delay: var(--delay);
            /* faint glow for the trail */
            box-shadow: 0 0 8px rgba(0, 255, 255, 0.4);
        }

        /* Glowing dot (comet head) */
        .all-stars .shoot-line::after {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            width: 10px;
            height: 10px;
            transform: translateX(-50%);
            background: radial-gradient(circle,
                    rgba(0, 255, 255, 1) 0%,
                    rgba(0, 255, 255, 0.3) 70%,
                    transparent 100%);
            border-radius: 50%;
            box-shadow: 0 0 12px rgba(0, 255, 255, 0.8);
            animation: headFollow 6s ease-in-out infinite;
            animation-delay: var(--delay);
        }

        /* Vertical travel */
        @keyframes shootVertical {
            0% {
                top: -30%;
                opacity: 0;
            }

            15% {
                opacity: 1;
            }

            60% {
                top: 100%;
                opacity: 1;
            }

            80% {
                opacity: 0.5;
            }

            100% {
                top: 100%;
                opacity: 0;
            }
        }

        /* Dot follows the same motion for smooth syncing */
        @keyframes headFollow {
            0% {
                top: -30%;
                opacity: 0;
            }

            15% {
                opacity: 1;
            }

            60% {
                top: 100%;
                opacity: 1;
            }

            80% {
                opacity: 0.5;
            }

            100% {
                top: 100%;
                opacity: 0;
            }
        }

        .attached-tradeset p {
            color: #fff;
            position: relative;
            z-index: 1;
        }

        .attach-button {
            background-color: #007bff !important;
            color: #fff !important;
            position: relative;
            z-index: 1;
        }

        .attach-button:hover {
            background-color: #004e6c !important;
            color: #fff !important;
        }


		@media (max-width: 768px) {
          .custom-shape-divider-top-1758882010 svg {
              height: 100px;
            }

          .tradeset-sec img {
              margin-bottom: 40px;
          }
        }