.elementor-9750 .elementor-element.elementor-element-dfc0178{--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;--justify-content:flex-start;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;}.elementor-9750 .elementor-element.elementor-element-dfc0178::before, .elementor-9750 .elementor-element.elementor-element-dfc0178 > .elementor-background-video-container::before, .elementor-9750 .elementor-element.elementor-element-dfc0178 > .e-con-inner > .elementor-background-video-container::before, .elementor-9750 .elementor-element.elementor-element-dfc0178 > .elementor-background-slideshow::before, .elementor-9750 .elementor-element.elementor-element-dfc0178 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9750 .elementor-element.elementor-element-dfc0178 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9750 .elementor-element.elementor-element-1d077ed{--display:flex;--overlay-opacity:0.5;}.elementor-9750 .elementor-element.elementor-element-1d077ed::before, .elementor-9750 .elementor-element.elementor-element-1d077ed > .elementor-background-video-container::before, .elementor-9750 .elementor-element.elementor-element-1d077ed > .e-con-inner > .elementor-background-video-container::before, .elementor-9750 .elementor-element.elementor-element-1d077ed > .elementor-background-slideshow::before, .elementor-9750 .elementor-element.elementor-element-1d077ed > .e-con-inner > .elementor-background-slideshow::before, .elementor-9750 .elementor-element.elementor-element-1d077ed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9750 .elementor-element.elementor-element-1d077ed:hover::before, .elementor-9750 .elementor-element.elementor-element-1d077ed:hover > .elementor-background-video-container::before, .elementor-9750 .elementor-element.elementor-element-1d077ed:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9750 .elementor-element.elementor-element-1d077ed > .elementor-background-slideshow:hover::before, .elementor-9750 .elementor-element.elementor-element-1d077ed > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-9750 .elementor-element.elementor-element-1d077ed:hover{--overlay-opacity:0.5;}.elementor-9750 .elementor-element.elementor-element-5c04e33 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-9750 .elementor-element.elementor-element-5c04e33.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-9750 .elementor-element.elementor-element-5c04e33{left:0px;}body.rtl .elementor-9750 .elementor-element.elementor-element-5c04e33{right:0px;}.elementor-9750 .elementor-element.elementor-element-5c04e33{top:0px;}.elementor-9750 .elementor-element.elementor-element-5c04e33 .elementor-icon-wrapper{text-align:right;}.elementor-9750 .elementor-element.elementor-element-5c04e33 .elementor-icon{font-size:15px;}.elementor-9750 .elementor-element.elementor-element-5c04e33 .elementor-icon svg{height:15px;}.elementor-9750 .elementor-element.elementor-element-61285a4 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 02vw 0vw 2vw;}body:not(.rtl) .elementor-9750 .elementor-element.elementor-element-61285a4{left:0px;}body.rtl .elementor-9750 .elementor-element.elementor-element-61285a4{right:0px;}.elementor-9750 .elementor-element.elementor-element-61285a4{top:1vw;}.elementor-9750 .elementor-element.elementor-element-61285a4 .jet-listing-dynamic-link__link{align-self:flex-start;font-family:"Karla", Sans-serif;font-size:28px;font-weight:700;line-height:1.2em;flex-direction:row;}.elementor-9750 .elementor-element.elementor-element-61285a4 .jet-listing-dynamic-link__icon{order:1;}.elementor-9750 .elementor-element.elementor-element-00c6dc7 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 02vw 0vw 02vw;}body:not(.rtl) .elementor-9750 .elementor-element.elementor-element-00c6dc7{left:0px;}body.rtl .elementor-9750 .elementor-element.elementor-element-00c6dc7{right:0px;}.elementor-9750 .elementor-element.elementor-element-00c6dc7{top:50px;}.elementor-9750 .elementor-element.elementor-element-00c6dc7 .jet-listing-dynamic-link__link{align-self:flex-start;font-family:"Inter", Sans-serif;font-size:1.1vw;font-weight:300;line-height:1.2em;flex-direction:row;}.elementor-9750 .elementor-element.elementor-element-00c6dc7 .jet-listing-dynamic-link__icon{order:1;}.elementor-9750 .elementor-element.elementor-element-012402c .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-9750 .elementor-element.elementor-element-012402c .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-9750 .elementor-element.elementor-element-012402c .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-9750 .elementor-element.elementor-element-012402c .jet-listing-dynamic-field__content{text-align:left;}.elementor-9750 .elementor-element.elementor-element-a60fc34 .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-9750 .elementor-element.elementor-element-a60fc34 .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-9750 .elementor-element.elementor-element-a60fc34 .jet-listing-dynamic-image__caption{text-align:left;}@media(min-width:2400px){.elementor-9750 .elementor-element.elementor-element-61285a4{top:1vw;}.elementor-9750 .elementor-element.elementor-element-61285a4 .jet-listing-dynamic-link__link{font-size:32px;}.elementor-9750 .elementor-element.elementor-element-00c6dc7{top:2.5vw;}.elementor-9750 .elementor-element.elementor-element-00c6dc7 .jet-listing-dynamic-link__link{font-size:20px;}}@media(max-width:1024px){body:not(.rtl) .elementor-9750 .elementor-element.elementor-element-61285a4{left:1vw;}body.rtl .elementor-9750 .elementor-element.elementor-element-61285a4{right:1vw;}.elementor-9750 .elementor-element.elementor-element-61285a4{top:2vw;}body:not(.rtl) .elementor-9750 .elementor-element.elementor-element-00c6dc7{left:1vw;}body.rtl .elementor-9750 .elementor-element.elementor-element-00c6dc7{right:1vw;}.elementor-9750 .elementor-element.elementor-element-00c6dc7{top:6vw;}.elementor-9750 .elementor-element.elementor-element-00c6dc7 .jet-listing-dynamic-link__link{font-size:18px;}}@media(max-width:767px){.elementor-9750 .elementor-element.elementor-element-1d077ed{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9750 .elementor-element.elementor-element-00c6dc7{top:12vw;}}/* Start custom CSS for icon, class: .elementor-element-5c04e33 *//* Hide the icon by default */
.elementor-element.elementor-element-dfc0178.e-con-full.box-listing.e-flex.e-con.e-parent.e-lazyloaded .hover-icon-listing {
    opacity: 0;
    visibility: hidden;
    position: absolute; /* Enables precise positioning within the parent */
    top: 10px; /* Adjust as needed */
    right: 10px !important; /* Adjust as needed */
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Show the icon when hovering over the box-listing */
.elementor-element.elementor-element-dfc0178.e-con-full.box-listing.e-flex.e-con.e-parent.e-lazyloaded:hover .hover-icon-listing {
    opacity: 1;
    visibility: visible;
}

/* Ensure the parent box-listing element has relative positioning */
.elementor-element.elementor-element-4831336.e-con-full.box-listing.e-flex.e-con.e-parent.e-lazyloaded {
    position: relative; /* Establishes a positioning context */
    overflow: hidden; /* Prevents content from spilling out */
}

/* Ensure the conflicting styles are overridden and positioning remains intact */
body:not(.rtl) .elementor-9294 .elementor-element.elementor-element-2b67f99 {
    right: auto !important; /* Override the left positioning */
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-012402c */.elementor-9750 .elementor-element.elementor-element-012402c video {
    outline: none;
    border-radius: 15px;
    max-width: 20vw;
    min-width: 20vw;
    min-height:30vh;
        max-height: 30vh;
object-fit: cover;
}

@media (min-width: 768px) and (max-width: 1024px) {
.single-portfolio-video video{
    border-radius: 25px;
        min-width: 100% !important;
    max-width: 100% !important;
min-height: 30vh;
max-height: 30vh;
object-fit: cover;
}
}

@media (min-width: 320px) and (max-width: 480px) {
    .elementor-9750 .elementor-element.elementor-element-012402c video {
    outline: none;
    filter: brightness(50%);
    border-radius: 5px;
    max-width: 100%;
    min-width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-image, class: .elementor-element-a60fc34 */.single-portfolio-img img {
    border-radius: 25px;
        min-width: 20vw;
    max-width: 20vw;
min-height: 30vh;
max-height: 30vh;
object-fit: cover;
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
.single-portfolio-img img {
    border-radius: 25px;
        min-width: 100%;
    max-width: 100%;
min-height: 30vh;
max-height: 30vh;
object-fit: cover;
}
}

@media (min-width: 320px) and (max-width: 480px) {
.single-portfolio-img img {
    border-radius: 5px;
        min-width: 100%;
    max-width: 100;
filter: brightness(50%);
}   
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d077ed *//* Ensure smooth rotation for the icon inside .box-listing */
.box-listing .elementor-icon {
    transition: transform 0.3s ease; /* Smooth transition for rotation */
    transform-origin: center; /* Set the rotation point to the center */
}

/* Rotate the icon when hovering over it, inside .box-listing */
.box-listing .elementor-icon:hover {
    transform: rotate(-30deg); /* Rotate the icon */
}

/* Apply brightness filter (darken) on the image when hovering the container */
.box-listing:hover .single-portfolio-img img {
    filter: brightness(0.5); /* Darken the image */
    transition: filter 0.3s ease; /* Smooth transition for filter */
}

/* Apply brightness filter (darken) on the video when hovering the container */
.box-listing:hover .single-portfolio-video video {
    filter: brightness(0.5); /* Darken the video */
    transition: filter 0.3s ease; /* Smooth transition for filter */
}/* End custom CSS */