/* Overlay */
        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);
            backdrop-filter: blur(4px);
            display: none;
            z-index: 999;
        }

        /* Modal Box */
        #modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.8);
            background: #fbd872;
            width: 850px;
            max-width: 90%;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.2);
            /* text-align: center; */
            display: none;
            z-index: 1000;
            opacity: 0;
            transition: all 0.3s ease;
        }

        /* Active state (animation) */
        #modal.show {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        /* Close button */
        /* .close-btn {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 20px;
            cursor: pointer;
            color: #999;
        }

        .close-btn:hover {
            color: #000;
        } */

        .close-btn {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 35px;
            height: 35px;
            backdrop-filter: blur(8px);
            background: rgba(255,255,255,0.3);
            border-radius: 50%;
            color: #333;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: 0.3s;
            z-index: 9999;
        }

        .close-btn:hover {
            background: rgba(255, 0, 0, 0.7);
            color: #fff;
        }

        .close-btn-rtl {
            position: absolute;
            top: 5px;
            left: 5px;
            width: 35px;
            height: 35px;
            backdrop-filter: blur(8px);
            background: rgba(255,255,255,0.3);
            border-radius: 50%;
            color: #333;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: 0.3s;
            z-index: 9999;
        }

        .close-btn-rtl:hover {
            background: rgba(255, 0, 0, 0.7);
            color: #fff;
        }



        /* .close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 28px;
            height: 28px;
            cursor: pointer;
        }

        .close-btn span {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 2px;
            background: #777;
            transition: 0.3s;
        }

        .close-btn span:first-child {
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .close-btn span:last-child {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .close-btn:hover span {
            background: #ff4d4d;
            transform: translate(-50%, -50%) rotate(180deg);
        } */



        /* Button */
        .modal-btn {
            margin-top: 15px;
            padding: 10px 20px;
            border: none;
            background: #006bb6;
            color: #fff;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
        }

        .modal-btn:hover {
            background: #0881d8;
            color: #fff;
        }

        h2 {
            margin-top: 0;
        }


        modal-img {
            max-width: 600px!important;
            height: auto;
        }