.elementor-692 .elementor-element.elementor-element-4815dd4{--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;--padding-top:200px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-692 .elementor-element.elementor-element-4815dd4:not(.elementor-motion-effects-element-type-background), .elementor-692 .elementor-element.elementor-element-4815dd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://siyarampackers.com/wp-content/uploads/2026/01/breadcrumb_bg-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-b123ef3{left:50px;}body.rtl .elementor-692 .elementor-element.elementor-element-b123ef3{right:50px;}.elementor-692 .elementor-element.elementor-element-b123ef3{top:50px;}.elementor-692 .elementor-element.elementor-element-b123ef3 img{width:10px;opacity:0.2;}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-0dd487e{left:50px;}body.rtl .elementor-692 .elementor-element.elementor-element-0dd487e{right:50px;}.elementor-692 .elementor-element.elementor-element-0dd487e{top:50px;}.elementor-692 .elementor-element.elementor-element-0dd487e img{opacity:0.2;}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-201eef3{left:40%;}body.rtl .elementor-692 .elementor-element.elementor-element-201eef3{right:40%;}.elementor-692 .elementor-element.elementor-element-201eef3{bottom:60px;}.elementor-692 .elementor-element.elementor-element-201eef3 img{width:100px;opacity:0.15;}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-3a4e7c2{left:40%;}body.rtl .elementor-692 .elementor-element.elementor-element-3a4e7c2{right:40%;}.elementor-692 .elementor-element.elementor-element-3a4e7c2{bottom:50px;}.elementor-692 .elementor-element.elementor-element-3a4e7c2 img{opacity:0.2;}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-0702863{right:0px;}body.rtl .elementor-692 .elementor-element.elementor-element-0702863{left:0px;}.elementor-692 .elementor-element.elementor-element-0702863{top:28%;}.elementor-692 .elementor-element.elementor-element-0702863 img{opacity:0.3;}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-487282e{right:100px;}body.rtl .elementor-692 .elementor-element.elementor-element-487282e{left:100px;}.elementor-692 .elementor-element.elementor-element-487282e{top:28%;}.elementor-692 .elementor-element.elementor-element-487282e img{opacity:0.3;}.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-692 .elementor-element.elementor-element-af6193c .elementor-heading-title{color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-692 .elementor-element.elementor-element-a6f1d1f .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-692 .elementor-element.elementor-element-a6f1d1f .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-692 .elementor-element.elementor-element-a6f1d1f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-692 .elementor-element.elementor-element-a6f1d1f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-692 .elementor-element.elementor-element-a6f1d1f .elementor-icon-list-item > a{font-family:"Ubuntu", Sans-serif;font-size:16px;font-weight:500;line-height:1.6em;}.elementor-692 .elementor-element.elementor-element-a6f1d1f .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;transition:color 0.3s;}.elementor-692 .elementor-element.elementor-element-53c6a30{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-692 .elementor-element.elementor-element-069156e{--display:flex;}.elementor-692 .elementor-element.elementor-element-ae5ffbf{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-692 .elementor-element.elementor-element-ae5ffbf .elementor-heading-title{font-family:"Bilbo Swash Caps", Sans-serif;font-size:30px;font-weight:600;letter-spacing:1.3px;color:#564DE9;}.elementor-692 .elementor-element.elementor-element-92fbb27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-692 .elementor-element.elementor-element-92fbb27 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;font-weight:500;letter-spacing:-0.4px;color:#020545;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-692 .elementor-element.elementor-element-977e788{text-align:center;}.elementor-692 .elementor-element.elementor-element-4dcaf75{--display:flex;}@media(max-width:1024px){.elementor-692 .elementor-element.elementor-element-4815dd4{--padding-top:180px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-692 .elementor-element.elementor-element-b123ef3 img{width:90px;}.elementor-692 .elementor-element.elementor-element-0dd487e img{width:180px;}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-201eef3{left:52%;}body.rtl .elementor-692 .elementor-element.elementor-element-201eef3{right:52%;}.elementor-692 .elementor-element.elementor-element-201eef3{bottom:30px;}.elementor-692 .elementor-element.elementor-element-201eef3 img{width:90px;}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-3a4e7c2{left:47%;}body.rtl .elementor-692 .elementor-element.elementor-element-3a4e7c2{right:47%;}.elementor-692 .elementor-element.elementor-element-3a4e7c2{bottom:30px;}.elementor-692 .elementor-element.elementor-element-3a4e7c2 img{width:200px;}body:not(.rtl) .elementor-692 .elementor-element.elementor-element-0702863{right:0px;}body.rtl .elementor-692 .elementor-element.elementor-element-0702863{left:0px;}.elementor-692 .elementor-element.elementor-element-0702863 img{width:220px;}.elementor-692 .elementor-element.elementor-element-487282e img{width:100px;}}@media(max-width:767px){.elementor-692 .elementor-element.elementor-element-4815dd4{--padding-top:150px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-692 .elementor-element.elementor-element-92fbb27 .elementor-heading-title{line-height:1.3em;}}/* Start custom CSS for container, class: .elementor-element-53c6a30 *//* =========================================
   1. FORCE GRID LAYOUT (Fixes Missing Columns/Cards)
   ========================================= */
/* Container ko Grid banaya */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__items {
    display: grid !important;
    /* Desktop par 3 columns fix */
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 30px !important;
    height: auto !important; /* Height collapse fix */
    position: relative !important;
}

/* Plugin ki JS positioning ko kill karna */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-wrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important; /* Animation glitch fix */
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}

