.elementor-317 .elementor-element.elementor-element-d6d8708{--display:flex;--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-317 .elementor-element.elementor-element-2bc3370{--display:flex;--overflow:hidden;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-317 .elementor-element.elementor-element-878e596 img{width:100%;height:300px;object-fit:cover;object-position:center center;}.elementor-317 .elementor-element.elementor-element-3f5720c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-317 .elementor-element.elementor-element-675636a{text-align:start;}.elementor-317 .elementor-element.elementor-element-675636a .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-8e696e2 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-317 .elementor-element.elementor-element-5b31ecd{text-align:start;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;color:#F5F7FA;}.elementor-317 .elementor-element.elementor-element-4eca2a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-317 .elementor-element.elementor-element-a2423d3{text-align:start;}.elementor-317 .elementor-element.elementor-element-a2423d3 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-e76a59b );}.elementor-317 .elementor-element.elementor-element-01dd682{text-align:start;font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-317 .elementor-element.elementor-element-878e596 img{height:230px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-317 .elementor-element.elementor-element-878e596 img{height:180px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for image, class: .elementor-element-878e596 */.collection-listing-img img{
    
    transition: .5s;
}


.collection-listing-grid:hover .collection-listing-img img{
    transform: scale(1.05);
    transition: .5s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bc3370 */.collection-img-con{
    position: relative;
}


.collection-details{
    position: absolute;
    left: 20px;
    bottom: 20px;
    opacity: 0;
    transition: .5s;
    z-index: 9;
}


.collection-listing-grid:hover .collection-details{
    opacity: 1;
}


.collection-img-con:after{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, hsl(214 69% 14% / 0.9), hsl(214 69% 14% / 0.2), transparent);
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    transition: .5s;
    z-index: 8;
    
}


.collection-listing-grid:hover .collection-img-con:after{
    opacity: 1;
}/* End custom CSS */