/*
.custom-cursor {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    transition: transform 0.1s ease-out;
    mix-blend-mode: difference;
    font-size: 14px;
    color: white;
    font-weight: bold;
    text-align: center !important;
  }
.no-custom-cursor {
    cursor: auto !important;
}
*/
.custom-menu {
    list-style: none;
    display: flex;
    gap: 40px;
    position: relative;
	flex-wrap: wrap;
/* 	padding-inline-start: 0px; */
}
/* .custom-menu li:not(:last-child)::after {
    content: " ─ ";
	margin-left: 20px;
} */
.menu-item {
	width: calc(40% - 40px);
	text-transform: uppercase;
	line-height:62px;
    font-size: 55px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    transition: opacity .6s;
    z-index: 3;
	color: #D7B58A;
}
.menu-item a{
	text-transform: uppercase !important;
	line-height:62px !important;
    font-size: 55px !important;
    font-weight: bold !important;
    position: relative !important;
    cursor: pointer !important;
    transition: opacity .6s !important;
    z-index: 3 !important;
	color: #D7B58A !important;
}

.custom-menu:hover .menu-item {
    opacity: 0.4;
}

.custom-menu:hover .menu-item a{
    opacity: 0.4;
}

.custom-menu .menu-item:hover {
    opacity: 1;
}

.custom-menu .menu-item a:hover {
    opacity: 1;
}

/* استایل تصویر پشت نشانگر */
/* #cursor-image {
    position: fixed;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.15s ease-out;
	transform: translate(1078.59px, 229.616px) rotate(1.02577deg) scale(0.6, 0.6);
    z-index: 2;
} */



#cursor-image {
    display: block;
    transition: opacity 0.6s ease, transform 0.3s ease-out; /* انتقال نرم‌تر */
    height: 30rem;
    left: 0;
    margin-left: -10.7rem;
    margin-top: -14.1rem;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 24rem;
    z-index: 2;
    will-change: transform, opacity; /* به مرورگر هشدار می‌دهد که این ویژگی‌ها تغییر خواهند کرد */
}

.pagehead {
    position: relative;
    z-index: 1;
}

/* گرادیانت بالا */
.pagehead::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%; /* ارتفاع گرادیانت */
    background: linear-gradient(to bottom, #110D08, transparent);
    z-index: -1;
}

