.GB_slider_container {
            max-width: 800px;
            width: 100%;
            background: white;
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            overflow: hidden;
            position: relative;
            margin: 20px auto;
        }

        .GB_slider_header {
            background: #ffffff;
            color: #000000;
            padding: 25px;
            text-align: center;
        }

        .GB_slider_header h2 {
            font-size: 28px;
            margin-bottom: 8px;
            font-weight: 300;
        }

        .GB_slider_header p {
            opacity: 0.8;
            font-size: 16px;
        }

        .GB_image_slider {
            position: relative;
            width: 100%;
            height: 500px;
            overflow: hidden;
            cursor: grab;
            user-select: none;
        }

        .GB_image_slider:active {
            cursor: grabbing;
        }

        .GB_before_image, .GB_after_image {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: none;
        }

        .GB_before_image {
            left: 0;
        }

        .GB_after_image {
            right: 0;
            clip-path: inset(0 0 0 50%);
        }

		/* slider vertical divider line */
        .GB_slider_handle {
            position: absolute;
            top: 0;
            left: 50%;
            width: 4px;
            height: 100%;
            background: #94d2bd;
            cursor: ew-resize;
            transform: translateX(-50%);
            z-index: 10;
            box-shadow: 0 0 20px rgba(0,0,0,0.3);
        }

        .GB_slider_button {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 60px;
            height: 60px;
            background: #0a9396;
            border: 4px solid #94d2bd !important;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            cursor: ew-resize;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
        }

        .GB_slider_button:hover {
			border-color: #94d2bd !important;
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 12px 35px rgba(0,0,0,0.3);
        }

        /* Option 1: GB Text */
        .GB_slider_button_text::before {
            content: 'GB';
            position: absolute;
            font-size: 14px;
            font-weight: bold;
            color: #ffffff;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        /* Option 2: PNG Image */
        .GB_slider_button_image {
            background-image: url('path/to/your/logo.png');
            background-size: 30px 30px;
            background-repeat: no-repeat;
            background-position: center;
        }

        /* Option 3: Original arrows (keep as fallback) */
        .GB_slider_button_arrows::before,
        .GB_slider_button_arrows::after {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            border: solid #667eea;
            border-width: 0 3px 3px 0;
			border-color: white !important;
        }

        .GB_slider_button_arrows::before {
            transform: rotate(135deg);
            left: 12px;
        }

        .GB_slider_button_arrows::after {
            transform: rotate(-45deg);
            right: 12px;
        }

        .GB_labels {
            position: absolute;
            top: 20px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-between;
            padding: 0 30px;
            z-index: 5;
        }

        .GB_label {
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 14px;
            backdrop-filter: blur(10px);
        }

        .GB_description {
            text-align: justify;
            padding: 2rem;
            background: #0a9396;
            color: #ffffff;
            font-size: 16px;
            line-height: 1.5;
        }

        @media (max-width: 768px) {
            .GB_slider_container {
                margin: 10px;
                border-radius: 15px;
            }
            
            .GB_image_slider {
                height: 350px;
            }

            .GB_slider_header h2 {
                font-size: 24px;
            }

            .GB_labels {
                padding: 0 20px;
            }

            .GB_label {
                font-size: 12px;
                padding: 6px 12px;
            }

            .GB_description {
                padding: 20px;
                font-size: 14px;
            }
        }