body.light-mode {
            background-color: #fff;
            color: #000;
        }

            body.light-mode .navmenu a, body.light-mode #product-title, body.light-mode #blog-title {
                color: black;
            }

        .dark-mode {
            background-color: #1b1b1b;
            color: #fff;
        }

        .redtheme {
            --background-color: #e03a3c;
            --default-color: #ffffff;
            --heading-color: #ffffff;
            --surface-color: #353535;
            --contrast-color: #ffffff;
        }

        body.dark-mode .navmenu a, body.dark-mode .navmenu span, body.dark-mode .header .logo h1, body.dark-mode #theme-toggle, body.dark-mode .navmenu .bi-list, body.dark-mode .about .icon-box i, body.dark-mode .about .icon-box h4, body.dark-mode .info-item h3 {
            color: white;
        }

        body.dark-mode .info-item {
            background-color: #353535;
            color: #fff;
        }

        .navmenu a.active, .navmenu a:hover, .navmenu a:hover span, #theme-toggle:hover {
            color: #e03a3c !important;
        }

        section.dark-mode h2 {
            color: white;
        }

        body.dark-mode .about .content .about-btn {
            border: 2px solid white;
        }

            body.dark-mode .about .content .about-btn:hover {
                background: white;
                color: #e03a3c;
            }

        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }


        body.lang-2 .header .logo {
            order: 0;
        }

        body.lang-2 .header #theme-toggle {
            order: 2;
        }

        @@media (max-width: 1140px) {
            .header {
                flex-direction: column;
                align-items: flex-start;
            }

            body.lang-2 .header .navmenu {
                order: 0;
            }

            body.lang-2 .header .logo {
                order: 1;
            }

            body.lang-2 .header #theme-toggle {
                order: 2;
                margin-left: 0;
                margin-right: 30px;
            }
        }

        .language-toggle > span {
            direction: ltr !important;
            unicode-bidi: embed;
        }

        body.lang-1, body.lang-1 .header .logo h1, body.lang-1 .navmenu a, body.lang-1 * {
            font-family: Lalezar-Regular !important;
        }

        #theme-toggle {
            cursor: pointer;
        }

        body.dark-mode .faq .faq-container .faq-item h3 {
            color: white;
        }

        .faq .faq-container .faq-item h3:hover, .faq .faq-container .faq-item.faq-active h3 {
            color: #e03a3c !important;
        }

        .faq-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 1rem;
            direction: rtl;
        }

            .faq-item h3 {
                margin: 0 0 0.5rem 0;
            }

            .faq-item .faq-content {
                margin-right: 28px;
            }

                .faq-item .faq-content p {
                    margin: 0;
                }

        .member-img {
            width: 100%;
            overflow: hidden;
        }

            .member-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                display: block;
            }

        .portfolio-content {
            position: relative;
            overflow: hidden;
        }

        .portfolio-info {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .portfolio-content:hover .portfolio-info {
            opacity: 1;
        }

        .swiper-slide {
            display: flex;
            justify-content: center;
        }

        @@media (max-width: 767px) {
            .team-member {
                max-width: 400px;
                margin-left: auto;
                margin-right: auto;
            }
        }

        .post-img img {
            width: 100%;
            height: 100%;
            object-fit: cover; 
            object-position: center; 
            display: block;
        }
		
		body.lang-1 .editbutton {
			text-align: start;
		}
		
		body #about .editbutton {
			align-self: flex-start;
		}
		
		.gdesc-inner {
			text-align: center;
		}

		.redtheme div h2::after {
			background: #ffffff
		}