.elementor-311 .elementor-element.elementor-element-5ff17c8{--display:flex;--min-height:450px;--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-end;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-5ff17c8:not(.elementor-motion-effects-element-type-background), .elementor-311 .elementor-element.elementor-element-5ff17c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aswarengineering.mmindsdemo.com/wp-content/uploads/2026/03/building-construction-construction-site-which-build-highrise-buildings.jpg-scaled.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-311 .elementor-element.elementor-element-5ff17c8::before, .elementor-311 .elementor-element.elementor-element-5ff17c8 > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-5ff17c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-5ff17c8 > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-5ff17c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-5ff17c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-311 .elementor-element.elementor-element-dfc21f1 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:70px;font-weight:700;color:#FFFFFF;}.elementor-311 .elementor-element.elementor-element-847faab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-3a0a5ef{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-311 .elementor-element.elementor-element-3a0a5ef.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-311 .elementor-element.elementor-element-2cf5d10{text-align:start;}.elementor-311 .elementor-element.elementor-element-2cf5d10 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:400;color:#292A2C;}.elementor-311 .elementor-element.elementor-element-9e03b55{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-311 .elementor-element.elementor-element-9e03b55 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;color:#0D0D11;}.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-311 .elementor-element.elementor-element-a9dad08{text-align:start;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;color:#545454;}.elementor-311 .elementor-element.elementor-element-c55cb9e{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:80px;}.elementor-311 .elementor-element.elementor-element-c55cb9e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-311 .elementor-element.elementor-element-64dc8d6 .elementor-button{background-color:#C4161D00;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:600;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C4161D;border-radius:30px 30px 30px 30px;padding:19px 30px 19px 30px;}.elementor-311 .elementor-element.elementor-element-64dc8d6 .elementor-button:hover, .elementor-311 .elementor-element.elementor-element-64dc8d6 .elementor-button:focus{background-color:#C4161D;color:#FFFFFF;border-color:#C4161D;}.elementor-311 .elementor-element.elementor-element-64dc8d6 .elementor-button:hover svg, .elementor-311 .elementor-element.elementor-element-64dc8d6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-311 .elementor-element.elementor-element-bc24497{--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:20px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-311 .elementor-element.elementor-element-7125276{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-311 .elementor-element.elementor-element-dd362a4{--grid-columns:3;z-index:0;}.elementor-311 .elementor-element.elementor-element-3a5cc7b{--display:flex;}.elementor-311 .elementor-element.elementor-element-ebeef4f{--grid-columns:3;z-index:0;}.elementor-311 .elementor-element.elementor-element-fd88e4a{--display:flex;}.elementor-311 .elementor-element.elementor-element-748e0cb{--grid-columns:3;z-index:0;}.elementor-311 .elementor-element.elementor-element-c363f74{--display:flex;}.elementor-widget-ucaddon_ue_listing_grid .ue-no-posts-found{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-311 .elementor-element.elementor-element-f6448bd .ue-grid{grid-template-columns:repeat(1, minmax(0, 1fr));gap:0px;}.elementor-311 .elementor-element.elementor-element-f6448bd .ue-grid-item{transition:all 200ms ease-in-out;}.elementor-311 .elementor-element.elementor-element-f6448bd .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}.elementor-311 .elementor-element.elementor-element-5642449{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:39px;--n-tabs-gap:31px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:20px;--n-tabs-title-color:#0D0D11;--n-tabs-title-color-active:#C4161D;}.elementor-311 .elementor-element.elementor-element-5642449 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-311 .elementor-element.elementor-element-5642449.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-311 .elementor-element.elementor-element-5642449.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-311 .elementor-element.elementor-element-5642449.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#CE616100;}.elementor-311 .elementor-element.elementor-element-5642449.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Manrope", Sans-serif;font-weight:bold;}.elementor-311 .elementor-element.elementor-element-5642449 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#C4161D;}.elementor-311 .elementor-element.elementor-element-91195ec{--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:50px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-060d7f6{text-align:center;}.elementor-311 .elementor-element.elementor-element-060d7f6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:400;color:#292A2C;}.elementor-311 .elementor-element.elementor-element-1b1e5e8{text-align:center;}.elementor-311 .elementor-element.elementor-element-1b1e5e8 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:700;color:#0D0D11;}.elementor-311 .elementor-element.elementor-element-7eb24ea{text-align:center;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;color:#545454;}.elementor-311 .elementor-element.elementor-element-7eb24ea p{margin-block-end:50px;}.elementor-311 .elementor-element.elementor-element-ca54e12 .ue-grid{grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px;}.elementor-311 .elementor-element.elementor-element-ca54e12 .ue-grid-item{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;transition:all 200ms ease-in-out;}.elementor-311 .elementor-element.elementor-element-ca54e12 .ue-no-posts-found{color:#000000;background-color:#e8e8e8;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#c4c4c4;}@media(max-width:1024px){.elementor-311 .elementor-element.elementor-element-dd362a4{--grid-columns:2;}.elementor-311 .elementor-element.elementor-element-ebeef4f{--grid-columns:2;}.elementor-311 .elementor-element.elementor-element-748e0cb{--grid-columns:2;}.elementor-311 .elementor-element.elementor-element-f6448bd .ue-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.elementor-311 .elementor-element.elementor-element-ca54e12 .ue-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media(min-width:768px){.elementor-311 .elementor-element.elementor-element-5ff17c8{--content-width:1240px;}.elementor-311 .elementor-element.elementor-element-847faab{--content-width:1240px;}.elementor-311 .elementor-element.elementor-element-3a0a5ef{--width:70%;}.elementor-311 .elementor-element.elementor-element-c55cb9e{--width:30%;}.elementor-311 .elementor-element.elementor-element-bc24497{--content-width:1240px;}.elementor-311 .elementor-element.elementor-element-91195ec{--content-width:1240px;}}@media(max-width:767px){.elementor-311 .elementor-element.elementor-element-5ff17c8{--min-height:212px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-dfc21f1 .elementor-heading-title{font-size:24px;}.elementor-311 .elementor-element.elementor-element-847faab{--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-3a0a5ef{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-311 .elementor-element.elementor-element-2cf5d10 .elementor-heading-title{font-size:14px;}.elementor-311 .elementor-element.elementor-element-9e03b55 .elementor-heading-title{font-size:24px;}.elementor-311 .elementor-element.elementor-element-a9dad08{font-size:14px;}.elementor-311 .elementor-element.elementor-element-c55cb9e{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-311 .elementor-element.elementor-element-64dc8d6 .elementor-button{padding:16px 20px 16px 20px;}.elementor-311 .elementor-element.elementor-element-bc24497{--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-dd362a4{--grid-columns:1;}.elementor-311 .elementor-element.elementor-element-ebeef4f{--grid-columns:1;}.elementor-311 .elementor-element.elementor-element-748e0cb{--grid-columns:1;}.elementor-311 .elementor-element.elementor-element-f6448bd .ue-grid{grid-template-columns:repeat(1, minmax(0, 1fr));}.elementor-311 .elementor-element.elementor-element-5642449{--n-tabs-title-gap:10px;--n-tabs-gap:9px;}.elementor-311 .elementor-element.elementor-element-91195ec{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-060d7f6 .elementor-heading-title{font-size:14px;}.elementor-311 .elementor-element.elementor-element-1b1e5e8 .elementor-heading-title{font-size:24px;}.elementor-311 .elementor-element.elementor-element-7eb24ea{font-size:14px;}.elementor-311 .elementor-element.elementor-element-7eb24ea p{margin-block-end:2px;}.elementor-311 .elementor-element.elementor-element-ca54e12 .ue-grid{grid-template-columns:repeat(1, minmax(0, 1fr));}}/* Start custom CSS for loop-grid, class: .elementor-element-dd362a4 *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ebeef4f *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-748e0cb *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dd362a4 *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ebeef4f *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-748e0cb *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dd362a4 *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ebeef4f *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-748e0cb *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dd362a4 *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ebeef4f *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-748e0cb *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dd362a4 *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-ebeef4f *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-748e0cb *//* 1. Default State: Boxes ko transition ke liye tayyar karna */
.hover-effects .e-loop-item {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative;
    z-index: 1;
}

/* 2. Parent Hover: Jab grid par mouse aaye, baaki sab blur ho jayein */
.hover-effects:hover .e-loop-item {
    filter: blur(4px) grayscale(30%); /* Blur aur thoda pheeka color */
    opacity: 0.5; /* Transparent effect */
    transform: scale(0.95); /* Baaki boxes thode chote ho jayein */
}

/* 3. Item Hover: Jis box par mouse hai, wo highlight ho jaye */
.hover-effects .e-loop-item:hover {
    filter: blur(0px) grayscale(0%) !important; /* Blur khatam */
    opacity: 1 !important; /* Pura visible */
    transform: scale(1.05) !important; /* Halka sa bada focus ke liye */
    z-index: 10 !important; /* Sabse upar nazar aaye */
    box-shadow: 0 20px 40px rgba(0,0,0,0.0) !important; /* Deep shadow effect */
}

/* 4. Smooth handling for the inner container */
.hover-effects .e-loop-item .elementor-element-e54a918 {
    transition: all 0.5s ease-in-out;
}/* End custom CSS */