@font-face {
            font-family: 'iransansbold';
            src: url('../fonts/IRANSansWebBold.eot');
            /* IE9 Compat Modes */
            src: url('../fonts/IRANSansWebBold.eot') format('embedded-opentype'),
                /* IE6-IE8 */
                url('../fonts/IRANSansWebBold.woff2') format('woff2'),
                /* Super Modern Browsers */
                url('../fonts/IRANSansWebBold.woff') format('woff'),
                /* Pretty Modern Browsers */
                url('../fonts/IRANSansWebBold.ttf') format('truetype'),
                /* Safari, Android, iOS */
        }

        @font-face {
            font-family: 'iransanslight';
            src: url('../fonts/IRANSansWebLight.eot');
            /* IE9 Compat Modes */
            src: url('../fonts/IRANSansWebLight.eot') format('embedded-opentype'),
                /* IE6-IE8 */
                url('../fonts/IRANSansWebBold.woff2') format('woff2'),
                /* Super Modern Browsers */
                url('../fonts/IRANSansWebLight.woff') format('woff'),
                /* Pretty Modern Browsers */
                url('../fonts/IRANSansWebLight.ttf') format('truetype'),
                /* Safari, Android, iOS */
        }

        * {
            font-family: 'iransansbold', sans-serif;
        }

        .glassmorphic-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .glassmorphic-card:hover {
            transform: scale(1.01, 1.01);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
        }

        .glassmorphic-btn {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
            border-radius: 50px;
            padding: 12px 30px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .glassmorphic-btn:hover {
            background: rgba(255, 255, 255, 0.2);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);

        }

        .mywidth {
            width: 60%;
        }