.elementor-9030 .elementor-element.elementor-element-bbd8cc6{--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;--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-9030 .elementor-element.elementor-element-14cde39{--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:16px 16px 16px 16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:400px;--padding-left:40px;--padding-right:40px;}.elementor-9030 .elementor-element.elementor-element-14cde39:not(.elementor-motion-effects-element-type-background), .elementor-9030 .elementor-element.elementor-element-14cde39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}.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-9030 .elementor-element.elementor-element-d96fe87 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-9030 .elementor-element.elementor-element-d96fe87 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;}.elementor-9030 .elementor-element.elementor-element-aa7b30a{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-9030 .elementor-element.elementor-element-37cb9ed .elementor-icon-wrapper{text-align:center;}.elementor-9030 .elementor-element.elementor-element-37cb9ed .elementor-icon{font-size:24px;}.elementor-9030 .elementor-element.elementor-element-37cb9ed .elementor-icon svg{height:24px;}.elementor-9030 .elementor-element.elementor-element-1db2129 > .elementor-widget-container{margin:4px 0px 0px 0px;}.elementor-9030 .elementor-element.elementor-element-1db2129 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#9B9B9B;}.elementor-9030 .elementor-element.elementor-element-3b15c8e{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9030 .elementor-element.elementor-element-db911a7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9030 .elementor-element.elementor-element-db911a7 .elementor-icon-wrapper{text-align:left;}.elementor-9030 .elementor-element.elementor-element-db911a7 .elementor-icon{font-size:24px;}.elementor-9030 .elementor-element.elementor-element-db911a7 .elementor-icon svg{height:24px;}.elementor-9030 .elementor-element.elementor-element-b5b544a > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-9030 .elementor-element.elementor-element-b5b544a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#9B9B9B;}.elementor-9030 .elementor-element.elementor-element-8ee5b14{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-9030 .elementor-element.elementor-element-b80e9dc .elementor-icon-wrapper{text-align:center;}.elementor-9030 .elementor-element.elementor-element-b80e9dc .elementor-icon{font-size:24px;}.elementor-9030 .elementor-element.elementor-element-b80e9dc .elementor-icon svg{height:24px;}.elementor-9030 .elementor-element.elementor-element-9793a74 > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-9030 .elementor-element.elementor-element-9793a74 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#9B9B9B;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9030 .elementor-element.elementor-element-ccaacbf{--divider-border-style:solid;--divider-color:#3D3D3D;--divider-border-width:1px;}.elementor-9030 .elementor-element.elementor-element-ccaacbf .elementor-divider-separator{width:100%;}.elementor-9030 .elementor-element.elementor-element-ccaacbf .elementor-divider{padding-block-start:32px;padding-block-end:32px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9030 .elementor-element.elementor-element-ee44ef1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(24px/2);}.elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(24px/2);}.elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(24px/2);margin-left:calc(24px/2);}.elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-24px/2);margin-left:calc(-24px/2);}body.rtl .elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-24px/2);}body:not(.rtl) .elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-24px/2);}.elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-icon i{color:#5C5C5C;transition:color 0.3s;}.elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-icon svg{fill:#5C5C5C;transition:fill 0.3s;}.elementor-9030 .elementor-element.elementor-element-ee44ef1{--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;}.elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-item > a{font-family:"Neue Montreal", Sans-serif;font-size:18px;font-weight:400;}.elementor-9030 .elementor-element.elementor-element-ee44ef1 .elementor-icon-list-text{color:#9B9B9B;transition:color 0.3s;}.elementor-9030 .elementor-element.elementor-element-7f2d917{--display:flex;}.elementor-9030 .elementor-element.elementor-element-1c57e47{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9030 .elementor-element.elementor-element-07b6b7e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:64px;--padding-right:0px;}.elementor-9030 .elementor-element.elementor-element-eeb3d2a{--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;--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-9030 .elementor-element.elementor-element-dc608a1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9030 .elementor-element.elementor-element-dc608a1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9030 .elementor-element.elementor-element-97d2e1e{--display:flex;top:auto;bottom:0px;z-index:10;}.elementor-9030 .elementor-element.elementor-element-97d2e1e + .wpr-hidden-header{top:0px;}.elementor-9030 .elementor-element.elementor-element-97d2e1e + .wpr-hidden-header-flex{top:0px;}.wpr-hidden-header{z-index:10;}.wpr-hidden-header-flex{z-index:10;}.elementor-9030 .elementor-element.elementor-element-617af7a{--display:flex;border-style:solid;--border-style:solid;border-color:#2C2C2C;--border-color:#2C2C2C;}.elementor-9030 .elementor-element.elementor-element-617af7a:not(.elementor-motion-effects-element-type-background), .elementor-9030 .elementor-element.elementor-element-617af7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-9030 .elementor-element.elementor-element-37b0297{--display:flex;}.elementor-9030 .elementor-element.elementor-element-207cc61 .elementor-icon-wrapper{text-align:center;}.elementor-9030 .elementor-element.elementor-element-ff9e6fc .elementor-icon-wrapper{text-align:center;}.elementor-9030 .elementor-element.elementor-element-e6b57ce .elementor-icon-wrapper{text-align:center;}.elementor-9030 .elementor-element.elementor-element-fff4a8f .elementor-icon-wrapper{text-align:center;}.elementor-9030 .elementor-element.elementor-element-fff4a8f.elementor-view-stacked .elementor-icon{background-color:#3A3A3A;}.elementor-9030 .elementor-element.elementor-element-fff4a8f.elementor-view-framed .elementor-icon, .elementor-9030 .elementor-element.elementor-element-fff4a8f.elementor-view-default .elementor-icon{color:#3A3A3A;border-color:#3A3A3A;}.elementor-9030 .elementor-element.elementor-element-fff4a8f.elementor-view-framed .elementor-icon, .elementor-9030 .elementor-element.elementor-element-fff4a8f.elementor-view-default .elementor-icon svg{fill:#3A3A3A;}.elementor-9030 .elementor-element.elementor-element-efc2920 .elementor-icon-wrapper{text-align:center;}.elementor-9030 .elementor-element.elementor-element-8133686 .elementor-icon-wrapper{text-align:center;}.elementor-9030 .elementor-element.elementor-element-0689780{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9030 .elementor-element.elementor-element-97d2e1e{top:auto;bottom:0px;}.elementor-9030 .elementor-element.elementor-element-97d2e1e + .wpr-hidden-header{top:0px;}.elementor-9030 .elementor-element.elementor-element-97d2e1e + .wpr-hidden-header-flex{top:0px;}}@media(min-width:768px){.elementor-9030 .elementor-element.elementor-element-bbd8cc6{--content-width:1199px;}.elementor-9030 .elementor-element.elementor-element-14cde39{--width:20%;}.elementor-9030 .elementor-element.elementor-element-1c57e47{--width:80%;}.elementor-9030 .elementor-element.elementor-element-eeb3d2a{--width:100%;}}@media(max-width:767px){.elementor-9030 .elementor-element.elementor-element-bbd8cc6{--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;}.elementor-9030 .elementor-element.elementor-element-07b6b7e{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9030 .elementor-element.elementor-element-eeb3d2a{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9030 .elementor-element.elementor-element-97d2e1e{top:auto;bottom:0px;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9030 .elementor-element.elementor-element-97d2e1e + .wpr-hidden-header{top:0px;}.elementor-9030 .elementor-element.elementor-element-97d2e1e + .wpr-hidden-header-flex{top:0px;}.elementor-9030 .elementor-element.elementor-element-617af7a{--content-width:1461px;--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;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:200px 200px 200px 200px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:6px;--padding-left:8px;--padding-right:8px;}.elementor-9030 .elementor-element.elementor-element-37b0297{--width:100%;--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;--justify-content:space-around;--align-items:center;--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-9030 .elementor-element.elementor-element-207cc61 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 8px 12px;}.elementor-9030 .elementor-element.elementor-element-207cc61 .elementor-icon{font-size:24px;}.elementor-9030 .elementor-element.elementor-element-207cc61 .elementor-icon svg{height:24px;}.elementor-9030 .elementor-element.elementor-element-ff9e6fc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 8px 12px;}.elementor-9030 .elementor-element.elementor-element-ff9e6fc .elementor-icon{font-size:24px;}.elementor-9030 .elementor-element.elementor-element-ff9e6fc .elementor-icon svg{height:24px;}.elementor-9030 .elementor-element.elementor-element-e6b57ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 8px 12px;}.elementor-9030 .elementor-element.elementor-element-e6b57ce .elementor-icon{font-size:24px;}.elementor-9030 .elementor-element.elementor-element-e6b57ce .elementor-icon svg{height:24px;}.elementor-9030 .elementor-element.elementor-element-fff4a8f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 0px 0px 0px;}.elementor-9030 .elementor-element.elementor-element-fff4a8f .elementor-icon{font-size:22px;}.elementor-9030 .elementor-element.elementor-element-fff4a8f .elementor-icon svg{height:22px;}.elementor-9030 .elementor-element.elementor-element-efc2920 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 8px 12px;}.elementor-9030 .elementor-element.elementor-element-efc2920 .elementor-icon{font-size:24px;}.elementor-9030 .elementor-element.elementor-element-efc2920 .elementor-icon svg{height:24px;}.elementor-9030 .elementor-element.elementor-element-8133686 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 8px 12px;}.elementor-9030 .elementor-element.elementor-element-8133686 .elementor-icon{font-size:24px;}.elementor-9030 .elementor-element.elementor-element-8133686 .elementor-icon svg{height:24px;}.elementor-9030 .elementor-element.elementor-element-0689780{--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;}}/* Start custom CSS for container, class: .elementor-element-aa7b30a *//* --- DESKTOP LOGIC --- */ /* Hover & Active: Blue Icon + White Text */ .dash-nav-card:hover .elementor-icon, .dash-nav-card.active .elementor-icon, .dash-nav-payments:hover .elementor-icon, .dash-nav-payments.active .elementor-icon, .dash-nav-tanya-founder:hover .elementor-icon, .dash-nav-tanya-founder.active .elementor-icon { fill: #007bff !important; color: #007bff !important; transition: all 0.3s ease; } .dash-nav-card:hover .elementor-icon-box-title, .dash-nav-card.active .elementor-icon-box-title, .dash-nav-payments:hover .elementor-icon-box-title, .dash-nav-payments.active .elementor-icon-box-title, .dash-nav-tanya-founder:hover .elementor-icon-box-title, .dash-nav-tanya-founder.active .elementor-icon-box-title { color: #ffffff !important; transition: all 0.3s ease; } /* Hide dot on desktop */ .dash-nav-indicator { display: none; } /* --- MOBILE LOGIC --- */ @media (max-width: 768px) { /* Reset text/icon colors on mobile so they don't stick */ .dash-nav-card:hover .elementor-icon, .dash-nav-payments:hover .elementor-icon, .dash-nav-tanya-founder:hover .elementor-icon { color: inherit !important; fill: inherit !important; } /* Active State: Add padding for the dot */ .dash-nav-card.active .elementor-icon-box-wrapper, .dash-nav-payments.active .elementor-icon-box-wrapper, .dash-nav-tanya-founder.active .elementor-icon-box-wrapper { position: relative; padding-bottom: 10px; } /* Show the Blue Dot */ .dash-nav-card.active .dash-nav-indicator, .dash-nav-payments.active .dash-nav-indicator, .dash-nav-tanya-founder.active .dash-nav-indicator { display: block; width: 6px; height: 6px; background-color: #007bff; border-radius: 50%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b15c8e *//* --- DESKTOP LOGIC --- */ /* Hover & Active: Blue Icon + White Text */ .dash-nav-card:hover .elementor-icon, .dash-nav-card.active .elementor-icon, .dash-nav-payments:hover .elementor-icon, .dash-nav-payments.active .elementor-icon, .dash-nav-tanya-founder:hover .elementor-icon, .dash-nav-tanya-founder.active .elementor-icon { fill: #007bff !important; color: #007bff !important; transition: all 0.3s ease; } .dash-nav-card:hover .elementor-icon-box-title, .dash-nav-card.active .elementor-icon-box-title, .dash-nav-payments:hover .elementor-icon-box-title, .dash-nav-payments.active .elementor-icon-box-title, .dash-nav-tanya-founder:hover .elementor-icon-box-title, .dash-nav-tanya-founder.active .elementor-icon-box-title { color: #ffffff !important; transition: all 0.3s ease; } /* Hide dot on desktop */ .dash-nav-indicator { display: none; } /* --- MOBILE LOGIC --- */ @media (max-width: 768px) { /* Reset text/icon colors on mobile so they don't stick */ .dash-nav-card:hover .elementor-icon, .dash-nav-payments:hover .elementor-icon, .dash-nav-tanya-founder:hover .elementor-icon { color: inherit !important; fill: inherit !important; } /* Active State: Add padding for the dot */ .dash-nav-card.active .elementor-icon-box-wrapper, .dash-nav-payments.active .elementor-icon-box-wrapper, .dash-nav-tanya-founder.active .elementor-icon-box-wrapper { position: relative; padding-bottom: 10px; } /* Show the Blue Dot */ .dash-nav-card.active .dash-nav-indicator, .dash-nav-payments.active .dash-nav-indicator, .dash-nav-tanya-founder.active .dash-nav-indicator { display: block; width: 6px; height: 6px; background-color: #007bff; border-radius: 50%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8ee5b14 *//* --- DESKTOP LOGIC --- */ /* Hover & Active: Blue Icon + White Text */ .dash-nav-card:hover .elementor-icon, .dash-nav-card.active .elementor-icon, .dash-nav-payments:hover .elementor-icon, .dash-nav-payments.active .elementor-icon, .dash-nav-tanya-founder:hover .elementor-icon, .dash-nav-tanya-founder.active .elementor-icon { fill: #007bff !important; color: #007bff !important; transition: all 0.3s ease; } .dash-nav-card:hover .elementor-icon-box-title, .dash-nav-card.active .elementor-icon-box-title, .dash-nav-payments:hover .elementor-icon-box-title, .dash-nav-payments.active .elementor-icon-box-title, .dash-nav-tanya-founder:hover .elementor-icon-box-title, .dash-nav-tanya-founder.active .elementor-icon-box-title { color: #ffffff !important; transition: all 0.3s ease; } /* Hide dot on desktop */ .dash-nav-indicator { display: none; } /* --- MOBILE LOGIC --- */ @media (max-width: 768px) { /* Reset text/icon colors on mobile so they don't stick */ .dash-nav-card:hover .elementor-icon, .dash-nav-payments:hover .elementor-icon, .dash-nav-tanya-founder:hover .elementor-icon { color: inherit !important; fill: inherit !important; } /* Active State: Add padding for the dot */ .dash-nav-card.active .elementor-icon-box-wrapper, .dash-nav-payments.active .elementor-icon-box-wrapper, .dash-nav-tanya-founder.active .elementor-icon-box-wrapper { position: relative; padding-bottom: 10px; } /* Show the Blue Dot */ .dash-nav-card.active .dash-nav-indicator, .dash-nav-payments.active .dash-nav-indicator, .dash-nav-tanya-founder.active .dash-nav-indicator { display: block; width: 6px; height: 6px; background-color: #007bff; border-radius: 50%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bbd8cc6 *//* --- 1. DESKTOP BEHAVIOR (Min-width 769px) --- */ @media (min-width: 769px) { /* Change Icon color to New Blue on Hover/Active */ .dash-nav-card.active svg path, .dash-nav-payments.active svg path, .dash-nav-tanya-founder.active svg path, .dash-nav-card:hover svg path, .dash-nav-payments:hover svg path, .dash-nav-tanya-founder:hover svg path { fill: #2A62FF !important; transition: fill 0.3s ease; } /* Change ALL Text to White when .active */ .dash-nav-card.active, .dash-nav-payments.active, .dash-nav-tanya-founder.active, .dash-nav-card.active *, .dash-nav-payments.active *, .dash-nav-tanya-founder.active * { color: #ffffff !important; } } /* --- 2. INDICATOR DOT LOGIC (Shared) --- */ .dash-nav-indicator { display: none; /* Hidden on Desktop */ } /* --- 3. MOBILE BEHAVIOR (Max-width 768px) --- */ @media (max-width: 768px) { /* NEW: Icon SVG turns WHITE on Mobile when Active */ .dash-nav-card.active svg path, .dash-nav-payments.active svg path, .dash-nav-tanya-founder.active svg path { fill: #ffffff !important; } /* Reset text color on Mobile (Keeping it inherited/dark for visibility) */ .dash-nav-card.active, .dash-nav-payments.active, .dash-nav-tanya-founder.active, .dash-nav-card.active *, .dash-nav-payments.active *, .dash-nav-tanya-founder.active * { color: inherit !important; } /* Show the blue dot - Positioned CLOSER to the icon */ .active .dash-nav-indicator { display: block !important; width: 7px; height: 7px; background-color: #2A62FF; /* Updated Blue */ border-radius: 50%; position: absolute; bottom: -4px; /* Move this closer (e.g., -2px or 0px) to adjust height */ left: 50%; transform: translateX(-50%); z-index: 99; box-shadow: 0 0 5px rgba(42, 98, 255, 0.4); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-97d2e1e *//* --- 1. DESKTOP BEHAVIOR (Min-width 769px) --- */ @media (min-width: 769px) { /* Change Icon color to New Blue on Hover/Active */ .dash-nav-card.active svg path, .dash-nav-payments.active svg path, .dash-nav-tanya-founder.active svg path, .dash-nav-card:hover svg path, .dash-nav-payments:hover svg path, .dash-nav-tanya-founder:hover svg path { fill: #2A62FF !important; transition: fill 0.3s ease; } /* Change ALL Text to White when .active */ .dash-nav-card.active, .dash-nav-payments.active, .dash-nav-tanya-founder.active, .dash-nav-card.active *, .dash-nav-payments.active *, .dash-nav-tanya-founder.active * { color: #ffffff !important; } } /* --- 2. INDICATOR DOT LOGIC (Shared) --- */ .dash-nav-indicator { display: none; /* Hidden on Desktop */ } /* --- 3. MOBILE BEHAVIOR (Max-width 768px) --- */ @media (max-width: 768px) { /* NEW: Icon SVG turns WHITE on Mobile when Active */ .dash-nav-card.active svg path, .dash-nav-payments.active svg path, .dash-nav-tanya-founder.active svg path { fill: #ffffff !important; } /* Reset text color on Mobile (Keeping it inherited/dark for visibility) */ .dash-nav-card.active, .dash-nav-payments.active, .dash-nav-tanya-founder.active, .dash-nav-card.active *, .dash-nav-payments.active *, .dash-nav-tanya-founder.active * { color: inherit !important; } /* Show the blue dot - Positioned CLOSER to the icon */ .active .dash-nav-indicator { display: block !important; width: 7px; height: 7px; background-color: #2A62FF; /* Updated Blue */ border-radius: 50%; position: absolute; bottom: -4px; /* Move this closer (e.g., -2px or 0px) to adjust height */ left: 50%; transform: translateX(-50%); z-index: 99; box-shadow: 0 0 5px rgba(42, 98, 255, 0.4); } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Neue Montreal'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://tradewithsuli.com/wp-content/uploads/2025/01/ppneuemontreal-medium.woff') format('woff'); } @font-face { font-family: 'Neue Montreal'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://tradewithsuli.com/wp-content/uploads/2025/01/ppneuemontreal-book.woff') format('woff'); } @font-face { font-family: 'Neue Montreal'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://tradewithsuli.com/wp-content/uploads/2025/01/ppneuemontreal-bold.woff') format('woff'); } /* End Custom Fonts CSS */