.elementor-684 .elementor-element.elementor-element-15c074e0{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-684 .elementor-element.elementor-element-15c074e0:not(.elementor-motion-effects-element-type-background), .elementor-684 .elementor-element.elementor-element-15c074e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9ECEFDE;}.elementor-684 .elementor-element.elementor-element-15c074e0::before, .elementor-684 .elementor-element.elementor-element-15c074e0 > .elementor-background-video-container::before, .elementor-684 .elementor-element.elementor-element-15c074e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-684 .elementor-element.elementor-element-15c074e0 > .elementor-background-slideshow::before, .elementor-684 .elementor-element.elementor-element-15c074e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-684 .elementor-element.elementor-element-15c074e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-684 .elementor-element.elementor-element-15c074e0.e-con{--align-self:center;}.elementor-684 .elementor-element.elementor-element-64a925cf{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-684 .elementor-element.elementor-element-37d27627{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:35px;--padding-right:35px;}.elementor-684 .elementor-element.elementor-element-37d27627:hover{background-color:var( --e-global-color-primary );--border-radius:12px 12px 12px 12px;--border-top-left-radius:12px;--border-top-right-radius:12px;--border-bottom-right-radius:12px;--border-bottom-left-radius:12px;}.elementor-684 .elementor-element.elementor-element-37d27627, .elementor-684 .elementor-element.elementor-element-37d27627::before{--border-transition:0.3s;}.elementor-684 .elementor-element.elementor-element-37d27627.e-con{--align-self:center;}.elementor-684 .elementor-element.elementor-element-2d5eaa05{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-684 .elementor-element.elementor-element-4a59712a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-684 .elementor-element.elementor-element-4a59712a.e-con{--align-self:flex-start;}.elementor-684 .elementor-element.elementor-element-35434736 .elementor-icon-wrapper{text-align:start;}.elementor-684 .elementor-element.elementor-element-35434736.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-684 .elementor-element.elementor-element-35434736.elementor-view-framed .elementor-icon, .elementor-684 .elementor-element.elementor-element-35434736.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-684 .elementor-element.elementor-element-35434736.elementor-view-framed .elementor-icon, .elementor-684 .elementor-element.elementor-element-35434736.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-684 .elementor-element.elementor-element-35434736 .elementor-icon{font-size:25px;}.elementor-684 .elementor-element.elementor-element-35434736 .elementor-icon svg{height:25px;}.elementor-684 .elementor-element.elementor-element-186542ed{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-684 .elementor-element.elementor-element-186542ed.e-con{--align-self:center;}.elementor-684 .elementor-element.elementor-element-68e31172 .elementor-button{background-color:var( --e-global-color-3806a64 );font-family:"Bricolage Grotesque", Sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );padding:0px 0px 0px 0px;}.elementor-684 .elementor-element.elementor-element-68e31172 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-684 .elementor-element.elementor-element-68e31172 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-684 .elementor-element.elementor-element-68e31172 .elementor-button:hover, .elementor-684 .elementor-element.elementor-element-68e31172 .elementor-button:focus{color:#7B2FF7;}.elementor-684 .elementor-element.elementor-element-68e31172 .elementor-button:hover svg, .elementor-684 .elementor-element.elementor-element-68e31172 .elementor-button:focus svg{fill:#7B2FF7;}.elementor-684 .elementor-element.elementor-element-3640c56b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-684 .elementor-element.elementor-element-15c074e0{--width:40%;}.elementor-684 .elementor-element.elementor-element-64a925cf{--width:100%;}.elementor-684 .elementor-element.elementor-element-37d27627{--width:95%;}.elementor-684 .elementor-element.elementor-element-4a59712a{--width:15%;}.elementor-684 .elementor-element.elementor-element-186542ed{--width:87%;}}/* Start custom CSS for container, class: .elementor-element-37d27627 *//* ================================================
   MAIN CONTAINER HOVER EFFECT
   Changes color of icon and heading when hovering over main container
   AND adds slight zoom in effect to the container
================================================ */
.maincontainermenu:hover .icon1,
.maincontainermenu:hover .module-title .elementor-button-text {
    color: #7B2FF7 !important;
    fill: #7B2FF7 !important;
    transition: color 0.3s ease, fill 0.3s ease;
}

/* Slight zoom in effect for main container */
.maincontainermenu:hover {
    transform: scale(1.03);
    transition: transform 0.3s ease;
}

/* Set initial transition for container */
.maincontainermenu {
    transition: transform 0.3s ease;
}

/* ================================================
   ICON COLOR FIX - Multiple approaches to ensure it works
================================================ */

/* Approach 1: Target the icon element directly */
.maincontainermenu:hover .icon1 {
    color: #7B2FF7 !important;
    fill: #7B2FF7 !important;
    transition: color 0.3s ease, fill 0.3s ease;
}

/* Approach 2: Target if it's an SVG icon */
.maincontainermenu:hover .icon1 svg {
    fill: #7B2FF7 !important;
    transition: fill 0.3s ease;
}

/* Approach 3: Target SVG path specifically */
.maincontainermenu:hover .icon1 svg path {
    fill: #7B2FF7 !important;
    transition: fill 0.3s ease;
}

/* Approach 4: Target if it's a font icon (i tag) */
.maincontainermenu:hover .icon1 i {
    color: #7B2FF7 !important;
    transition: color 0.3s ease;
}

/* ================================================
   HEADING COLOR CHANGE
================================================ */
.maincontainermenu:hover .module-title .elementor-button-text {
    color: #7B2FF7 !important;
    transition: color 0.3s ease;
}

/* ================================================
   ARROW EFFECTS
================================================ */
/* Hide arrow by default */
.module-title .elementor-button-icon .icon-right-arrow {
    opacity: 0;
    transform: translateX(-10px);
    display: inline-block;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    visibility: hidden;
}

/* Show arrow with slide effect on heading hover */
.module-title:hover .elementor-button-icon .icon-right-arrow {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

/* ================================================
   TRANSITION SETUP
================================================ */
/* For all icon types */
.maincontainermenu .icon1,
.maincontainermenu .icon1 svg,
.maincontainermenu .icon1 svg path,
.maincontainermenu .icon1 i {
    transition: color 0.3s ease, fill 0.3s ease;
}

/* For heading text */
.maincontainermenu .module-title .elementor-button-text {
    transition: color 0.3s ease;
}

/* ================================================
   ZOOM IN EFFECT SETUP
   Clean zoom effect without shadow
================================================ */
/* Ensure smooth zoom transition */
.maincontainermenu {
    transform-origin: center center;
    will-change: transform;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15c074e0 */.glasseffect {
  
  backdrop-filter: blur(10px); /* Frosted glass blur */
  -webkit-backdrop-filter: blur(10px); /* Safari support */
  border-radius: 15px; /* Rounded corners */
  border: 1px solid rgba(255, 255, 255, 0.2); /* Subtle border */
}/* End custom CSS */
/* Start custom CSS */.elementor-element-15c074e0.e-con-full {
    margin-top: 27px !important;
    top: 0px !important;
  }/* End custom CSS */