.elementor-8 .elementor-element.elementor-element-2008a55{--display:flex;--margin-top:-79px;--margin-bottom:-29px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-933ca9e{--display:flex;}.elementor-8 .elementor-element.elementor-element-933ca9e.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-933ca9e{--width:99.154%;}}/* Start custom CSS for html, class: .elementor-element-ae470a6 */*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Vazirmatn',sans-serif;
background:#f5f1e9;

}

/* HEADER */

.header{

position:absolute;
top:0;
right:0;

width:100%;
height:90px;

z-index:50;

display:flex;
align-items:center;
justify-content:space-between;

padding:0 70px;

background:rgba(0,0,0,.35);

backdrop-filter:blur(8px);

color:white;

}

.logo-box{

display:flex;
align-items:center;
gap:15px;

}

.logo-box img{

width:65px;
height:auto;

}

.logo-box h3{

font-size:17px;

}

.logo-box span{

color:#c79b42;
font-size:14px;

}

nav{

display:flex;
gap:35px;

}

nav a{

color:white;
text-decoration:none;
font-size:15px;

}

nav .active{

background:#c79b42;
padding:12px 25px;
border-radius:5px;

}

.phone{

background:#c79b42;
padding:12px 25px;
border-radius:8px;

}

/* HERO */

.hero{

height:100vh;

position:relative;

overflow:hidden;

}

.slider,
.slide{

position:absolute;

width:100%;
height:100%;

}

.slide{

background-size:cover;

background-position:center;

opacity:0;

transition:.8s ease;

}

.slide.active{

opacity:1;

}

.slide1{

background-image:url("http://etehadsaze.ir/wp-content/uploads/2026/10/slider-sang.webp");

}

.slide2{

background-image:url("http://etehadsaze.ir/wp-content/uploads/2026/10/material.webp");

}

.slide3{

background-image:url("http://etehadsaze.ir/wp-content/uploads/2026/10/ajor.webp");

}

.overlay{

position:absolute;

width:100%;
height:100%;

background:

linear-gradient(
90deg,
rgba(0,0,0,.75),
rgba(0,0,0,.35)
);

z-index:2;

}

/* محتوا */

.hero-content{

position:relative;

z-index:5;

height:100%;

display:flex;

align-items:center;

justify-content:space-around;

padding:0 80px;

color:white;

}

.right-content{

max-width:650px;

text-align:right;

}

.hero-logo{

width:220px;

margin-bottom:20px;

}

.right-content h1{

font-size:55px;

font-weight:900;

line-height:1.5;

}

.right-content h1 span{

color:#c79b42;

}

.right-content p{

font-size:25px;

border-bottom:2px solid #c79b42;

padding-bottom:15px;

}

.features{

display:flex;

gap:35px;

margin-top:35px;

}

.features div{

text-align:center;

font-size:18px;

}

/* FORM */

.contact-box{

width:390px;

background:rgba(40,30,20,.65);

padding:35px;

border-radius:20px;

border:1px solid #c79b42;

backdrop-filter:blur(10px);

}

.contact-box h2{

font-size:25px;

margin-bottom:20px;

}

.contact-box input,
.contact-box select,
.contact-box textarea{

width:100%;

margin-bottom:15px;

padding:15px;

border:none;

border-radius:8px;

background:rgba(255,255,255,.15);

color:white;

font-family:inherit;

}

textarea{

height:100px;

}

.contact-box button{

width:100%;

padding:15px;

background:#c79b42;

border:none;

border-radius:8px;

font-size:18px;

cursor:pointer;

}

/* فلش ها */

.prev,
.next{

position:absolute;

top:50%;

transform:translateY(-50%);

z-index:30;

width:45px;

height:45px;

border:none;

border-radius:50%;

background:#c79b42;

color:white;

font-size:25px;

cursor:pointer;

}

.prev{

left:30px;

}

.next{

right:30px;

}

/* ===================
   MOBILE
=================== */

@media(max-width:992px){

.header{

height:75px;

padding:0 20px;

}

nav{

display:none;

}

.logo-box img{

width:45px;

}

.phone{

font-size:12px;

padding:10px;

}

.hero-content{

flex-direction:column;

justify-content:center;

padding:100px 20px 30px;

gap:25px;

text-align:center;

}

.right-content{

text-align:center;

}

.hero-logo{

width:160px;

}

.right-content h1{

font-size:32px;

}

.right-content p{

font-size:18px;

}

.features{

display:none;

}

.contact-box{

width:100%;

max-width:380px;

padding:25px;

}

}

@media(max-width:480px){

.phone{

display:none;

}

.hero-logo{

width:130px;

}

.right-content h1{

font-size:25px;

}

.contact-box h2{

font-size:20px;

}

.prev,
.next{

width:35px;

height:35px;

font-size:18px;

}

.prev{

left:10px;

}

.next{

right:10px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbddbdc *//* SERVICES SECTION */

.services-section{

padding:80px 50px;

background:

linear-gradient(
135deg,
#1b1712,
#403526
);

}

.services-box{

background:#eee5d5;

border:2px solid #b58a3c;

border-radius:25px;

padding:50px 40px;

position:relative;

}

.services-box:before{

content:"";

position:absolute;

inset:15px;

border:1px solid rgba(181,138,60,.5);

border-radius:20px;

pointer-events:none;

}

.services-title{

text-align:center;

position:relative;

z-index:2;

}

.services-title span{

color:#b58a3c;

font-size:18px;

}

.services-title h2{

font-size:42px;

margin:15px 0;

color:#222;

font-weight:900;

}

.services-title p{

font-size:18px;

color:#666;

margin-bottom:45px;

}

.services-grid{

display:grid;

grid-template-columns:repeat(8,1fr);

gap:18px;

position:relative;

z-index:2;

}

.service-item{

background:#f8f3ea;

border-radius:15px;

padding:15px;

text-align:center;

text-decoration:none;

color:#222;

border:1px solid #ddd;

transition:.4s;

box-shadow:0 8px 20px rgba(0,0,0,.12);

}

.service-item:hover{

transform:translateY(-10px);

border-color:#b58a3c;

}

.service-img{

height:120px;

overflow:hidden;

border-radius:12px;

margin-bottom:18px;

}

.service-img img{

width:100%;

height:100%;

object-fit:cover;

}

.service-item h3{

font-size:18px;

margin:15px 0;

}

.more{

color:#b58a3c;

font-size:14px;

font-weight:bold;

border-top:1px solid #ddd;

padding-top:15px;

}

/* TABLET */

@media(max-width:1200px){

.services-grid{

grid-template-columns:repeat(4,1fr);

}

}

/* MOBILE */

@media(max-width:600px){

.services-section{

padding:40px 15px;

}

.services-box{

padding:35px 15px;

}

.services-title h2{

font-size:28px;

}

.services-grid{

grid-template-columns:repeat(2,1fr);

}

.service-img{

height:100px;

}

}

@media(max-width:400px){

.services-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0dc35e3 *//* ABOUT SECTION */

.about-section{

padding:100px 70px;

background:#f5efe3;

}

.about-container{

display:flex;

align-items:center;

gap:70px;

}

.about-image{

flex:1;

}

.about-image img{

width:100%;

height:500px;

object-fit:cover;

border-radius:25px;

border:2px solid #b58a3c;

}

.about-content{

flex:1;

}

.about-content span{

color:#b58a3c;

font-size:20px;

}

.about-content h2{

font-size:42px;

margin:20px 0;

font-weight:900;

color:#222;

}

.about-content p{

font-size:18px;

line-height:2;

color:#555;

}

.about-btn{

display:inline-block;

margin-top:30px;

padding:15px 35px;

background:#b58a3c;

color:white;

border-radius:8px;

text-decoration:none;

}

/* STATS */

.stats{

margin-top:70px;

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.stat-box{

background:white;

border-radius:15px;

padding:30px;

text-align:center;

border:1px solid #ddd;

}

.stat-box h3{

font-size:45px;

color:#b58a3c;

}

.stat-box p{

font-size:17px;

color:#555;

}

/* RESPONSIVE */

@media(max-width:900px){

.about-container{

flex-direction:column;

}

.about-image img{

height:350px;

}

.about-content{

text-align:center;

}

.stats{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:500px){

.about-section{

padding:60px 20px;

}

.about-content h2{

font-size:30px;

}

.stats{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2fc631c *//* PROJECTS */

.projects-section{

padding:100px 70px;

background:#1c1813;

}

.projects-title{

text-align:center;

color:white;

margin-bottom:60px;

}

.projects-title span{

color:#c79b42;

font-size:20px;

}

.projects-title h2{

font-size:45px;

margin:20px 0;

font-weight:900;

}

.projects-title p{

color:#ddd;

font-size:18px;

}

.projects-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.project-card{

background:#fff;

border-radius:18px;

overflow:hidden;

text-decoration:none;

color:#222;

transition:.4s;

}

.project-card:hover{

transform:translateY(-12px);

}

.project-image{

height:280px;

overflow:hidden;

}

.project-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.project-card:hover img{

transform:scale(1.1);

}

.project-info{

padding:25px;

}

.project-info h3{

font-size:22px;

margin-bottom:10px;

}

.project-info p{

color:#777;

margin-bottom:20px;

}

.project-info span{

color:#b58a3c;

font-weight:bold;

}

/* TABLET */

@media(max-width:1100px){

.projects-grid{

grid-template-columns:repeat(2,1fr);

}

}

/* MOBILE */

@media(max-width:600px){

.projects-section{

padding:60px 20px;

}

.projects-title h2{

font-size:32px;

}

.projects-grid{

grid-template-columns:1fr;

}

.project-image{

height:230px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-296c5ae *//* =====================
   ADVANTAGES SECTION
===================== */

.advantages-section{

padding:100px 70px;

background:

linear-gradient(
135deg,
#17130e,
#3b2d1d
);

}

.advantages-title{

text-align:center;

color:white;

margin-bottom:60px;

}

.advantages-title span{

color:#c79b42;

font-size:20px;

font-weight:bold;

}

.advantages-title h2{

font-size:45px;

margin:20px 0;

font-weight:900;

}

.advantages-title p{

color:#ddd;

font-size:18px;

}

.advantages-container{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.advantage-card{

background:

rgba(255,255,255,.08);

border:1px solid rgba(199,155,66,.5);

border-radius:20px;

padding:40px 25px;

text-align:center;

color:white;

transition:.4s;

}

.advantage-card:hover{

transform:translateY(-12px);

background:

rgba(199,155,66,.15);

}

.advantage-icon{

width:90px;

height:90px;

margin:0 auto 25px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#c79b42;

box-shadow:

0 0 25px rgba(199,155,66,.4);

}

.advantage-icon i{

font-size:40px;

color:white;

}

.advantage-card h3{

font-size:23px;

margin-bottom:15px;

}

.advantage-card p{

font-size:15px;

line-height:2;

color:#ddd;

}

/* TABLET */

@media(max-width:1000px){

.advantages-container{

grid-template-columns:repeat(2,1fr);

}

}

/* MOBILE */

@media(max-width:600px){

.advantages-section{

padding:70px 20px;

}

.advantages-title h2{

font-size:30px;

}

.advantages-container{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f82c62f *//* =====================
TESTIMONIALS
===================== */

.testimonials-section{

padding:100px 70px;

background:#f5efe3;

}

.testimonials-title{

text-align:center;

margin-bottom:60px;

}

.testimonials-title span{

color:#b58a3c;

font-size:20px;

font-weight:bold;

}

.testimonials-title h2{

font-size:45px;

margin:20px 0;

font-weight:900;

color:#222;

}

.testimonials-title p{

color:#777;

font-size:18px;

}

.testimonials-container{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.testimonial-card{

background:white;

padding:35px;

border-radius:20px;

border:1px solid #ddd;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.4s;

}

.testimonial-card:hover{

transform:translateY(-10px);

border-color:#b58a3c;

}

.client-info{

display:flex;

align-items:center;

gap:15px;

margin-bottom:20px;

}

.client-info img{

width:70px;

height:70px;

border-radius:50%;

object-fit:cover;

border:3px solid #b58a3c;

}

.client-info h3{

font-size:20px;

}

.client-info span{

font-size:14px;

color:#777;

}

.stars{

color:#c79b42;

font-size:22px;

letter-spacing:3px;

margin-bottom:20px;

}

.testimonial-card p{

line-height:2;

color:#555;

font-size:16px;

}

/* TABLET */

@media(max-width:1000px){

.testimonials-container{

grid-template-columns:repeat(2,1fr);

}

}

/* MOBILE */

@media(max-width:600px){

.testimonials-section{

padding:70px 20px;

}

.testimonials-title h2{

font-size:30px;

}

.testimonials-container{

grid-template-columns:1fr;

}

}/* End custom CSS */