.elementor-kit-16924{--e-global-color-primary:#B20837;--e-global-color-secondary:#2E2E2E;--e-global-color-text:#2E2E2E;--e-global-color-accent:#B20837;--e-global-color-0369119:#F6F5EE;--e-global-typography-primary-font-family:"Petrona";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;font-weight:300;}.elementor-kit-16924 button,.elementor-kit-16924 input[type="button"],.elementor-kit-16924 input[type="submit"],.elementor-kit-16924 .elementor-button{background-color:var( --e-global-color-primary );color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-kit-16924 e-page-transition{background-color:#FFBC7D;}.elementor-kit-16924 h1{font-size:60px;}.elementor-kit-16924 h2{font-family:"Petrona", Sans-serif;font-weight:400;}.elementor-kit-16924 h3{font-family:"Petrona", Sans-serif;font-size:27px;font-weight:400;}.elementor-kit-16924 h4{color:var( --e-global-color-primary );font-family:"Space Grotesk", Sans-serif;font-size:17px;letter-spacing:0.8px;}.elementor-kit-16924 h5{font-size:18px;}.elementor-kit-16924 button:hover,.elementor-kit-16924 button:focus,.elementor-kit-16924 input[type="button"]:hover,.elementor-kit-16924 input[type="button"]:focus,.elementor-kit-16924 input[type="submit"]:hover,.elementor-kit-16924 input[type="submit"]:focus,.elementor-kit-16924 .elementor-button:hover,.elementor-kit-16924 .elementor-button:focus{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-16924 h1{font-size:35px;}.elementor-kit-16924 h2{font-size:28px;}.elementor-kit-16924 h3{font-size:22px;}.elementor-kit-16924 h4{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Container for images */
.menu-images {
    position: relative; /* needed for absolute positioning inside */
}

/* All images hidden initially */
.menu-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: scale(1.02);  /* slightly zoomed out */
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 1; /* base z-index */
}

/* Show default image */
.menu-image.img-1 {
    opacity: 1;
    transform: scale(1);
    z-index: 2; /* make sure it sits on top of the others */
}

/* Show hovered image */
.mega-menu:has(.link-1:hover) .img-1,
.mega-menu:has(.link-2:hover) .img-2,
.mega-menu:has(.link-3:hover) .img-3 {
    opacity: 1;
    transform: scale(1);
    z-index: 3; /* bring hovered image above default */
}

/* Make all non-hovered images go behind */
.mega-menu:has(.link-1:hover) .menu-image:not(.img-1),
.mega-menu:has(.link-2:hover) .menu-image:not(.img-2),
.mega-menu:has(.link-3:hover) .menu-image:not(.img-3) {
    opacity: 0;
    z-index: 1;
}


.menu-images {
    position: relative;
}

.menu-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: scale(1.02);
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 1;
}

.menu-image.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}


/* Base style for menu links */
.menu-link {
    cursor: pointer; /* show pointer on hover */
    transition: color 0.2s ease, transform 0.2s ease; /* smooth color change and slight movement */
}

/* Hover effect */
.menu-link:hover {
    color: #1e73be;        /* subtle color change on hover */
    transform: translateX(3px); /* slight slide to the right */
}
.elementor-element-0f713bd {
    background-color: #b20837 !important;
}/* End custom CSS */