.elementor-5793 .elementor-element.elementor-element-a9b9017:not(.elementor-motion-effects-element-type-background), .elementor-5793 .elementor-element.elementor-element-a9b9017 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-a9b9017{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:050px 0px 020px 0px;}.elementor-5793 .elementor-element.elementor-element-a9b9017 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5793 .elementor-element.elementor-element-a3874f0{margin-top:0px;margin-bottom:0px;}.elementor-5793 .elementor-element.elementor-element-4a6904c > .elementor-element-populated{margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5793 .elementor-element.elementor-element-01ead07{text-align:center;}.elementor-5793 .elementor-element.elementor-element-01ead07 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:48px;font-weight:600;text-transform:uppercase;line-height:57.6px;color:#121827;}.elementor-5793 .elementor-element.elementor-element-a6692d2 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-a6692d2{text-align:center;}.elementor-5793 .elementor-element.elementor-element-a6692d2 .elementor-heading-title{font-size:17px;font-weight:400;line-height:25.5px;letter-spacing:0.05em;color:#707070;}.elementor-5793 .elementor-element.elementor-element-a8c5ff8{padding:0px 0px 60px 0px;}.elementor-5793 .elementor-element.elementor-element-fb76d49 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 5px 0px 0px;--e-column-margin-right:5px;--e-column-margin-left:0px;}.elementor-5793 .elementor-element.elementor-element-fb76d49 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5793 .elementor-element.elementor-element-89f6c2c:not(.elementor-motion-effects-element-type-background), .elementor-5793 .elementor-element.elementor-element-89f6c2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skills-crush.com/jakeinformatica/wp-content/uploads/2025/02/677288c4744a9f28252e8fd5_optimized_1280_c1075x604-101x51-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5793 .elementor-element.elementor-element-89f6c2c:hover > .elementor-background-overlay{background-color:#000000;opacity:1;}.elementor-5793 .elementor-element.elementor-element-89f6c2c > .elementor-container{min-height:450px;}.elementor-5793 .elementor-element.elementor-element-89f6c2c, .elementor-5793 .elementor-element.elementor-element-89f6c2c > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-5793 .elementor-element.elementor-element-89f6c2c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5793 .elementor-element.elementor-element-89f6c2c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5793 .elementor-element.elementor-element-d05c759.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5793 .elementor-element.elementor-element-d05c759.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5793 .elementor-element.elementor-element-8c74f3a{text-align:center;}.elementor-5793 .elementor-element.elementor-element-8c74f3a .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:600;line-height:31.2px;color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-4e4559d > .elementor-element-populated{margin:0px 0px 0px 5px;--e-column-margin-right:0px;--e-column-margin-left:5px;}.elementor-5793 .elementor-element.elementor-element-b71ba09:not(.elementor-motion-effects-element-type-background), .elementor-5793 .elementor-element.elementor-element-b71ba09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skills-crush.com/jakeinformatica/wp-content/uploads/2025/02/677e6fa5cb94eb38563c4e09_optimized_1396.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5793 .elementor-element.elementor-element-b71ba09:hover > .elementor-background-overlay{background-color:#000000;opacity:1;}.elementor-5793 .elementor-element.elementor-element-b71ba09 > .elementor-container{min-height:450px;}.elementor-5793 .elementor-element.elementor-element-b71ba09, .elementor-5793 .elementor-element.elementor-element-b71ba09 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-5793 .elementor-element.elementor-element-b71ba09{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5793 .elementor-element.elementor-element-b71ba09 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5793 .elementor-element.elementor-element-317315c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5793 .elementor-element.elementor-element-317315c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5793 .elementor-element.elementor-element-a2a4e24{text-align:center;}.elementor-5793 .elementor-element.elementor-element-a2a4e24 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:600;line-height:31.2px;color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-027c812 > .elementor-element-populated{margin:0px 0px 0px 5px;--e-column-margin-right:0px;--e-column-margin-left:5px;}.elementor-5793 .elementor-element.elementor-element-3f2fdb5:not(.elementor-motion-effects-element-type-background), .elementor-5793 .elementor-element.elementor-element-3f2fdb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skills-crush.com/jakeinformatica/wp-content/uploads/2025/02/6772c2d4765b77607f35f6f8_optimized.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5793 .elementor-element.elementor-element-3f2fdb5:hover > .elementor-background-overlay{background-color:#000000;opacity:1;}.elementor-5793 .elementor-element.elementor-element-3f2fdb5 > .elementor-container{min-height:450px;}.elementor-5793 .elementor-element.elementor-element-3f2fdb5, .elementor-5793 .elementor-element.elementor-element-3f2fdb5 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-5793 .elementor-element.elementor-element-3f2fdb5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5793 .elementor-element.elementor-element-3f2fdb5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5793 .elementor-element.elementor-element-fbe6038.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5793 .elementor-element.elementor-element-fbe6038.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5793 .elementor-element.elementor-element-b63ef6e{text-align:center;}.elementor-5793 .elementor-element.elementor-element-b63ef6e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:600;line-height:31.2px;color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-a375b1d > .elementor-element-populated{margin:0px 0px 0px 5px;--e-column-margin-right:0px;--e-column-margin-left:5px;}.elementor-5793 .elementor-element.elementor-element-3e56d72:not(.elementor-motion-effects-element-type-background), .elementor-5793 .elementor-element.elementor-element-3e56d72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skills-crush.com/jakeinformatica/wp-content/uploads/2025/02/677289535bf5f9a988c83b3a_optimized.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5793 .elementor-element.elementor-element-3e56d72:hover > .elementor-background-overlay{background-color:#000000;opacity:1;}.elementor-5793 .elementor-element.elementor-element-3e56d72 > .elementor-container{min-height:450px;}.elementor-5793 .elementor-element.elementor-element-3e56d72, .elementor-5793 .elementor-element.elementor-element-3e56d72 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-5793 .elementor-element.elementor-element-3e56d72{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5793 .elementor-element.elementor-element-3e56d72 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-5793 .elementor-element.elementor-element-07976b3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5793 .elementor-element.elementor-element-07976b3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5793 .elementor-element.elementor-element-d98d89c{text-align:center;}.elementor-5793 .elementor-element.elementor-element-d98d89c .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:600;line-height:31.2px;color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-00d75eb:not(.elementor-motion-effects-element-type-background), .elementor-5793 .elementor-element.elementor-element-00d75eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-82e5224 );}.elementor-5793 .elementor-element.elementor-element-00d75eb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-5793 .elementor-element.elementor-element-00d75eb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5793 .elementor-element.elementor-element-b4ad481{margin-top:0px;margin-bottom:0px;}.elementor-5793 .elementor-element.elementor-element-88bc9d0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5793 .elementor-element.elementor-element-f0b24f9{text-align:left;}.elementor-5793 .elementor-element.elementor-element-f0b24f9 .elementor-heading-title{font-size:15px;font-weight:500;line-height:20px;color:#9B9B9B;}.elementor-5793 .elementor-element.elementor-element-b442239{text-align:left;}.elementor-5793 .elementor-element.elementor-element-b442239 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:36px;font-weight:600;line-height:47px;color:#FFFFFF;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{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 );}.elementor-5793 .elementor-element.elementor-element-0230568 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-title{border-width:1px;border-color:#5A5353;padding:20px 0px 20px 0px;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-content{border-width:1px;border-block-end-color:#5A5353;color:#FFFFFF;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0.05em;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-toggle-title, .elementor-5793 .elementor-element.elementor-element-0230568 .elementor-toggle-icon{color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-title.elementor-active a, .elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-toggle-title{font-size:19px;font-weight:500;line-height:28.5px;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-title .elementor-toggle-icon i:before{color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-title .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#FFFFFF;}.elementor-5793 .elementor-element.elementor-element-adbcba3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 20px;--e-column-margin-right:0px;--e-column-margin-left:20px;padding:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-adbcba3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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 );}.elementor-5793 .elementor-element.elementor-element-23aa751 img{border-style:solid;border-width:11px 11px 11px 11px;border-color:#F13333;border-radius:7px 7px 7px 7px;}@media(min-width:768px){.elementor-5793 .elementor-element.elementor-element-88bc9d0{width:50%;}.elementor-5793 .elementor-element.elementor-element-adbcba3{width:50%;}}@media(max-width:1024px){.elementor-5793 .elementor-element.elementor-element-a9b9017{margin-top:0px;margin-bottom:0px;padding:0px 0px 80px 0px;}.elementor-5793 .elementor-element.elementor-element-4a6904c > .elementor-element-populated{margin:30px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-5793 .elementor-element.elementor-element-01ead07 .elementor-heading-title{font-size:36px;line-height:40px;}.elementor-5793 .elementor-element.elementor-element-a6692d2 .elementor-heading-title{font-size:17px;}.elementor-5793 .elementor-element.elementor-element-89f6c2c > .elementor-container{min-height:400px;}.elementor-5793 .elementor-element.elementor-element-8c74f3a .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-5793 .elementor-element.elementor-element-b71ba09 > .elementor-container{min-height:400px;}.elementor-5793 .elementor-element.elementor-element-a2a4e24 .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-5793 .elementor-element.elementor-element-3f2fdb5 > .elementor-container{min-height:400px;}.elementor-5793 .elementor-element.elementor-element-b63ef6e .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-5793 .elementor-element.elementor-element-3e56d72 > .elementor-container{min-height:400px;}.elementor-5793 .elementor-element.elementor-element-d98d89c .elementor-heading-title{font-size:24px;line-height:30px;}.elementor-5793 .elementor-element.elementor-element-00d75eb{padding:80px 0px 80px 0px;}.elementor-5793 .elementor-element.elementor-element-88bc9d0 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5793 .elementor-element.elementor-element-f0b24f9 .elementor-heading-title{font-size:12px;}.elementor-5793 .elementor-element.elementor-element-b442239 .elementor-heading-title{font-size:36px;line-height:40px;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-toggle-title{font-size:18px;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-tab-content{font-size:16px;}.elementor-5793 .elementor-element.elementor-element-adbcba3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-5793 .elementor-element.elementor-element-a9b9017{padding:0px 0px 50px 0px;}.elementor-5793 .elementor-element.elementor-element-4a6904c > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5793 .elementor-element.elementor-element-01ead07 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-01ead07{text-align:center;}.elementor-5793 .elementor-element.elementor-element-01ead07 .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-5793 .elementor-element.elementor-element-a6692d2{text-align:center;}.elementor-5793 .elementor-element.elementor-element-8c74f3a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-8c74f3a{text-align:center;}.elementor-5793 .elementor-element.elementor-element-8c74f3a .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-5793 .elementor-element.elementor-element-a2a4e24 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-a2a4e24{text-align:center;}.elementor-5793 .elementor-element.elementor-element-a2a4e24 .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-5793 .elementor-element.elementor-element-b63ef6e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-b63ef6e{text-align:center;}.elementor-5793 .elementor-element.elementor-element-b63ef6e .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-5793 .elementor-element.elementor-element-d98d89c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-d98d89c{text-align:center;}.elementor-5793 .elementor-element.elementor-element-d98d89c .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-5793 .elementor-element.elementor-element-00d75eb{padding:50px 0px 50px 0px;}.elementor-5793 .elementor-element.elementor-element-88bc9d0 > .elementor-element-populated{margin:30px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-5793 .elementor-element.elementor-element-f0b24f9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-f0b24f9{text-align:center;}.elementor-5793 .elementor-element.elementor-element-f0b24f9 .elementor-heading-title{font-size:14px;line-height:30px;}.elementor-5793 .elementor-element.elementor-element-b442239 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-b442239{text-align:center;}.elementor-5793 .elementor-element.elementor-element-b442239 .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-5793 .elementor-element.elementor-element-0230568 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5793 .elementor-element.elementor-element-0230568 .elementor-toggle-title{font-size:17px;line-height:30px;}.elementor-5793 .elementor-element.elementor-element-adbcba3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:25px 10px 25px 10px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5793 .elementor-element.elementor-element-4a6904c{width:100%;}.elementor-5793 .elementor-element.elementor-element-fb76d49{width:50%;}.elementor-5793 .elementor-element.elementor-element-4e4559d{width:50%;}.elementor-5793 .elementor-element.elementor-element-027c812{width:50%;}.elementor-5793 .elementor-element.elementor-element-a375b1d{width:50%;}.elementor-5793 .elementor-element.elementor-element-88bc9d0{width:100%;}.elementor-5793 .elementor-element.elementor-element-adbcba3{width:100%;}}/* Start custom CSS for section, class: .elementor-element-89f6c2c *//* Ensure the container is properly positioned */
.hover-box {
    position: relative;
    overflow: hidden;
}

/* Create a pseudo-element for the background overlay */
.hover-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit; /* Inherit background image */
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
    z-index: 1;
}

