.elementor-401 .elementor-element.elementor-element-e64f480{--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:60px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;overflow:visible;}.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-401 .elementor-element.elementor-element-ba49976.elementor-element{--align-self:flex-start;}.elementor-401 .elementor-element.elementor-element-ba49976 .elementor-heading-title{font-family:"Jedira", Sans-serif;font-size:26px;font-weight:600;line-height:34px;letter-spacing:2px;color:#25284B;}.elementor-401 .elementor-element.elementor-element-06a54f4.elementor-element{--align-self:flex-start;}.elementor-401 .elementor-element.elementor-element-06a54f4 .elementor-heading-title{font-family:"Jedira", Sans-serif;font-size:26px;font-weight:600;line-height:34px;letter-spacing:2px;color:#25284B;}.elementor-401 .elementor-element.elementor-element-dec3906.elementor-element{--align-self:flex-start;}.elementor-401 .elementor-element.elementor-element-dec3906 .elementor-heading-title{font-family:"Jedira", Sans-serif;font-size:26px;font-weight:600;line-height:34px;letter-spacing:2px;color:#25284B;}.elementor-401 .elementor-element.elementor-element-8946e42.elementor-element{--align-self:flex-start;}.elementor-401 .elementor-element.elementor-element-8946e42 .elementor-heading-title{font-family:"Jedira", Sans-serif;font-size:26px;font-weight:600;line-height:34px;letter-spacing:2px;color:#25284B;}.elementor-401 .elementor-element.elementor-element-f449989.elementor-element{--align-self:flex-start;}.elementor-401 .elementor-element.elementor-element-f449989 .elementor-heading-title{font-family:"Jedira", Sans-serif;font-size:26px;font-weight:600;line-height:34px;letter-spacing:2px;color:#25284B;}.elementor-401 .elementor-element.elementor-element-fddbb34.elementor-element{--align-self:flex-start;}.elementor-401 .elementor-element.elementor-element-fddbb34 .elementor-heading-title{font-family:"Jedira", Sans-serif;font-size:26px;font-weight:600;line-height:34px;letter-spacing:2px;color:#25284B;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-5999e33 > a :is(i, svg){color:#FFFFFF;fill:#FFFFFF;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-5999e33 > a{background-color:#25284B;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-5999e33 > a:hover{background-color:#89726A;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-d3920b8 > a :is(i, svg){color:#FFFFFF;fill:#FFFFFF;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-d3920b8 > a{background-color:#25284B;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-d3920b8 > a:hover{background-color:#89726A;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-a29a0d4 > a :is(i, svg){color:#FFFFFF;fill:#FFFFFF;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-a29a0d4 > a{background-color:#25284B;}.elementor-401 .elementor-element.elementor-element-cd2f74c .elementor-repeater-item-a29a0d4 > a:hover{background-color:#89726A;}.elementor-401 .elementor-element.elementor-element-cd2f74c .ekit_social_media{text-align:left;}.elementor-401 .elementor-element.elementor-element-cd2f74c .ekit_social_media > li > a{text-align:center;text-decoration:none;border-radius:10% 10% 10% 10%;padding:0px 0px 0px 0px;width:35px;height:35px;line-height:35px;}.elementor-401 .elementor-element.elementor-element-cd2f74c .ekit_social_media > li{display:inline-block;margin:5px 5px 5px 5px;}.elementor-401 .elementor-element.elementor-element-cd2f74c .ekit_social_media > li > a i{font-size:20px;}.elementor-401 .elementor-element.elementor-element-cd2f74c .ekit_social_media > li > a svg{max-width:20px;}@media(max-width:767px){.elementor-401 .elementor-element.elementor-element-e64f480{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for container, class: .elementor-element-e64f480 *//* Ensure the text container holds the absolute lines properly */
.offCanvasMenuItemHover p {
    position: relative;
    display: inline-block; /* Ensures lines hug the text rather than the full column width */
    margin: 0;
}

/* Phase 1: Bottom Horizontal Line */
.offCanvasMenuItemHover p::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0; /* Starts at 0 */
    height: 2px;
    background-color: #25284B;

    /* HOVER OUT: Waits 0.2s for Phase 2 to erase, then erases this */
    transition: width 0.2s linear 0.2s;
}

/* Phase 2: Right Vertical Line (Upwards to center) */
.offCanvasMenuItemHover p::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 110%; /* Anchors exactly at the end of your 110% horizontal line */
    width: 2px;
    height: 0; /* Starts at 0 */
    background-color: black;

    /* HOVER OUT: Erases this instantly */
    transition: height 0.2s linear 0s;
}

/* --- HOVER IN STATES --- */

/* Draw Phase 1 (Horizontal) */
.offCanvasMenuItemHover:hover p::before {
    width: 110%;

    /* HOVER IN: Draws instantly for 0.2s */
    transition: width 0.2s linear 0s;
}

/* Draw Phase 2 (Vertical) */
.offCanvasMenuItemHover:hover p::after {
    height: 50%; /* Draws upwards to center-right. Change to 100% to go all the way up */

    /* HOVER IN: Waits 0.2s for Phase 1 to finish, then draws */
    transition: height 0.2s linear 0.2s;
}/* End custom CSS */