.elementor-7592 .elementor-element.elementor-element-3f6bae0{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-7592 .elementor-element.elementor-element-3f6bae0:not(.elementor-motion-effects-element-type-background), .elementor-7592 .elementor-element.elementor-element-3f6bae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://paragoncateringbd.com/wp-content/uploads/2025/12/our-services-paragon-catering-dhanmondi-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7592 .elementor-element.elementor-element-3f6bae0::before, .elementor-7592 .elementor-element.elementor-element-3f6bae0 > .elementor-background-video-container::before, .elementor-7592 .elementor-element.elementor-element-3f6bae0 > .e-con-inner > .elementor-background-video-container::before, .elementor-7592 .elementor-element.elementor-element-3f6bae0 > .elementor-background-slideshow::before, .elementor-7592 .elementor-element.elementor-element-3f6bae0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7592 .elementor-element.elementor-element-3f6bae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-7592 .elementor-element.elementor-element-e792cb7{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7592 .elementor-element.elementor-element-ae6e1a1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7592 .elementor-element.elementor-element-ae6e1a1{text-align:center;}.elementor-7592 .elementor-element.elementor-element-ae6e1a1 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-7592 .elementor-element.elementor-element-996d9a0{--display:flex;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-7592 .elementor-element.elementor-element-996d9a0:not(.elementor-motion-effects-element-type-background), .elementor-7592 .elementor-element.elementor-element-996d9a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFEFEF;}.elementor-7592 .elementor-element.elementor-element-71ca634{--display:flex;}.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-7592 .elementor-element.elementor-element-0a7927e{column-gap:0px;text-align:start;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-f573f2b );}.elementor-7592 .elementor-element.elementor-element-0a7927e p{margin-block-end:0px;}.elementor-7592 .elementor-element.elementor-element-da5a1f3{--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:20px;--padding-left:0px;--padding-right:0px;}.elementor-7592 .elementor-element.elementor-element-da5a1f3:not(.elementor-motion-effects-element-type-background), .elementor-7592 .elementor-element.elementor-element-da5a1f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1b2c63d );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .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 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .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 > .elementor-widget-container > .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-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-7592 .elementor-element.elementor-element-9dd4dfb{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7592 .elementor-element.elementor-element-a9a87cf{--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;}.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-7592 .elementor-element.elementor-element-7b1661a{--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;}.elementor-7592 .elementor-element.elementor-element-1e16979 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:28px;font-weight:400;color:var( --e-global-color-f573f2b );}.elementor-7592 .elementor-element.elementor-element-52abd11{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-7592 .elementor-element.elementor-element-6b819ee{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7592 .elementor-element.elementor-element-ef4a020{--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;}.elementor-7592 .elementor-element.elementor-element-6d306f1{--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;}.elementor-7592 .elementor-element.elementor-element-3001209 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:28px;font-weight:400;color:var( --e-global-color-f573f2b );}.elementor-7592 .elementor-element.elementor-element-488600f{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-7592 .elementor-element.elementor-element-b05a60a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7592 .elementor-element.elementor-element-00f7e98{--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;}.elementor-7592 .elementor-element.elementor-element-df38fdb{--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;}.elementor-7592 .elementor-element.elementor-element-50a83f1 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:28px;font-weight:400;color:var( --e-global-color-f573f2b );}.elementor-7592 .elementor-element.elementor-element-a80eee9{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-7592 .elementor-element.elementor-element-777b365{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7592 .elementor-element.elementor-element-9a57807{--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;}.elementor-7592 .elementor-element.elementor-element-1877c63{--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;}.elementor-7592 .elementor-element.elementor-element-435ced7 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:28px;font-weight:400;color:var( --e-global-color-f573f2b );}.elementor-7592 .elementor-element.elementor-element-c9569fb{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-7592 .elementor-element.elementor-element-99e948d{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:auto;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:100%;--n-tabs-title-align-items:center;--n-tabs-heading-wrap:nowrap;}.elementor-7592 .elementor-element.elementor-element-99e948d > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#BDBDBD;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7592 .elementor-element.elementor-element-a9a87cf{--width:60%;}.elementor-7592 .elementor-element.elementor-element-7b1661a{--width:40%;}.elementor-7592 .elementor-element.elementor-element-ef4a020{--width:60%;}.elementor-7592 .elementor-element.elementor-element-6d306f1{--width:40%;}.elementor-7592 .elementor-element.elementor-element-00f7e98{--width:60%;}.elementor-7592 .elementor-element.elementor-element-df38fdb{--width:40%;}.elementor-7592 .elementor-element.elementor-element-9a57807{--width:60%;}.elementor-7592 .elementor-element.elementor-element-1877c63{--width:40%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-7592 .elementor-element.elementor-element-ae6e1a1 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-7592 .elementor-element.elementor-element-0a7927e{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-7592 .elementor-element.elementor-element-1e16979 .elementor-heading-title{font-size:32px;}.elementor-7592 .elementor-element.elementor-element-52abd11{font-size:16px;}.elementor-7592 .elementor-element.elementor-element-3001209 .elementor-heading-title{font-size:32px;}.elementor-7592 .elementor-element.elementor-element-488600f{font-size:16px;}.elementor-7592 .elementor-element.elementor-element-50a83f1 .elementor-heading-title{font-size:32px;}.elementor-7592 .elementor-element.elementor-element-a80eee9{font-size:16px;}.elementor-7592 .elementor-element.elementor-element-435ced7 .elementor-heading-title{font-size:32px;}.elementor-7592 .elementor-element.elementor-element-c9569fb{font-size:16px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-7592 .elementor-element.elementor-element-ae6e1a1{width:var( --container-widget-width, 289.056px );max-width:289.056px;--container-widget-width:289.056px;--container-widget-flex-grow:0;text-align:center;}.elementor-7592 .elementor-element.elementor-element-ae6e1a1 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-7592 .elementor-element.elementor-element-0a7927e{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-7592 .elementor-element.elementor-element-1e16979 .elementor-heading-title{font-size:28px;}.elementor-7592 .elementor-element.elementor-element-52abd11{font-size:16px;}.elementor-7592 .elementor-element.elementor-element-3001209 .elementor-heading-title{font-size:28px;}.elementor-7592 .elementor-element.elementor-element-488600f{font-size:16px;}.elementor-7592 .elementor-element.elementor-element-50a83f1 .elementor-heading-title{font-size:28px;}.elementor-7592 .elementor-element.elementor-element-a80eee9{font-size:16px;}.elementor-7592 .elementor-element.elementor-element-435ced7 .elementor-heading-title{font-size:28px;}.elementor-7592 .elementor-element.elementor-element-c9569fb{font-size:16px;}}/* Start custom CSS for image, class: .elementor-element-3575613 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3575613:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e16979 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cbf8993 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-cbf8993:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3001209 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3f62ca2 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3f62ca2:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-50a83f1 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94d34c9 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-94d34c9:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-435ced7 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3575613 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3575613:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e16979 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cbf8993 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-cbf8993:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3001209 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3f62ca2 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3f62ca2:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-50a83f1 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94d34c9 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-94d34c9:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-435ced7 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3575613 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3575613:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e16979 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cbf8993 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-cbf8993:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3001209 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3f62ca2 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3f62ca2:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-50a83f1 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94d34c9 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-94d34c9:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-435ced7 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3575613 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3575613:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e16979 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cbf8993 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-cbf8993:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3001209 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3f62ca2 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3f62ca2:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-50a83f1 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94d34c9 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-94d34c9:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-435ced7 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3575613 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3575613 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3575613:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e16979 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cbf8993 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-cbf8993 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-cbf8993:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3001209 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3f62ca2 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-3f62ca2 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-3f62ca2:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-50a83f1 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-94d34c9 *//* 1. Container Setup: Clips the zoom and handles the dark overlay */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container {
    overflow: hidden;
    position: relative;
    background-color: #000; /* The "darkness" color behind the image */
}

/* 2. Initial Image State */
.elementor-7592 .elementor-element.elementor-element-94d34c9 .elementor-widget-container img {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.8s ease, 
                opacity 0.8s ease !important;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
}

/* 3. Hover State: Subtle Zoom + Micro-Blur + Darken */
.elementor-7592 .elementor-element.elementor-element-94d34c9:hover .elementor-widget-container img {
    transform: scale(1.05);  /* Your requested subtle zoom */
    filter: blur(0.5px);     /* Your requested light blur */
    opacity: 0.7;            /* This darkens the image by showing the black background through it */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-435ced7 */.elementor-widget-container h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}

.elementor-widget-container h2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #D35400;
    transition: width 0.4s ease-in-out;
}

.elementor-widget-container:hover h2::after {
    width: 100%;
}/* End custom CSS */