/* Create a separate dark overlay (initially transparent) */
.hover-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initially transparent */
    transition: background-color 0.4s ease-in-out;
    z-index: 2;
}

/* Apply zoom to background image */
.hover-box:hover::before {
    transform: scale(1.1); /* Slight zoom effect */
}

/* Dark overlay appears on hover */
.hover-box:hover::after {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
}

/* Text styling */
.hover-box h3,
.hover-box p,
.hover-box a {
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    z-index: 3; /* Ensures text appears above overlay */
}

/* Show text on hover */
.hover-box:hover h3,
.hover-box:hover p,
.hover-box:hover a {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b71ba09 *//* Ensure the container is properly positioned */
.hover-box {
    position: relative;
    overflow: hidden;
}

/* Create a pseudo-element for the background overlay */
.hover-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit; /* Inherit background image */
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
    z-index: 1;
}

/* Create a separate dark overlay (initially transparent) */
.hover-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initially transparent */
    transition: background-color 0.4s ease-in-out;
    z-index: 2;
}

/* Apply zoom to background image */
.hover-box:hover::before {
    transform: scale(1.1); /* Slight zoom effect */
}

/* Dark overlay appears on hover */
.hover-box:hover::after {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
}

/* Text styling */
.hover-box h3,
.hover-box p,
.hover-box a {
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    z-index: 3; /* Ensures text appears above overlay */
}

