:root {
  --white-color: #000000;
  --black-color: #ffffff;
  --light-white-color: #333;
  --light-gray-color: #404040;
  --border-color: #808080;
  --secondary-color: #d4d4d4;
  --voice-color: #ffffff3d;
  --ContactUs:#ffffff1d;
} 

.dark-mode {
    --white-color: #fff;
    --black-color: #151515;
    --light-white-color: #f0f0f0;
    --light-gray-color: #e5e5e5;
    --border-color: #ccc;
    --primary-color: #3b82f6;
    --secondary-color: #404040;
    --overlay-dark-color: rgba(0, 0, 0, 0.6);
    --voice-color:#00000028;
    --ContactUs:#00000017;
}

@font-face {
    font-family: 'NPIFarnaz';
    src: url('../font/NPIFarnaz.ttf') format('truetype');
}

  html, body {
    height: 100%;
    margin: 0;
  }

  
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            transition: background-color 0.5s, color 0.5s;
            background-color: var(--white-color);
            display: flex;
            flex-direction: column;
            overflow-x: hidden;
        }
    

        *::-webkit-scrollbar {
            width: 5px; 
           
        }
        
        *::-webkit-scrollbar-thumb {
            background: #084eff36; 
            border-radius: 100px; 
        }
        
        *::-webkit-scrollbar-track {
            background: var(--white-color); 
        }
        
        
        .content {
            flex: 1; 
          }

        .jk-afgi-bar-navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            background-color: var(--white-color);
            color: #fff;
            transition: background-color 0.5s, color 0.5s;
        }

        .jk-afgi-bar-logo {
            display: flex;
            align-items: center;
            font-size: 25px;
            font-family: 'NPIFarnaz', sans-serif;
            color: var(--black-color);
        }


        .jk-afgi-bar-logo img {
            height: 40px;
            margin-right: 10px;
        }

        .jk-afgi-bar-links {
            display: flex;
            gap: 20px;
            font-family: "Ubuntu", serif;
            font-weight: 500;
        }

        .jk-afgi-bar-links a {
            color: var(--black-color);
            text-decoration: none;
            font-size: 18px;
        }

        .jk-afgi-bar-actions {
            display: flex;
            align-items: center;
            gap: 15px;
            color: var(--black-color);
        }

        .jk-afgi-bar-theme-toggle, .jk-afgi-bar-language-toggle {
            cursor: pointer;
            font-size: 20px;
            background-color: var(--light-white-color);
            transition: background-color 0.5s, color 0.5s;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            display: flex; 
            align-items: center; 
            justify-content: center; 
        }

        .jk-afgi-bar-menu-toggle {
            display: none;
        }
        
        @media (min-width: 769px) {
    .jk-afgi-bar-mobile-menu {
        display: none !important;
    }
  
}
        @media (max-width: 768px) {
            
            .jk-afgi-bar-logo {
                font-size: 20px;
                font-family: 'NPIFarnaz', sans-serif;
            
            }
            .jk-afgi-bar-links {
                display: none;
            }

            .jk-afgi-bar-menu-toggle {
                display: block;
                font-size: 20px;
            }

            .jk-afgi-bar-mobile-menu {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: var(--white-color);
                color: #fff;
                display: none; 
                flex-direction: column;
                align-items: center;
                justify-content: center;
                z-index: 1000;
                
            }

            .jk-afgi-bar-mobile-menu.active {
                display: flex; 
            }

            .jk-afgi-bar-mobile-menu a {
                color: var(--black-color);
                text-decoration: none;
                margin: 10px 0;
                font-size: 18px;
                font-family: "Ubuntu", serif;
                
            }

            .jk-afgi-bar-mobile-menu .jk-afgi-bar-social-links {
                display: flex;
                gap: 15px;
                margin-top: 20px;
            }

            .jk-afgi-bar-mobile-menu .jk-afgi-bar-social-links a {
                color: var(--black-color);
                text-decoration: none;
                font-size: 20px;
                border: 1px solid var(--black-color);
                border-radius: 50%;
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .jk-afgi-bar-mobile-menu .jk-afgi-bar-podcast-links {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-top: 20px;
                font-family: "Ubuntu", serif;
                color: var(--black-color);
            }

            .jk-afgi-bar-mobile-menu .jk-afgi-bar-podcast-links div {
                display: flex;
                align-items: center;
                gap: 10px;
                margin: 10px 0;
                
            }

            .jk-afgi-bar-mobile-menu .jk-afgi-bar-podcast-links img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                background-color: #fff;
            }

            .jk-afgi-bar-mobile-menu .jk-afgi-bar-close {
                position: absolute;
                top: 20px;
                right: 20px;
                font-size: 29px;
                cursor: pointer;
                color: var( --black-color);
            }
        }
        .jk-afgi-bar-action-image {
    display: none;
}

@media (min-width: 769px) {
    .jk-afgi-bar-action-image {
        display: inline-block;
        height: 35px;
        width: 35px;
        border-radius: 50%;
    }
}