.elementor-21899 .elementor-element.elementor-element-fb67b78{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.58;--padding-top:78px;--padding-bottom:69px;--padding-left:30px;--padding-right:30px;}.elementor-21899 .elementor-element.elementor-element-fb67b78:not(.elementor-motion-effects-element-type-background), .elementor-21899 .elementor-element.elementor-element-fb67b78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mworld.pk/wp-content/uploads/2026/05/vitrium-banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21899 .elementor-element.elementor-element-fb67b78::before, .elementor-21899 .elementor-element.elementor-element-fb67b78 > .elementor-background-video-container::before, .elementor-21899 .elementor-element.elementor-element-fb67b78 > .e-con-inner > .elementor-background-video-container::before, .elementor-21899 .elementor-element.elementor-element-fb67b78 > .elementor-background-slideshow::before, .elementor-21899 .elementor-element.elementor-element-fb67b78 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21899 .elementor-element.elementor-element-fb67b78 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000080;--background-overlay:'';}.elementor-21899 .elementor-element.elementor-element-67180fb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap: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-21899 .elementor-element.elementor-element-9dc75b6{text-align:center;}.elementor-21899 .elementor-element.elementor-element-9dc75b6 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-21899 .elementor-element.elementor-element-1104065{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--overlay-opacity:0.5;--padding-top:140px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-21899 .elementor-element.elementor-element-1104065::before, .elementor-21899 .elementor-element.elementor-element-1104065 > .elementor-background-video-container::before, .elementor-21899 .elementor-element.elementor-element-1104065 > .e-con-inner > .elementor-background-video-container::before, .elementor-21899 .elementor-element.elementor-element-1104065 > .elementor-background-slideshow::before, .elementor-21899 .elementor-element.elementor-element-1104065 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21899 .elementor-element.elementor-element-1104065 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-hnice-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21899 .elementor-element.elementor-element-abc3206{text-align:center;}.elementor-21899 .elementor-element.elementor-element-abc3206 > .elementor-widget-container{padding:0px 0px 60px 0px;}.elementor-21899 .elementor-element.elementor-element-abc3206.elementor-element{--align-self:center;}.elementor-21899 .elementor-element.elementor-element-abc3206 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Marcellus", Sans-serif;font-weight:400;}.elementor-21899 .elementor-element.elementor-element-abc3206 .elementor-sub-title{font-size:13px;font-weight:400;line-height:18px;letter-spacing:2px;}.elementor-21899 .elementor-element.elementor-element-abc3206.subtitle-position-below .elementor-sub-title{margin-top:26px;}.elementor-21899 .elementor-element.elementor-element-abc3206.subtitle-position-above .elementor-sub-title{margin-bottom:26px;}.elementor-21899 .elementor-element.elementor-element-982055d{--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:240px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:90px;--padding-right:90px;}.elementor-21899 .elementor-element.elementor-element-5fb33db .category-product-caption{justify-content:flex-start;text-align:center;}.elementor-21899 .elementor-element.elementor-element-5fb33db{--e-global-column-to-show:4;--grid-column-gap:30px;--grid-row-gap:30px;}.elementor-21899 .elementor-element.elementor-element-5fb33db .swiper-slide{width:calc((100% - 30px*(4 - 1)) / 4);margin-right:30px;}.elementor-21899 .elementor-element.elementor-element-5fb33db .elementor-widget-container{text-align:center;}.elementor-21899 .elementor-element.elementor-element-5fb33db .category-product-img, .elementor-21899 .elementor-element.elementor-element-5fb33db .category-product-img img{border-radius:10px 10px 10px 10px;}.elementor-21899 .elementor-element.elementor-element-5fb33db .category-product-img a:before{border-radius:10px 10px 10px 10px;}.elementor-21899 .elementor-element.elementor-element-5fb33db .swiper-pagination{text-align:center;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-21899 .elementor-element.elementor-element-1104065{--padding-top:140px;--padding-bottom:290px;--padding-left:30px;--padding-right:30px;}.elementor-21899 .elementor-element.elementor-element-982055d{--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1200px){.elementor-21899 .elementor-element.elementor-element-1104065{--padding-top:140px;--padding-bottom:230px;--padding-left:30px;--padding-right:30px;}.elementor-21899 .elementor-element.elementor-element-982055d{--margin-top:-170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px){.elementor-21899 .elementor-element.elementor-element-67180fb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21899 .elementor-element.elementor-element-1104065{--padding-top:80px;--padding-bottom:200px;--padding-left:30px;--padding-right:30px;}.elementor-21899 .elementor-element.elementor-element-982055d{--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:880px){.elementor-21899 .elementor-element.elementor-element-1104065{--padding-top:60px;--padding-bottom:140px;--padding-left:30px;--padding-right:30px;}.elementor-21899 .elementor-element.elementor-element-abc3206 .elementor-heading-title{font-size:35px;line-height:40px;}.elementor-21899 .elementor-element.elementor-element-abc3206.subtitle-position-below .elementor-sub-title{margin-top:0px;}.elementor-21899 .elementor-element.elementor-element-abc3206.subtitle-position-above .elementor-sub-title{margin-bottom:0px;}.elementor-21899 .elementor-element.elementor-element-982055d{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-21899 .elementor-element.elementor-element-fb67b78{--min-height:200px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-21899 .elementor-element.elementor-element-9dc75b6 .elementor-heading-title{font-size:3rem;}.elementor-21899 .elementor-element.elementor-element-1104065{--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-21899 .elementor-element.elementor-element-abc3206 .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-21899 .elementor-element.elementor-element-982055d{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-21899 .elementor-element.elementor-element-5fb33db{--e-global-column-to-show:1;}.elementor-21899 .elementor-element.elementor-element-5fb33db .swiper-slide{width:calc((100% - 30px*(1 - 1)) / 1);margin-right:30px;}}/* Start custom CSS for hnice-product-categories, class: .elementor-element-5fb33db *//* Make whole card clickable */
.product-cat{
    position:relative;
    overflow:hidden;
}

/* Stretch link WITHOUT blocking hover */
.product-cat .category-product-link{
   
    
    z-index:2;
}

/* Image container */
.category-product-img{
    position:relative;
    overflow:hidden;
    z-index:1;
}

/* GREEN GRADIENT OVERLAY */
.category-product-img::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
        180deg,
        rgba(12,239,126,0) 0%,
        rgba(12,239,126,0.45) 60%,
        rgba(12,239,126,0.85) 100%
    );
    opacity:0;
    transition: opacity .35s ease;
    z-index:3;
    pointer-events:none; /* ⭐ IMPORTANT */
}

/* Hover trigger (works now) */
.product-cat:hover .category-product-img::after{
    opacity:1;
}

/* Caption */
.category-product-caption{
    margin-top:15px;
    text-align:center;
    position:relative;
    z-index:4;
}

/* Title */
.category-title a{
    font-size:20px;
    font-weight:600;
    color:#222;
    text-decoration:none;
}

/* Title hover */
.product-cat:hover .category-title a{
    color:#0CEF7E;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-982055d */.lqd-pf-item-style-2:hover, .lqd-tabs-style-4 .lqd-tabs-nav li:hover .lqd-tabs-nav-icon-icon i {
    transform: translateY(-4px);
}
.gradient-button {
  background-image: linear-gradient(to right, #ff7e5f, #feb47b, #ff7e5f); /* Define a wider gradient */
  background-size: 200% 100%; /* Make the background twice as wide */
  background-position: left center; /* Start at the left */
  transition: background-position 0.5s ease-in-out; /* Smooth transition for position */
  padding: 10px 20px;
  color: white;
  border: none;
  cursor: pointer;
}

.gradient-button:hover {
  background-position: right center; /* Move the background to the right on hover */
}/* End custom CSS */