.elementor-3529 .elementor-element.elementor-element-f3213a1{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3529 .elementor-element.elementor-element-96e0351{width:100%;max-width:100%;}.elementor-3529 .elementor-element.elementor-element-418c6bb{width:var( --container-widget-width, 99.324% );max-width:99.324%;--container-widget-width:99.324%;--container-widget-flex-grow:0;}.elementor-3529 .elementor-element.elementor-element-418c6bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3529 .elementor-element.elementor-element-ee328eb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:solid;border-radius:4px 4px 4px 4px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3529 .elementor-element.elementor-element-ee328eb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3529 .elementor-element.elementor-element-a4b5754 > .elementor-widget-container{margin:0px 0px 4px 0px;padding:10px 10px 10px 10px;border-style:none;}.elementor-3529 .elementor-element.elementor-element-a4b5754.elementor-element{--align-self:center;}.elementor-3529 .elementor-element.elementor-element-a4b5754 [class*="products-bordered-grid"], .elementor-3529 .elementor-element.elementor-element-a4b5754 [class*="products-bordered-grid"] .wd-product{--wd-bordered-brd:#FFFFFF;}.elementor-3529 .elementor-element.elementor-element-a4b5754 .wd-products-with-bg, .elementor-3529 .elementor-element.elementor-element-a4b5754 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFF9F9;--wd-bordered-bg:#FFF9F9;}.elementor-3529 .elementor-element.elementor-element-a4b5754 .wd-el-title{color:#171717;}.elementor-3529 .elementor-element.elementor-element-c6166fe{width:100%;max-width:100%;margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;padding:5px 5px 5px 5px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3529 .elementor-element.elementor-element-c6166fe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3529 .elementor-element.elementor-element-b0cfa3a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3529 .elementor-element.elementor-element-b0cfa3a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3529 .elementor-element.elementor-element-6d84183{width:var( --container-widget-width, 104.104% );max-width:104.104%;--container-widget-width:104.104%;--container-widget-flex-grow:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:#834F05;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3529 .elementor-element.elementor-element-6d84183.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-3529:not(.elementor-motion-effects-element-type-background), body.elementor-page-3529 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://webgrap.ir/wp-content/uploads/2026/08/بکگراند_compressed.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:1025px){body.elementor-page-3529:not(.elementor-motion-effects-element-type-background), body.elementor-page-3529 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-96e0351 */.hero-video{
    position:relative;
    overflow:hidden;
    min-height:100vh;
}

.hero-video .floating-image{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:10;
    will-change:transform;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6166fe */.voice-title{
    text-align:center;
    font-size:32px;
    font-weight:800;
    color:#fff;
    margin-bottom:30px;
    position:relative;
}

.voice-title::after{
    content:"";
    display:block;
    width:90px;
    height:4px;
    background:#ff6a00;
    margin:12px auto 0;
    border-radius:20px;
}
.voice-portfolio{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;
}

.voice-card{
background:#ffffff1a;
backdrop-filter:blur(15px);
border:1px solid rgba(255,255,255,.15);
border-radius:18px;
padding:20px;
color:#fff;
}

.voice-code{
display:inline-block;
background:#ff6a00;
color:#fff;
padding:6px 12px;
border-radius:50px;
font-size:13px;
font-weight:700;
margin-bottom:12px;
}

.voice-card h3{
margin:10px 0 15px;
font-size:20px;
}

.voice-card audio{
width:100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0cfa3a *//*====================================
WHY SECTION
====================================*/


.why-section{

max-width:1350px;

margin:auto;

padding:120px 20px;

}



.why-grid{

display:grid;

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

gap:30px;

margin-top:70px;

}





.why-card{

position:relative;

padding:40px 30px;

border-radius:30px;

background:

linear-gradient(

180deg,

rgba(255,255,255,.07),

rgba(255,255,255,.02)

);


border:

1px solid rgba(255,255,255,.1);


backdrop-filter:blur(20px);


overflow:hidden;


transition:.45s;

}





.why-card::before{

content:"";

position:absolute;

width:180px;

height:180px;

background:

rgba(255,140,0,.18);

border-radius:50%;

top:-80px;

right:-80px;

filter:blur(40px);

transition:.5s;

}





.why-card:hover::before{

transform:scale(1.5);

}





.why-card:hover{

transform:translateY(-15px);

border-color:#ff9800;

box-shadow:

0 35px 80px rgba(255,140,0,.2);

}





.why-icon{

width:80px;

height:80px;

display:flex;

align-items:center;

justify-content:center;


font-size:38px;


border-radius:25px;


background:

linear-gradient(

135deg,

#ff8800,

#ffc400

);


margin-bottom:25px;


transition:.4s;

}





.why-card:hover .why-icon{

transform:

rotate(-10deg)

scale(1.15);

}





.why-card h3{

font-size:24px;

margin-bottom:15px;

}



.why-card:hover h3{

color:#ffb300;

}





.why-card p{

color:#ccc;

line-height:2;

font-size:15px;

}





@media(max-width:1100px){


.why-grid{

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

}


}





@media(max-width:768px){


.why-grid{

grid-template-columns:1fr;

}


}/* End custom CSS */