.elementor-4510 .elementor-element.elementor-element-7974552{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4510 .elementor-element.elementor-element-ce29b0c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4510 .elementor-element.elementor-element-ce29b0c:not(.elementor-motion-effects-element-type-background), .elementor-4510 .elementor-element.elementor-element-ce29b0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4510 .elementor-element.elementor-element-e08748a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 0px 0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-4510 .elementor-element.elementor-element-d4e50bf{--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;border-style:solid;--border-style:solid;border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#C0C0C0;--border-color:#C0C0C0;--border-radius:8px 8px 0px 0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4510 .elementor-element.elementor-element-d224bdc{--display:flex;--justify-content:center;}.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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-4510 .elementor-element.elementor-element-d2bef9a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-4510 .elementor-element.elementor-element-00b0740 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-4510 .elementor-element.elementor-element-57e97d0{--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;border-style:solid;--border-style:solid;border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#C0C0C0;--border-color:#C0C0C0;--border-radius:0px 0px 0px 0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4510 .elementor-element.elementor-element-5c5fc81{--display:flex;--justify-content:center;}.elementor-4510 .elementor-element.elementor-element-53dc4eb .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-4510 .elementor-element.elementor-element-425bc09 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-4510 .elementor-element.elementor-element-a6b97f6{--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;border-style:solid;--border-style:solid;border-width:1px 1px 0px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#C0C0C0;--border-color:#C0C0C0;--border-radius:0px 0px 0px 0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4510 .elementor-element.elementor-element-5b31f17{--display:flex;--justify-content:center;}.elementor-4510 .elementor-element.elementor-element-4440fb7 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-4510 .elementor-element.elementor-element-7f2404c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(min-width:768px){.elementor-4510 .elementor-element.elementor-element-ce29b0c{--content-width:350px;}}/* Start custom CSS for container, class: .elementor-element-d4e50bf *//* ---------- VARIABLES ---------- */
:root {
  --container-hover-bg: black;     /* Container hover background */
  --text-hover-color: white;       /* Text hover color */
  --transition-speed: 0.6s;          /* Smooth transition speed */
  --text-shadow-hover: 2px 2px 6px rgba(255,0,0,0.4); /* Optional glow */
}

/* Container basic style */
.my-hover-container {
  transition: background-color var(--transition-speed) ease;
  position: relative;
  overflow: hidden;
}

/* Hover effect for container */
.my-hover-container:hover {
  background-color: var(--container-hover-bg);
}

/* Smooth transition for all text inside */
.my-hover-container * {
  transition: color var(--transition-speed) ease, text-shadow var(--transition-speed) ease;
}

/* Hover text effect */
.my-hover-container:hover * {
  color: var(--text-hover-color) !important;
  text-shadow: var(--text-shadow-hover); /* optional glow */
}

/* Optional: small shine animation on hover */
.my-hover-container::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(120deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 60%);
  transform: rotate(25deg) translateX(-100%);
  transition: transform 0.7s ease;
  pointer-events: none;
}

.my-hover-container:hover::after {
  transform: rotate(25deg) translateX(100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e97d0 *//* ---------- VARIABLES ---------- */
:root {
  --container-hover-bg: black;     /* Container hover background */
  --text-hover-color: white;       /* Text hover color */
  --transition-speed: 0.6s;          /* Smooth transition speed */
  --text-shadow-hover: 2px 2px 6px rgba(255,0,0,0.4); /* Optional glow */
}

/* Container basic style */
.my-hover-container {
  transition: background-color var(--transition-speed) ease;
  position: relative;
  overflow: hidden;
}

/* Hover effect for container */
.my-hover-container:hover {
  background-color: var(--container-hover-bg);
}

/* Smooth transition for all text inside */
.my-hover-container * {
  transition: color var(--transition-speed) ease, text-shadow var(--transition-speed) ease;
}

/* Hover text effect */
.my-hover-container:hover * {
  color: var(--text-hover-color) !important;
  text-shadow: var(--text-shadow-hover); /* optional glow */
}

/* Optional: small shine animation on hover */
.my-hover-container::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(120deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 60%);
  transform: rotate(25deg) translateX(-100%);
  transition: transform 0.7s ease;
  pointer-events: none;
}

.my-hover-container:hover::after {
  transform: rotate(25deg) translateX(100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6b97f6 *//* ---------- VARIABLES ---------- */
:root {
  --container-hover-bg: black;     /* Container hover background */
  --text-hover-color: white;       /* Text hover color */
  --transition-speed: 0.6s;          /* Smooth transition speed */
  --text-shadow-hover: 2px 2px 6px rgba(255,0,0,0.4); /* Optional glow */
}

/* Container basic style */
.my-hover-container {
  transition: background-color var(--transition-speed) ease;
  position: relative;
  overflow: hidden;
}

/* Hover effect for container */
.my-hover-container:hover {
  background-color: var(--container-hover-bg);
}

/* Smooth transition for all text inside */
.my-hover-container * {
  transition: color var(--transition-speed) ease, text-shadow var(--transition-speed) ease;
}

/* Hover text effect */
.my-hover-container:hover * {
  color: var(--text-hover-color) !important;
  text-shadow: var(--text-shadow-hover); /* optional glow */
}

/* Optional: small shine animation on hover */
.my-hover-container::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(120deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 60%);
  transform: rotate(25deg) translateX(-100%);
  transition: transform 0.7s ease;
  pointer-events: none;
}

.my-hover-container:hover::after {
  transform: rotate(25deg) translateX(100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7974552 *//* ===== ElementsKit Mega Menu Slide Animation ===== */

.slide-mega .elementskit-megamenu-panel{
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.45s cubic-bezier(.19,1,.22,1);
    pointer-events: none;
}

.slide-mega:hover .elementskit-megamenu-panel{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Delay effect for inner columns */
.slide-mega:hover .elementskit-megamenu-panel .elementor-container{
    animation: megaSlide .6s ease forwards;
}

@keyframes megaSlide {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}/* End custom CSS */