.elementor-10687 .elementor-element.elementor-element-e539679{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10687 .elementor-element.elementor-element-13f6efd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-10687 .elementor-element.elementor-element-53713e4{--display:flex;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10687 .elementor-element.elementor-element-53713e4:not(.elementor-motion-effects-element-type-background), .elementor-10687 .elementor-element.elementor-element-53713e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-10687 .elementor-element.elementor-element-53713e4::before, .elementor-10687 .elementor-element.elementor-element-53713e4 > .elementor-background-video-container::before, .elementor-10687 .elementor-element.elementor-element-53713e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-10687 .elementor-element.elementor-element-53713e4 > .elementor-background-slideshow::before, .elementor-10687 .elementor-element.elementor-element-53713e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10687 .elementor-element.elementor-element-53713e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10687 .elementor-element.elementor-element-97e4008{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-10687 .elementor-element.elementor-element-8d77c26{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;}.elementor-10687 .elementor-element.elementor-element-7bcef6f img{border-radius:10px 10px 10px 10px;}.elementor-10687 .elementor-element.elementor-element-c0fc96b{text-align:center;}.elementor-10687 .elementor-element.elementor-element-cf14905{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;}.elementor-10687 .elementor-element.elementor-element-2f1991d img{border-radius:10px 10px 10px 10px;}.elementor-10687 .elementor-element.elementor-element-8f19889{text-align:center;}.elementor-10687 .elementor-element.elementor-element-90dd639{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;}.elementor-10687 .elementor-element.elementor-element-cf2dca3 img{border-radius:10px 10px 10px 10px;}.elementor-10687 .elementor-element.elementor-element-f5e27ca{text-align:center;}@media(min-width:769px){.elementor-10687 .elementor-element.elementor-element-53713e4{--content-width:856px;}}@media(max-width:1024px){.elementor-10687 .elementor-element.elementor-element-13f6efd{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-10687 .elementor-element.elementor-element-13f6efd{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-10687 .elementor-element.elementor-element-53713e4{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10687 .elementor-element.elementor-element-97e4008{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10687 .elementor-element.elementor-element-8d77c26{--width:25%;}.elementor-10687 .elementor-element.elementor-element-c0fc96b .elementor-heading-title{font-size:18px;}.elementor-10687 .elementor-element.elementor-element-cf14905{--width:25%;}.elementor-10687 .elementor-element.elementor-element-8f19889 .elementor-heading-title{font-size:18px;}.elementor-10687 .elementor-element.elementor-element-90dd639{--width:25%;}.elementor-10687 .elementor-element.elementor-element-f5e27ca .elementor-heading-title{font-size:18px;}}/* Start custom CSS for image, class: .elementor-element-7bcef6f */.elementor-10687 .elementor-element.elementor-element-7bcef6f{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.elementor-10687 .elementor-element.elementor-element-7bcef6f::before{
    content:"";
    position:absolute;
    top:0;
    left:-150%;
    width:70%;
    height:100%;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.15) 35%,
        rgba(255,255,255,.55) 50%,
        rgba(255,255,255,.15) 65%,
        rgba(255,255,255,0) 100%
    );
    transform:skewX(-25deg);
    transition:left .8s ease;
    z-index:2;
    pointer-events:none;
}

.elementor-10687 .elementor-element.elementor-element-7bcef6f:hover::before{
    left:170%;
}

.elementor-10687 .elementor-element.elementor-element-7bcef6f:hover::after{
    opacity:1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f1991d */.elementor-10687 .elementor-element.elementor-element-2f1991d{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.elementor-10687 .elementor-element.elementor-element-2f1991d::before{
    content:"";
    position:absolute;
    top:0;
    left:-150%;
    width:70%;
    height:100%;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.15) 35%,
        rgba(255,255,255,.55) 50%,
        rgba(255,255,255,.15) 65%,
        rgba(255,255,255,0) 100%
    );
    transform:skewX(-25deg);
    transition:left .8s ease;
    z-index:2;
    pointer-events:none;
}

.elementor-10687 .elementor-element.elementor-element-2f1991d:hover::before{
    left:170%;
}

.elementor-10687 .elementor-element.elementor-element-2f1991d:hover::after{
    opacity:1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf2dca3 */.elementor-10687 .elementor-element.elementor-element-cf2dca3{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.elementor-10687 .elementor-element.elementor-element-cf2dca3::before{
    content:"";
    position:absolute;
    top:0;
    left:-150%;
    width:70%;
    height:100%;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.15) 35%,
        rgba(255,255,255,.55) 50%,
        rgba(255,255,255,.15) 65%,
        rgba(255,255,255,0) 100%
    );
    transform:skewX(-25deg);
    transition:left .8s ease;
    z-index:2;
    pointer-events:none;
}

.elementor-10687 .elementor-element.elementor-element-cf2dca3:hover::before{
    left:170%;
}

.elementor-10687 .elementor-element.elementor-element-cf2dca3:hover::after{
    opacity:1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53713e4 *//* =====================================
   PRODUCT CARD
===================================== */

.product-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-radius:20px;
    border:1px solid #ececec;
    transition:all .35s ease;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    cursor:pointer;
}

/* هاور کارت */

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.15);
}

/* =====================================
   IMAGE
===================================== */

.product-card img{

    width:100%;
    display:block;
    object-fit:cover;

    transition:
        transform .55s ease,
        filter .55s ease;

}

/* زوم خیلی ملایم */

.product-card:hover img{

    transform:scale(1.05);

}

/* =====================================
   SHINE EFFECT
===================================== */

.product-card::after{

    content:"";

    position:absolute;

    top:-20%;

    left:-120%;

    width:45%;

    height:150%;

    background:linear-gradient(

        120deg,

        transparent 0%,

        rgba(255,255,255,0) 20%,

        rgba(255,255,255,.65) 50%,

        rgba(255,255,255,0) 80%,

        transparent 100%

    );

    transform:rotate(18deg);

    transition:left .8s ease;

    pointer-events:none;

}

.product-card:hover::after{

    left:160%;

}

/* =====================================
   TITLE
===================================== */

.product-title{

    transition:.3s;

}

.product-card:hover .product-title{

    color:#2d5cff;

}

/* =====================================
   BUTTON
===================================== */

.product-btn{

    display:inline-block;

    padding:12px 26px;

    border-radius:12px;

    background:#1f5eff;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.product-btn:hover{

    background:#194ecf;

}

/* =====================================
   MOBILE
===================================== */

@media(max-width:768px){

.product-card{

    border-radius:16px;

}

}/* End custom CSS */