/* Show text on hover */
.hover-box:hover h3,
.hover-box:hover p,
.hover-box:hover a {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3f2fdb5 *//* Ensure the container is properly positioned */
.hover-box {
    position: relative;
    overflow: hidden;
}

/* Create a pseudo-element for the background overlay */
.hover-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit; /* Inherit background image */
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
    z-index: 1;
}

/* Create a separate dark overlay (initially transparent) */
.hover-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initially transparent */
    transition: background-color 0.4s ease-in-out;
    z-index: 2;
}

/* Apply zoom to background image */
.hover-box:hover::before {
    transform: scale(1.1); /* Slight zoom effect */
}

/* Dark overlay appears on hover */
.hover-box:hover::after {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
}

/* Text styling */
.hover-box h3,
.hover-box p,
.hover-box a {
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    z-index: 3; /* Ensures text appears above overlay */
}

/* Show text on hover */
.hover-box:hover h3,
.hover-box:hover p,
.hover-box:hover a {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3e56d72 *//* Ensure the container is properly positioned */
.hover-box {
    position: relative;
    overflow: hidden;
}

/* Create a pseudo-element for the background overlay */
.hover-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit; /* Inherit background image */
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease-in-out;
    z-index: 1;
}

/* Create a separate dark overlay (initially transparent) */
.hover-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Initially transparent */
    transition: background-color 0.4s ease-in-out;
    z-index: 2;
}

/* Apply zoom to background image */
.hover-box:hover::before {
    transform: scale(1.1); /* Slight zoom effect */
}

/* Dark overlay appears on hover */
.hover-box:hover::after {
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
}

/* Text styling */
.hover-box h3,
.hover-box p,
.hover-box a {
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    z-index: 3; /* Ensures text appears above overlay */
}

/* Show text on hover */
.hover-box:hover h3,
.hover-box:hover p,
.hover-box:hover a {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */