.elementor-2649 .elementor-element.elementor-element-e2a4e9c{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--background-transition:0.3s;--border-radius:16px 16px 16px 16px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-2649 .elementor-element.elementor-element-ed693e8{--display:flex;--min-height:288px;--background-transition:0.3s;--overlay-opacity:0.2;--border-radius:16px 16px 16px 16px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;--z-index:5;}.elementor-2649 .elementor-element.elementor-element-ed693e8::before, .elementor-2649 .elementor-element.elementor-element-ed693e8 > .elementor-background-video-container::before, .elementor-2649 .elementor-element.elementor-element-ed693e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-2649 .elementor-element.elementor-element-ed693e8 > .elementor-background-slideshow::before, .elementor-2649 .elementor-element.elementor-element-ed693e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2649 .elementor-element.elementor-element-ed693e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#00000096;}.elementor-2649 .elementor-element.elementor-element-ed693e8:hover::before, .elementor-2649 .elementor-element.elementor-element-ed693e8:hover > .elementor-background-video-container::before, .elementor-2649 .elementor-element.elementor-element-ed693e8:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-2649 .elementor-element.elementor-element-ed693e8 > .elementor-background-slideshow:hover::before, .elementor-2649 .elementor-element.elementor-element-ed693e8 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';background-color:#00000096;}.elementor-2649 .elementor-element.elementor-element-ed693e8:hover{--overlay-opacity:0.5;}.elementor-2649 .elementor-element.elementor-element-ed693e8, .elementor-2649 .elementor-element.elementor-element-ed693e8::before{--border-transition:0.3s;}.elementor-2649 .elementor-element.elementor-element-e65e064 .elementor-heading-title{color:#FFFFFF;font-family:"YekanBakh", Sans-serif;font-size:24px;font-weight:600;line-height:40px;}.elementor-2649 .elementor-element.elementor-element-e65e064 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-2649 .elementor-element.elementor-element-5cc1109 .elementor-icon-wrapper{text-align:center;}.elementor-2649 .elementor-element.elementor-element-5cc1109.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-2649 .elementor-element.elementor-element-5cc1109{right:15px;}body.rtl .elementor-2649 .elementor-element.elementor-element-5cc1109{left:15px;}.elementor-2649 .elementor-element.elementor-element-5cc1109{bottom:0px;}.elementor-2649 .elementor-element.elementor-element-3a4e3eb{--display:flex;--background-transition:0.3s;--margin-block-start:-85px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;--z-index:0;}@media(max-width:767px){.elementor-2649 .elementor-element.elementor-element-ed693e8{--z-index:1;}.elementor-2649 .elementor-element.elementor-element-8152a63 img{width:85%;height:97px;}}/* Start custom CSS for container, class: .elementor-element-e2a4e9c */.portfolio-title {
    position: absolute;
    transform: translateY(-30px);
    opacity: 0;
    transition: all 1s ease-in-out;
}
.elementor-2649 .elementor-element.elementor-element-e2a4e9c:hover .portfolio-title {
    opacity: 1;
    transform: translateY(40px);
    transition: all 1s;
}
.arrow1{
    opacity:0;
     transition: all 1s ease-in-out;
}
.elementor-2649 .elementor-element.elementor-element-e2a4e9c:hover .arrow1{
    opacity: 1;
    transition: all 1s;
}

@media screen and (max-width: 768px) {
.portfolio-title {
    position: absolute;
    transform: unset;
    opacity: 1;
    margin-top:20px;
}
.elementor-2649 .elementor-element.elementor-element-e2a4e9c:hover .portfolio-title {
    opacity: 1;
    transform: unset;
    transition: all 1s;
}
.arrow1{
    opacity:1;
     transition: all 1s ease-in-out;
}
.elementor-2649 .elementor-element.elementor-element-e2a4e9c:hover .arrow1{
    opacity: 1;
    transition: all 1s;
}/* End custom CSS */