/* گرادیانت پایین */
.pagehead::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%; /* ارتفاع گرادیانت */
    background: linear-gradient(to top, #110D08, transparent);
    z-index: -1;
}
		.custom-swiper-container { width: 100%; height: fit-content; margin: auto; overflow: hidden; }
		.customswiper-container { width: 100%; height: fit-content; margin: auto; overflow: hidden; }
        #timeline .swiper-wrapper { display: flex; }
        #timeline .swiper-slide { display: flex; justify-content: space-between; align-items: center; }
        #timeline .slide-content { display: flex; width: 100%; align-items: center; background: #343434; margin-bottom: 20px;}
        .slide-img { width: 40%; overflow: hidden; }
        .slide-img img { width: 100%; height: auto; }
        .slide-text { width: 55%; text-align: left; padding-left: 20px; color: #ffffff;}
        .timeline { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; position: relative; margin-bottom: 30px;}
        .timeline-bar { position: absolute; width: 100%; height: 3px; background: gray; top: 50%; transform: translateY(-50%); }
        .timeline-item { padding: 10px; cursor: pointer; margin: 0 10px; transition: 0.3s; position: relative; background: #222; border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; color:#ffffff;}
        .timeline-item.active { background: #D7B58A; color: #111; }
        .progress-bar { width: 100%; height: 5px; background: gray; margin: 10px auto; position: relative; }
        .progress { height: 5px; width: 0%; background: #ffffff; transition: 0.3s; }
        .nav-buttons { display: flex; justify-content: space-between; margin: 20px auto; align-items: center; max-width: 40%;}
        .btn { background: transparent; color: #fff; padding: 10px 20px; cursor: pointer; border: none; }
        /* Gradient effect */
        #timeline .swiper-slide::before { 
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 20%;
            height: 100%;
            background: linear-gradient(to left, #110D08, transparent);
            z-index: 1;
}
.nav-buttons .btn img{
	width: 100px
}
.pageheadwhite {
    position: relative;
    z-index: 1;
}

/* گرادیانت بالا */
.pageheadwhite::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%; /* ارتفاع گرادیانت */
    background: linear-gradient(to bottom, #110D08, transparent);
    z-index: -1;
}
.opacitysection {
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out !important;
}

.opacitysection:hover {
    opacity: 1;
}
.productswiperh h4 a{
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 20px !important;
}
.productswiperh img{
    float: left !important;
}
.productswiperh .home img{
	width: 600px;
	height: 600px !important;
	object-fit: cover !important;
    object-position: center !important;
}
.productspage img{
	object-fit: cover !important;
    object-position: center !important;
}
.articleswiperh h3{
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 24px !important;
}
.articleswiperh time{
    color: #858585 !important;
}
.testimonial {
            background-color: #110D08;
            padding: 35px 15px;
            margin: 5px 0;
            cursor: pointer;
            transition: background 0.3s;
            position: relative;
            display: flex;
            flex-direction: column;
			color:white !important;
        }
        .testimonial:nth-child(even) {
            background-color: #16120D;
            border-top: 1px solid rgba(255, 255, 255, 0.137);
            border-bottom: 1px solid rgba(255, 255, 255, 0.137);
        }
        .testimonial-header {
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        .number {
            width: 20%;
            min-width: 50px;
            text-align: center;
            font-size: 1.2em;
            font-weight: bold;
        }
        .profile {
            display: flex;
            align-items: center;
            flex-grow: 1;
        }
        .profile img {
            /* width: 40px;
            height: 40px; */
            border-radius: 50%;
            /* margin-left: 10px; */
            padding-right: 20px !important;
        }
        .name {
            font-weight: bold;
            font-size: 24px;
        }
        .position {
            padding-top: 5px;
            font-size: 16px;
            opacity: 0.6;
        }
        .read-review, .close-review {
            opacity: 0;
            position: absolute;
            right: 70px;
            transition: opacity 0.3s;
            font-size: 16px;
        }
        .testimonial:hover .read-review {
            opacity: 1;
        }
        .arrow {
            font-size: 1.5em;
			padding-right: 20px;
        }
        .testimonial-content {
            display: none;
            margin-top: 30px;
            padding-left: 20%;
            padding-right: 40%;
            font-size: 18px;
            line-height: 23px;
        }
        .testimonial.open .testimonial-content {
            display: block;
        }
        .testimonial.open .arrow {
            transform: rotate(180deg);
        }
        .testimonial.open .read-review {
            display: none;
        }
        .testimonial.open .close-review {
            opacity: 1;
        }
/* projects */
/* استایل برای مقایسه تصاویر */
.image-compare-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.image-compare-wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.image-compare-before, .image-compare-after {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.image-compare-before img, .image-compare-after img {
    width: 100%;
    height: auto;
}

.image-compare-slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 5px;
    background-color: #f00;
    cursor: ew-resize;
    z-index: 10;
}
/* end of projects */
.projectsvilnora h4{
	font-size: 26px !important;
	color: #ffffff !important;
}
.projectsvilnora p{
	font-size: 14px;
	color: #ffffff;
}

.brandshome .swiper-wrapper{
    align-items: center !important;
}
.brandshome .swiper-wrapper img{
    padding: 0 5%;
}

.hover-brand {
    position: relative;
    font-size: 40px !important;
    font-weight: bold;
    color: #D7B58A;
    cursor: pointer;
    z-index: 5;
    display: inline-block;
}

.hover-brand-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    height: 320px;
	margin-top: -100px;
    background-size: cover;
    background-position: center;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 0.4s ease;
    z-index: 2;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.2));
}

@media (min-width: 768px) {
    .articleswiperh .nav-buttons {
        display: none;
    }
	.productspage img{
		width: 500px;
		height:500px !important;
	}
}

@media (max-width: 768px) {
    .custom-menu {
        flex-direction: column;
        gap: 20px;
    }

    .menu-item {
        font-size: 30px;
		line-height:48px;
		width: 100%;
    }
    .menu-item a{
        font-size: 30px !important;
		line-height:48px !important;
    }
    #cursor-image {
        display: none;
    }
/*	.custom-cursor{
		display:none;
	}*/
	.pagehead::after {
    height: 80%; /* ارتفاع گرادیانت */
}
.nav-buttons{
                max-width: 100%;
            }
            .progress-bar{
                width: 100%;
            }
            #timeline .slide-content{
                padding: 0px;
                flex-wrap: wrap;
                background: #343434;

            }
            .slide-img {
                 width: 100%;
            }
            .slide-text {
                width: 100%;
                text-align: left;
                padding: 20px;
            }
            #timeline .swiper-slide::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 20%;
            height: 100%;
            background: linear-gradient(to left, transparent, transparent);
            z-index: 0;
}
	    .articleswiperh h3{
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .articleswiperh time {
    font-size: 14px;
}
	            .read-review, .close-review{
                display: none;
            }
            .arrow {
            padding-left: 20px;
			padding-right: 0px;
        }
        .testimonial-content {
            padding-right: 5%;
        }
        .name {
            font-size: 20px;
        }
	.testimonial .number{
		width:15%;
		text-align: left;
	}
	.timeline-item{
		margin: 0px 5px;
		height:70px;
	}
	    .productswiperh h4 a{
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
	.productswiperh .home img{
	height: 400px !important;
}
	.hover-brand-image{
		display:none;
	}
	.hover-brand {
    font-size: 23px !important;
		line-height: 30px !important;
	}
}