@font-face {
    font-family: B Yekan;
    src: url('../font/BYekan.woff2') format('woff2'),
        url('../font/BYekan.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Dast Nevis;
    src: url('../font/DastNevis.woff2') format('woff2'),
        url('../font/DastNevis.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
            --primary: #6366f1;
            --secondary: #8b5cf6;
            --glass: rgba(255, 255, 255, 0.1);
            --shadow: 0 8px 32px rgba(31, 38, 135, 0.15);
        }

        body {
            min-height: 50vh;
            display: grid;
            place-items: center;
            background: linear-gradient(45deg, #f3f4f6, #e5e7eb);
            background-image: url("background-1.jpeg");
             background-repeat: no-repeat;
              background-attachment: fixed;
  background-position: center;
            font-family: Dast Nevis;
            margin: 0;
			
		
		
          
        }

        .hq-countdown {
            display: flex;
            gap: 2rem;
            padding: 1rem;
            background: linear-gradient(145deg, var(--primary), var(--secondary));
            border-radius: 1.5rem;
            box-shadow: var(--shadow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }

        .hq-countdown-item {
			font-family: B Yekan !important;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 1.5rem 2rem;
            background: var(--glass);
            border-radius: 1rem;
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: transform 0.3s ease;
        }

        .hq-countdown-item:hover {
            transform: translateY(-5px);
        }

        .hq-number {
            font-size: 3.5rem;
            font-weight: 700;
            background: linear-gradient(45deg, #fff, #e0e7ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 0.5rem;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .hq-label {
            color: rgba(255, 255, 255, 0.9);
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 500;
        }

        /* Ended state */
        .hq-ended {
            background: linear-gradient(145deg, #ef4444, #dc2626);
            animation: pulse 1.5s infinite;
        }

        .hq-ended .hq-countdown-item {
            background: rgba(255, 255, 255, 0.15);
        }

        .hq-countdown-ended {
            color: white;
            font-size: 1.5rem;
            font-weight: 600;
            padding: 2rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.02); }
            100% { transform: scale(1); }
        }

        /* Dark mode toggle */
        .theme-toggle {
            position: fixed;
            top: 2rem;
            right: 2rem;
            background: var(--glass);
            padding: 0.75rem;
            border-radius: 0.75rem;
            cursor: pointer;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        body.dark-mode {
            background: linear-gradient(45deg, #1a1a1a, #2d2d2d);
        }

        body.dark-mode .hq-countdown {
            background: linear-gradient(145deg, #4f46e5, #7c3aed);
        }
        .hq-number {
            transition: transform 0.3s ease;
        }

        .hq-number-update {
            transform: scale(1.1);
            opacity: 0.8;
        }
        /* Responsive design */
        @media (max-width: 768px) {
            .hq-countdown {
                flex-direction: column;
                gap: 1rem;
                padding: 1.5rem;
            }
            
            .hq-countdown-item {
                padding: 1rem;
            }
            
            .hq-number {
                font-size: 2.5rem;
            }
        }
.download{ padding: 1.25rem; border:0; border-radius:3px; background-color:#4F46E5; color:#fff;cursor:pointer; text-decoration:none;}.download:hover{color: #fff}#carbonads{display:block;overflow:hidden;max-width:728px;position:relative;font-size:22px;box-sizing:content-box}#carbonads>span{display:block}#carbonads a{color:#4F46E5;text-decoration:none}#carbonads a:hover{color:#4F46E5}.carbon-wrap{display:flex;align-items:center}.carbon-img{display:block;margin:0;line-height:1}.carbon-img img{display:block;height:90px;width:auto}.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:left}.carbon-poweredby{display:block;position:absolute;bottom:0;right:0;padding:6px 10px;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;border-top-left-radius:4px;line-height:1;color:#aaa!important}@media only screen and (min-width:320px) and (max-width:759px){.carbon-text{font-size:14px}}
.footter{
	
	text-align: center;
/*	height: 50px;*/
	left: 0;
  bottom: 0;
	position:static;
  width: 100%;
	direction: rtl;
	 padding-top: 1rem;
	color: darkviolet;
	
}
hr
{
	color: darkgreen;
	align-items: center;
	text-align:center;
}
.gtext{
	color: #649425;
	
	   }