.elementor-7407 .elementor-element.elementor-element-1be8ce55 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7407 .elementor-element.elementor-element-1be8ce55{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-300px;padding:0px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-1be8ce55 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-site-logo .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-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-menu-toggle{margin:0 auto;}.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-nav-menu .elementor-item{font-family:"Rubik", Sans-serif;font-weight:600;}.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-nav-menu--main .elementor-item:hover,
.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-nav-menu--main .elementor-item:focus{color:#BFBFBF;fill:#BFBFBF;}.elementor-7407 .elementor-element.elementor-element-6155e18f div.elementor-menu-toggle{color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-6155e18f div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-66013265 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-7407 .elementor-element.elementor-element-66013265 > .elementor-container{max-width:1280px;}.elementor-7407 .elementor-element.elementor-element-66013265{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:11;}.elementor-7407 .elementor-element.elementor-element-66013265 > .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-7407 .elementor-element.elementor-element-68c3303e .elementor-menu-toggle{margin:0 auto;}.elementor-7407 .elementor-element.elementor-element-68c3303e div.elementor-menu-toggle{color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-68c3303e div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-5adad01b > .elementor-container{max-width:1280px;}.elementor-7407 .elementor-element.elementor-element-5adad01b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:11;}.elementor-7407 .elementor-element.elementor-element-5adad01b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-7407 .elementor-element.elementor-element-719034b1.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-719034b1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7407 .elementor-element.elementor-element-3eacc8cf .elementor-button{background-color:#61CE7000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-3eacc8cf .elementor-button:hover, .elementor-7407 .elementor-element.elementor-element-3eacc8cf .elementor-button:focus{background-color:#018DD8;color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-3eacc8cf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7407 .elementor-element.elementor-element-3eacc8cf .elementor-button:hover svg, .elementor-7407 .elementor-element.elementor-element-3eacc8cf .elementor-button:focus svg{fill:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-22c0ac98 .elementor-menu-toggle{margin:0 auto;}.elementor-7407 .elementor-element.elementor-element-22c0ac98 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-22c0ac98 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-bc-flex-widget .elementor-7407 .elementor-element.elementor-element-6c33c729.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-6c33c729.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-5ba17735 .elementor-button{background-color:#61CE7000;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-5ba17735 .elementor-button:hover, .elementor-7407 .elementor-element.elementor-element-5ba17735 .elementor-button:focus{background-color:#018DD8;color:#FFFFFF;}.elementor-7407 .elementor-element.elementor-element-5ba17735 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7407 .elementor-element.elementor-element-5ba17735 .elementor-button:hover svg, .elementor-7407 .elementor-element.elementor-element-5ba17735 .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7407 .elementor-element.elementor-element-40b3f8e8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-7407 .elementor-element.elementor-element-6155e18f .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-7407 .elementor-element.elementor-element-66013265{margin-top:0px;margin-bottom:-300px;z-index:0;}.elementor-bc-flex-widget .elementor-7407 .elementor-element.elementor-element-48fb20b6.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-48fb20b6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-48fb20b6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7407 .elementor-element.elementor-element-70603c75 img{width:50%;}.elementor-7407 .elementor-element.elementor-element-5adad01b{margin-top:0px;margin-bottom:-300px;z-index:0;}.elementor-bc-flex-widget .elementor-7407 .elementor-element.elementor-element-100def6e.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-100def6e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-100def6e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7407 .elementor-element.elementor-element-2a395a88 img{width:50%;}}@media(max-width:767px){.elementor-7407 .elementor-element.elementor-element-6155e18f > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-90f6d56{width:33%;}.elementor-7407 .elementor-element.elementor-element-48fb20b6{width:33%;}.elementor-7407 .elementor-element.elementor-element-70603c75 img{width:50%;}.elementor-7407 .elementor-element.elementor-element-57961d18{width:33%;}.elementor-7407 .elementor-element.elementor-element-68c3303e > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-719034b1{width:34%;}.elementor-bc-flex-widget .elementor-7407 .elementor-element.elementor-element-719034b1.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-719034b1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-719034b1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-7407 .elementor-element.elementor-element-3eacc8cf > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-3eacc8cf .elementor-button{border-width:1px 1px 1px 1px;border-radius:90px 90px 90px 90px;}.elementor-7407 .elementor-element.elementor-element-100def6e{width:33%;}.elementor-7407 .elementor-element.elementor-element-2a395a88 img{width:84%;}.elementor-7407 .elementor-element.elementor-element-22c0ac98 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-6c33c729{width:33%;}.elementor-bc-flex-widget .elementor-7407 .elementor-element.elementor-element-6c33c729.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-6c33c729.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-7407 .elementor-element.elementor-element-5ba17735 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-7407 .elementor-element.elementor-element-5ba17735 .elementor-button{border-width:1px 1px 1px 1px;border-radius:90px 90px 90px 90px;}}@media(min-width:768px){.elementor-7407 .elementor-element.elementor-element-336aa5fb{width:40%;}.elementor-7407 .elementor-element.elementor-element-6881c314{width:19.638%;}.elementor-7407 .elementor-element.elementor-element-40b3f8e8{width:40%;}.elementor-7407 .elementor-element.elementor-element-90f6d56{width:36.085%;}.elementor-7407 .elementor-element.elementor-element-48fb20b6{width:32.016%;}.elementor-7407 .elementor-element.elementor-element-57961d18{width:31.537%;}.elementor-7407 .elementor-element.elementor-element-719034b1{width:36.085%;}.elementor-7407 .elementor-element.elementor-element-100def6e{width:32.016%;}.elementor-7407 .elementor-element.elementor-element-6c33c729{width:31.537%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7407 .elementor-element.elementor-element-90f6d56{width:38%;}.elementor-7407 .elementor-element.elementor-element-48fb20b6{width:25%;}.elementor-7407 .elementor-element.elementor-element-57961d18{width:37%;}.elementor-7407 .elementor-element.elementor-element-719034b1{width:38%;}.elementor-7407 .elementor-element.elementor-element-100def6e{width:25%;}.elementor-7407 .elementor-element.elementor-element-6c33c729{width:37%;}}/* Start custom CSS for html, class: .elementor-element-446ce134 */.toggle-wrapper {
display: flex;
align-items: center;
border: 1px solid #323880;
border-radius: 50px;
font-family: Arial, sans-serif;
overflow: hidden;
user-select: none;
position: relative; /* Add this to position the knob absolutely within this container */
width: 300px; /* Example, adjust as needed */
margin: 0 auto; /* Centers the wrapper within its parent */
position: relative; /* This should already be set */
}
.toggle-wrapper::after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
bottom: 0;
width: 1px;
background-color: #323880; /* Or any color you want for the line */
z-index: 1; /* Below the knob's z-index */
}
.toggle-button {
background-color: rgba(255, 255, 255, 0.7);
color: #323880;
border: none;
padding: 10px 20px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
height: 100%;
direction: rtl;
width: 150px; /* Or any specific width you want */
margin-right: auto;
margin-left: auto;
border-radius: 0; /* No rounded corners */
font-family: 'Rubik', sans-serif; /* Set the Rubik font */
font-size: 20px; /* Set the font size */
font-weight: bold; /* Make the font bold */
}
.toggle-button:hover,
.toggle-button:hover a { /* Add this line to target the tag on hover as well */
background-color: #018dd8;
color: #FFFFFF;
}
.toggle-button:hover {
background-color: #018dd8;
color: #FFFFFF;
}
/* This is the styling for the knob in the middle */
.knob {
background-color: #FFFFFF; /* Solid white background */
color: #323880;
border: 1px solid #323880;
border-radius: 50%;
padding: 10px;
position: absolute; /* Positioned absolutely to overlay on top of the buttons */
left: 50%;
transform: translateX(-50%); /* Center the knob */
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
/* Add width and height to make sure the knob is a perfect circle */
width: 30px; /* Example size, adjust as needed */
height: 30px; /* Example size, adjust as needed */
font-family: 'Rubik', sans-serif; /* Set the Rubik font */
font-size: 15px; /* Set the font size */
font-weight: normal; /* Regular font weight */
background-color: #FFFFFF; /* Make sure this is solid */
z-index: 2; /* Above the pseudo-element */
box-shadow: 0 0 10px 20px rgba(255, 255, 255, 0.2); /* Soft glow effect */
}
.icon {
display: inline-block;
margin-right: 2px; /* This should add space if the CSS is correctly linked and loaded */
vertical-align: right;
}
.user-graduate svg,
.user-plus svg {
fill: currentColor;
height: 1em;
width: auto;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1be8ce55 *//* Initial header styling */
.my-sticky-header {
background-color: transparent;
transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}
/* Initial icon color */
.my-sticky-header ._mi._before.bb-icon-l.buddyboss {
color: white !important; /* Sets all icons to white by default */
}
/* Initial menu items text color */
.my-sticky-header .elementor-nav-menu--main .elementor-nav-menu span {
color: white !important; /* Sets all menu text to white by default */
}
/* Sticky header effect */
body.user-is-scrolling .my-sticky-header {
background-color: rgba(255, 255, 255, 0.5); /* Adjust transparency here */
backdrop-filter: blur(10px);
}
/* Sticky header icon color change */
body.user-is-scrolling .my-sticky-header ._mi._before.bb-icon-l.buddyboss {
color: #293080 !important; /* Changes icon colors on scroll */
}
/* Sticky header menu items text color change */
body.user-is-scrolling .my-sticky-header .elementor-nav-menu--main .elementor-nav-menu span {
color: #293080 !important; /* Changes menu text colors on scroll */
}
/* Icon color on hover and active state */
.my-sticky-header .elementor-nav-menu--main .elementor-nav-menu a:hover ._mi._before.bb-icon-l.buddyboss,
.my-sticky-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active ._mi._before.bb-icon-l.buddyboss {
color: #707070 !important; /* Changes icon colors on hover/active state */
}
/* Menu items text color on hover and active state */
.my-sticky-header .elementor-nav-menu--main .elementor-nav-menu a:hover span,
.my-sticky-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active span {
color: #707070 !important; /* Changes text colors on hover/active state */
}
/* Icon and menu items text color on hover and active state when header is sticky */
body.user-is-scrolling .my-sticky-header .elementor-nav-menu--main .elementor-nav-menu a:hover ._mi._before.bb-icon-l.buddyboss,
body.user-is-scrolling .my-sticky-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active ._mi._before.bb-icon-l.buddyboss,
body.user-is-scrolling .my-sticky-header .elementor-nav-menu--main .elementor-nav-menu a:hover span,
body.user-is-scrolling .my-sticky-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active span {
color: #707070 !important; /* Changes icon and text colors on hover/active state when scrolled */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a26bcd2 */.toggle-wrapper {
display: flex;
align-items: center;
border: 1px solid #323880;
border-radius: 50px;
font-family: Arial, sans-serif;
overflow: hidden;
user-select: none;
position: relative; /* Add this to position the knob absolutely within this container */
width: 300px; /* Example, adjust as needed */
margin: 0 auto; /* Centers the wrapper within its parent */
position: relative; /* This should already be set */
}
.toggle-wrapper::after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
bottom: 0;
width: 1px;
background-color: #323880; /* Or any color you want for the line */
z-index: 1; /* Below the knob's z-index */
}
.toggle-button {
background-color: rgba(255, 255, 255, 0.7);
color: #323880;
border: none;
padding: 10px 20px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
height: 100%;
direction: rtl;
width: 150px; /* Or any specific width you want */
margin-right: auto;
margin-left: auto;
border-radius: 0; /* No rounded corners */
font-family: 'Rubik', sans-serif; /* Set the Rubik font */
font-size: 20px; /* Set the font size */
font-weight: bold; /* Make the font bold */
}
.toggle-button:hover,
.toggle-button:hover a { /* Add this line to target the tag on hover as well */
background-color: #018dd8;
color: #FFFFFF;
}
.toggle-button:hover {
background-color: #018dd8;
color: #FFFFFF;
}
/* This is the styling for the knob in the middle */
.knob {
background-color: #FFFFFF; /* Solid white background */
color: #323880;
border: 1px solid #323880;
border-radius: 50%;
padding: 10px;
position: absolute; /* Positioned absolutely to overlay on top of the buttons */
left: 50%;
transform: translateX(-50%); /* Center the knob */
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
/* Add width and height to make sure the knob is a perfect circle */
width: 30px; /* Example size, adjust as needed */
height: 30px; /* Example size, adjust as needed */
font-family: 'Rubik', sans-serif; /* Set the Rubik font */
font-size: 15px; /* Set the font size */
font-weight: normal; /* Regular font weight */
background-color: #FFFFFF; /* Make sure this is solid */
z-index: 2; /* Above the pseudo-element */
box-shadow: 0 0 10px 20px rgba(255, 255, 255, 0.2); /* Soft glow effect */
}
.icon {
display: inline-block;
margin-right: 2px; /* This should add space if the CSS is correctly linked and loaded */
vertical-align: right;
}
.user-graduate svg,
.user-plus svg {
fill: currentColor;
height: 1em;
width: auto;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-66013265 *//* Initial header styling */
.my-sticky-headert {
background-color: transparent;
transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}
/* Initial icon color */
.my-sticky-headert .ekit-menu-nav-link i {
color: white !important;
}
/* Initial menu items text color */
.my-sticky-headert .ekit-menu-nav-link span {
color: white !important;
}
/* Sticky header effect */
body.user-is-scrolling .my-sticky-headert {
background-color: rgba(255, 255, 255, 0.5); /* Adjust transparency here */
backdrop-filter: blur(10px);
}
/* Sticky header icon color change */
body.user-is-scrolling .my-sticky-headert ul#menu-header-menu-logged-out-1 li a i {
color: #293080 !important;
}
/* Sticky header menu items text color change */
body.user-is-scrolling .my-sticky-headert ul#menu-header-menu-logged-out-1 li a span {
color: #293080 !important;
}
/* Icon color on hover and active state */
.my-sticky-headert .ekit-menu-nav-link:hover i,
.my-sticky-headert .ekit-menu-nav-link.active i {
color: #707070 !important;
}
/* Menu items text color on hover and active state */
.my-sticky-headert .ekit-menu-nav-link:hover span,
.my-sticky-headert .ekit-menu-nav-link.active span {
color: #707070 !important;
}
/* Icon color on hover and active state when header is sticky */
body.user-is-scrolling .my-sticky-headert ul#menu-header-menu-logged-out-1 li a:hover i,
body.user-is-scrolling .my-sticky-headert ul#menu-header-menu-logged-out-1 li a.active i {
color: #707070 !important;
}
/* Menu items text color on hover and active state when header is sticky */
body.user-is-scrolling .my-sticky-headert ul#menu-header-menu-logged-out-1 li a:hover span,
body.user-is-scrolling .my-sticky-headert ul#menu-header-menu-logged-out-1 li a.active span {
color: #707070 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5adad01b *//* Initial header styling */
.my-sticky-headerm {
background-color: transparent;
transition: background-color 0.3s ease;
z-index: 1000; /* Make sure the header is on top of everything */
}
/* Sticky header effect */
body.user-is-scrolling .my-sticky-headerm {
background-color: rgba(255, 255, 255, 0.9); /* Adjust transparency here */
}
/* Sticky header icon color change */
body.user-is-scrolling .my-sticky-headerm .elementor-button .elementor-button-icon,
body.user-is-scrolling .my-sticky-headerm .elementor-button .e-font-icon-svg { /* Updated to include SVG icons */
color: #293080 !important; /* Text icon color */
fill: #293080 !important; /* SVG icon fill color */
}
/* Sticky header button text color change */
body.user-is-scrolling .my-sticky-headerm .elementor-button .elementor-button-text {
color: #293080 !important;
}
/* Sticky header button border color change */
body.user-is-scrolling .my-sticky-headerm .elementor-button {
border-color: #293080 !important; /* Button border color */
}
/* Toggle menu SVG icon color change on scroll */
body.user-is-scrolling .my-sticky-headerm .elementor-menu-toggle svg {
fill: #293080 !important; /* Change to your desired color */
}/* End custom CSS */