/* =========================================
   2. EXCERPT (DESCRIPTION) FIX
   ========================================= */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-meta-excerpt {
    display: block !important; /* Ensure it is visible */
    font-size: 13px;
    color: #666666; /* Grey text */
    line-height: 1.5;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #eee; /* Divider line */
    width: 100%;
}

/* =========================================
   3. CARD DESIGN (Siyaram Branding)
   ========================================= */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%; /* Card full height lega */
    display: flex;
    flex-direction: column;
}

.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border-color: #dbeaff;
}

/* =========================================
   4. IMAGE STYLING (No Gap)
   ========================================= */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-img-wrap {
    height: 200px;
    width: 100%;
    overflow: hidden;
    border-bottom: 3px solid #0f4c8c; /* Blue Line */
    line-height: 0;
}

.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item:hover .vp-portfolio__item-img img {
    transform: scale(1.1);
}

/* =========================================
   5. TEXT CONTENT STYLING
   ========================================= */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-caption {
    padding: 15px;
    text-align: center;
    background: #fff;
    flex-grow: 1; /* Content stretch karega */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Category (Gold) */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-meta-categories {
    margin-bottom: 5px !important;
    line-height: 1;
}

.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-meta-category a {
    color: #d4af37;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
}

/* Title (Blue/Black) */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-meta-title {
    margin: 0 !important;
}

.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-meta-title a {
    color: #1a1a2e;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s;
}

.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__item-meta-title a:hover {
    color: #0f4c8c;
}

/* =========================================
   6. FILTER BUTTONS
   ========================================= */
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-filter__style-default {
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    display: flex;
}

.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-filter__item a {
    background: #fff;
    color: #555;
    border: 1px solid #eee;
    padding: 8px 22px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    transition: 0.3s;
}

.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-filter__item.vp-filter__item-active a,
.elementor-692 .elementor-element.elementor-element-53c6a30 .vp-filter__item a:hover {
    background: #0f4c8c;
    color: #fff;
    border-color: #0f4c8c;
}

/* =========================================
   7. RESPONSIVE (Mobile/Tablet)
   ========================================= */
@media (max-width: 1024px) {
    .elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__items {
        grid-template-columns: repeat(2, 1fr) !important; /* Tablet: 2 Columns */
    }
}

@media (max-width: 767px) {
    .elementor-692 .elementor-element.elementor-element-53c6a30 .vp-portfolio__items {
        grid-template-columns: repeat(1, 1fr) !important; /* Mobile: 1 Column */
    }
}/* End custom CSS */