.elementor-9192 .elementor-element.elementor-element-23e557e{--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;--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-9192 .elementor-element.elementor-element-14669ff{--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;--justify-content:space-between;--align-items:center;}.elementor-9192 .elementor-element.elementor-element-794f42d{--display:flex;}.elementor-9192 .elementor-element.elementor-element-b9ce5c1 ul.hfe-breadcrumbs li{margin-right:5px;}.elementor-9192 .elementor-element.elementor-element-b9ce5c1 .hfe-breadcrumbs-item{font-family:"Merriweather", Sans-serif;text-decoration:none;}.elementor-9192 .elementor-element.elementor-element-d3cb250{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-9192 .elementor-element.elementor-element-daa7198 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-9192 .elementor-element.elementor-element-daa7198{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-daa7198 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-daa7198 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-daa7198 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-daa7198 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-cb680f8{width:var( --container-widget-width, 66.914% );max-width:66.914%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;padding:0px 0px 0px 0px;--container-widget-width:66.914%;--container-widget-flex-grow:0;text-align:start;font-family:"Merriweather", Sans-serif;font-size:16px;font-weight:400;line-height:19px;}.elementor-9192 .elementor-element.elementor-element-cb680f8.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.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-9192 .elementor-element.elementor-element-e30ba3c .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}.elementor-9192 .elementor-element.elementor-element-e30ba3c .elementor-button:hover, .elementor-9192 .elementor-element.elementor-element-e30ba3c .elementor-button:focus{color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-e30ba3c .elementor-button:hover svg, .elementor-9192 .elementor-element.elementor-element-e30ba3c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-e91ab07{--display:flex;}.elementor-9192 .elementor-element.elementor-element-3d6b404{--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;--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-9192 .elementor-element.elementor-element-ff1970e{--display:flex;}.elementor-9192 .elementor-element.elementor-element-909fc97{--display:flex;}.elementor-9192 .elementor-element.elementor-element-ff78c7f .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-9192 .elementor-element.elementor-element-ff78c7f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-ff78c7f .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 0px 0px;font-family:"Merriweather", Sans-serif;font-size:20px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-ff78c7f .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-ff78c7f .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-ff78c7f .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:20px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-a110af4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-a110af4 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:36px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-a110af4 .elementskit-section-title-wraper .elementskit-section-title > span{color:var( --e-global-color-primary );text-shadow:0px 0px 2px #000000;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-a110af4 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-a110af4 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-a110af4 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-bc6492a{--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;--justify-content:space-between;--align-items:center;}.elementor-9192 .elementor-element.elementor-element-7b92493{--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;}.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-9192 .elementor-element.elementor-element-9771451 .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-9771451.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-9192 .elementor-element.elementor-element-9771451.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-9771451.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-9192 .elementor-element.elementor-element-9771451.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-9771451.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon{font-size:120px;}.elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon svg{height:120px;}.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-9192 .elementor-element.elementor-element-0c097d5{text-align:center;}.elementor-9192 .elementor-element.elementor-element-0c097d5 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-weight:600;}.elementor-9192 .elementor-element.elementor-element-fb3a757{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Merriweather", Sans-serif;font-size:16px;font-weight:400;line-height:19px;}.elementor-9192 .elementor-element.elementor-element-fb3a757.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-9192 .elementor-element.elementor-element-0d95174{padding:0px 20px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-0d95174.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-0d95174.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-0d95174.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-0d95174.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-0d95174.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon{font-size:39px;}.elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon svg{height:39px;}.elementor-9192 .elementor-element.elementor-element-f689d94{padding:0px 20px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-f689d94.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-f689d94.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-f689d94.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-f689d94.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-f689d94.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon{font-size:39px;}.elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon svg{height:39px;}.elementor-9192 .elementor-element.elementor-element-32dc4db{--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;}.elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-eedc80f.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-9192 .elementor-element.elementor-element-eedc80f.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-eedc80f.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-9192 .elementor-element.elementor-element-eedc80f.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-eedc80f.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon{font-size:120px;}.elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon svg{height:120px;}.elementor-9192 .elementor-element.elementor-element-185cf58{text-align:center;}.elementor-9192 .elementor-element.elementor-element-185cf58 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-weight:600;}.elementor-9192 .elementor-element.elementor-element-42c0536{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Merriweather", Sans-serif;font-size:16px;font-weight:400;line-height:19px;}.elementor-9192 .elementor-element.elementor-element-42c0536.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-9192 .elementor-element.elementor-element-e20b46c{padding:0px 20px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-e20b46c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-e20b46c.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-e20b46c.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-e20b46c.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-e20b46c.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon{font-size:39px;}.elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon svg{height:39px;}.elementor-9192 .elementor-element.elementor-element-316718a{padding:0px 20px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-316718a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-316718a.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-316718a.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-316718a.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-316718a.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon{font-size:39px;}.elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon svg{height:39px;}.elementor-9192 .elementor-element.elementor-element-1d1f99e{--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;}.elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-07290b4.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-9192 .elementor-element.elementor-element-07290b4.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-07290b4.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-9192 .elementor-element.elementor-element-07290b4.elementor-view-framed .elementor-icon, .elementor-9192 .elementor-element.elementor-element-07290b4.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon{font-size:120px;}.elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon svg{height:120px;}.elementor-9192 .elementor-element.elementor-element-1c87740{text-align:center;}.elementor-9192 .elementor-element.elementor-element-1c87740 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-weight:600;}.elementor-9192 .elementor-element.elementor-element-36a3ee5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Merriweather", Sans-serif;font-size:16px;font-weight:400;line-height:19px;}.elementor-9192 .elementor-element.elementor-element-36a3ee5.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-9192 .elementor-element.elementor-element-136834a .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}.elementor-9192 .elementor-element.elementor-element-136834a .elementor-button:hover, .elementor-9192 .elementor-element.elementor-element-136834a .elementor-button:focus{color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-136834a .elementor-button:hover svg, .elementor-9192 .elementor-element.elementor-element-136834a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-50ff329 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-9192 .elementor-element.elementor-element-50ff329{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-50ff329 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-50ff329 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-50ff329 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-50ff329 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-365d239{--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;}.elementor-9192 .elementor-element.elementor-element-4e15da2 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:5px 5px 5px 5px;}.elementor-9192 .elementor-element.elementor-element-4e15da2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-4e15da2 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-4e15da2 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-4e15da2 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-4e15da2 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-98f7df5{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-9192 .elementor-element.elementor-element-98f7df5 .swiper-slide > .elementor-element{height:100%;}.elementor-9192 .elementor-element.elementor-element-71ed0a3{--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;}.elementor-9192 .elementor-element.elementor-element-9d37278 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:5px 5px 5px 5px;}.elementor-9192 .elementor-element.elementor-element-9d37278{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-9d37278 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-9d37278 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-9d37278 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-9d37278 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-e659001{--swiper-slides-to-display:2;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-9192 .elementor-element.elementor-element-e659001 .swiper-slide > .elementor-element{height:100%;}.elementor-9192 .elementor-element.elementor-element-ffb7f73{--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;}.elementor-9192 .elementor-element.elementor-element-6788c6e .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:5px 5px 5px 5px;}.elementor-9192 .elementor-element.elementor-element-6788c6e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-6788c6e .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-6788c6e .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-6788c6e .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-6788c6e .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-edb44ae{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-9192 .elementor-element.elementor-element-edb44ae .swiper-slide > .elementor-element{height:100%;}.elementor-9192 .elementor-element.elementor-element-62febfe{--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;}.elementor-9192 .elementor-element.elementor-element-34a0e06 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:5px 5px 5px 5px;}.elementor-9192 .elementor-element.elementor-element-34a0e06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-34a0e06 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-34a0e06 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-34a0e06 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-34a0e06 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-b440b14{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-9192 .elementor-element.elementor-element-b440b14 .swiper-slide > .elementor-element{height:100%;}.elementor-9192 .elementor-element.elementor-element-cc69948{--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;}.elementor-9192 .elementor-element.elementor-element-0324ff3 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:5px 5px 5px 5px;}.elementor-9192 .elementor-element.elementor-element-0324ff3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-0324ff3 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-0324ff3 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-0324ff3 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-0324ff3 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-58efa2a{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-9192 .elementor-element.elementor-element-58efa2a .swiper-slide > .elementor-element{height:100%;}.elementor-9192 .elementor-element.elementor-element-647eaf9{--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;}.elementor-9192 .elementor-element.elementor-element-fafee2d .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:5px 5px 5px 5px;}.elementor-9192 .elementor-element.elementor-element-fafee2d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-fafee2d .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-fafee2d .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-fafee2d .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-fafee2d .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:32px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-83ffcc3{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-9192 .elementor-element.elementor-element-83ffcc3 .swiper-slide > .elementor-element{height:100%;}.elementor-9192 .elementor-element.elementor-element-fd6cdc7{--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:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-9192 .elementor-element.elementor-element-ee1f3e1 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-9192 .elementor-element.elementor-element-ee1f3e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-ee1f3e1 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-ee1f3e1 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-ee1f3e1 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-ee1f3e1 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:40px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-af82fb2{width:var( --container-widget-width, 66.914% );max-width:66.914%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:66.914%;--container-widget-flex-grow:0;text-align:start;font-family:"Merriweather", Sans-serif;font-size:16px;font-weight:400;line-height:19px;}.elementor-9192 .elementor-element.elementor-element-af82fb2.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-9192 .elementor-element.elementor-element-29284bf{--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;}.elementor-9192 .elementor-element.elementor-element-19c97f8{--display:flex;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9192 .elementor-element.elementor-element-d41753c{--grid-columns:1;}.elementor-9192 .elementor-element.elementor-element-d0771a1{--display:flex;--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-9192 .elementor-element.elementor-element-6141387{--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:space-between;--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-9192 .elementor-element.elementor-element-fcfd5ca .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-9192 .elementor-element.elementor-element-fcfd5ca{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-9192 .elementor-element.elementor-element-fcfd5ca .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 0px 0px;font-family:"Merriweather", Sans-serif;font-size:20px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-fcfd5ca .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-fcfd5ca .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-fcfd5ca .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:20px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.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-9192 .elementor-element.elementor-element-a693b37{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -21px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-a693b37.elementor-element{--align-self:flex-end;}.elementor-9192 .elementor-element.elementor-element-a693b37 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-9192 .elementor-element.elementor-element-a693b37 .elementor-divider{text-align:left;padding-block-start:19px;padding-block-end:19px;}.elementor-9192 .elementor-element.elementor-element-e1eab9a{--grid-columns:1;}.elementor-9192 .elementor-element.elementor-element-d401fdb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-d401fdb .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;border-radius:7px 7px 7px 7px;padding:10px 20px 10px 20px;}.elementor-9192 .elementor-element.elementor-element-d401fdb .elementor-button:hover, .elementor-9192 .elementor-element.elementor-element-d401fdb .elementor-button:focus{color:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-d401fdb .elementor-button:hover svg, .elementor-9192 .elementor-element.elementor-element-d401fdb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-9192 .elementor-element.elementor-element-5fdc6f7f{--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:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9192 .elementor-element.elementor-element-46100f51{--display:flex;--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-9192 .elementor-element.elementor-element-3be7dcf5{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:20px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-9192 .elementor-element.elementor-element-7825c361 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-9192 .elementor-element.elementor-element-7825c361{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-7825c361 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:28px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-9192 .elementor-element.elementor-element-7825c361 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-9192 .elementor-element.elementor-element-7825c361 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-7825c361 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:28px;text-transform:capitalize;font-style:normal;word-spacing:-1.4px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:15px;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-15px;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-field-group > label{font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-field-type-html{padding-bottom:0px;font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-accent );border-radius:12px 12px 12px 12px;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-accent );border-radius:12px 12px 12px 12px;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-button{font-family:"Merriweather", Sans-serif;font-weight:500;border-style:none;}.elementor-9192 .elementor-element.elementor-element-4c57171d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9192 .elementor-element.elementor-element-4c57171d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9192 .elementor-element.elementor-element-4c57171d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9192 .elementor-element.elementor-element-4c57171d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-9192 .elementor-element.elementor-element-19c97f8{--width:60%;}.elementor-9192 .elementor-element.elementor-element-d0771a1{--width:40%;}}@media(max-width:1024px){.elementor-9192 .elementor-element.elementor-element-98f7df5{--swiper-slides-to-display:2;}.elementor-9192 .elementor-element.elementor-element-e659001{--swiper-slides-to-display:2;}.elementor-9192 .elementor-element.elementor-element-edb44ae{--swiper-slides-to-display:2;}.elementor-9192 .elementor-element.elementor-element-b440b14{--swiper-slides-to-display:2;}.elementor-9192 .elementor-element.elementor-element-58efa2a{--swiper-slides-to-display:2;}.elementor-9192 .elementor-element.elementor-element-83ffcc3{--swiper-slides-to-display:2;}.elementor-9192 .elementor-element.elementor-element-d41753c{--grid-columns:2;}.elementor-9192 .elementor-element.elementor-element-e1eab9a{--grid-columns:2;}}@media(max-width:767px){.elementor-9192 .elementor-element.elementor-element-23e557e{--flex-direction:column-reverse;--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-9192 .elementor-element.elementor-element-14669ff{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-9192 .elementor-element.elementor-element-794f42d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-9192 .elementor-element.elementor-element-d3cb250{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-9192 .elementor-element.elementor-element-daa7198{padding:20px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-cb680f8{width:var( --container-widget-width, 316.078px );max-width:316.078px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:316.078px;--container-widget-flex-grow:0;line-height:1.4em;}.elementor-9192 .elementor-element.elementor-element-e30ba3c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;}.elementor-9192 .elementor-element.elementor-element-e91ab07{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:300px;--padding-left:0px;--padding-right:0px;}.elementor-9192 .elementor-element.elementor-element-909fc97{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-9192 .elementor-element.elementor-element-ff78c7f .elementskit-section-title-wraper .elementskit-section-title{font-size:16px;}.elementor-9192 .elementor-element.elementor-element-ff78c7f .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9192 .elementor-element.elementor-element-ff78c7f .elementskit-section-title-wraper .elementskit-section-title > span{font-size:16px;}.elementor-9192 .elementor-element.elementor-element-bc6492a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9192 .elementor-element.elementor-element-fb3a757{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-f689d94{padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon{font-size:64px;}.elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon svg{height:64px;}.elementor-9192 .elementor-element.elementor-element-42c0536{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-316718a{padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon-wrapper{text-align:center;}.elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon{font-size:64px;}.elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon svg{height:64px;}.elementor-9192 .elementor-element.elementor-element-36a3ee5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9192 .elementor-element.elementor-element-136834a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 30px 0px;}.elementor-9192 .elementor-element.elementor-element-50ff329{padding:20px 10px 0px 10px;}.elementor-9192 .elementor-element.elementor-element-4e15da2{padding:20px 10px 0px 10px;}.elementor-9192 .elementor-element.elementor-element-98f7df5{--swiper-slides-to-display:1;}.elementor-9192 .elementor-element.elementor-element-9d37278{padding:20px 10px 0px 10px;}.elementor-9192 .elementor-element.elementor-element-e659001{--swiper-slides-to-display:1;}.elementor-9192 .elementor-element.elementor-element-6788c6e{padding:20px 10px 0px 10px;}.elementor-9192 .elementor-element.elementor-element-edb44ae{--swiper-slides-to-display:1;}.elementor-9192 .elementor-element.elementor-element-34a0e06{padding:20px 10px 0px 10px;}.elementor-9192 .elementor-element.elementor-element-b440b14{--swiper-slides-to-display:1;}.elementor-9192 .elementor-element.elementor-element-0324ff3{padding:20px 10px 0px 10px;}.elementor-9192 .elementor-element.elementor-element-58efa2a{--swiper-slides-to-display:1;}.elementor-9192 .elementor-element.elementor-element-fafee2d{padding:20px 10px 0px 10px;}.elementor-9192 .elementor-element.elementor-element-83ffcc3{--swiper-slides-to-display:1;}.elementor-9192 .elementor-element.elementor-element-af82fb2{width:var( --container-widget-width, 307.469px );max-width:307.469px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:307.469px;--container-widget-flex-grow:0;}.elementor-9192 .elementor-element.elementor-element-29284bf{--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-9192 .elementor-element.elementor-element-19c97f8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9192 .elementor-element.elementor-element-d41753c{--grid-columns:1;}.elementor-9192 .elementor-element.elementor-element-fcfd5ca .elementskit-section-title-wraper .elementskit-section-title > span{padding:10px 5px 5px 5px;}.elementor-9192 .elementor-element.elementor-element-a693b37{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9192 .elementor-element.elementor-element-e1eab9a{--grid-columns:1;}.elementor-9192 .elementor-element.elementor-element-d401fdb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 0px;}.elementor-9192 .elementor-element.elementor-element-d401fdb.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-9192 .elementor-element.elementor-element-4c57171d{padding:10px 10px 40px 10px;}}/* Start custom CSS for hfe-breadcrumbs-widget, class: .elementor-element-b9ce5c1 *//* =========================================================== STRIVANCE DESCRIPTION TEXT Class Name: strivance-desc =========================================================== */ /* 1. DEFAULT STATE (Light Mode) */ .strivance-desc, .strivance-desc p, .strivance-desc .elementor-widget-text-editor { color: #000000 !important; transition: color 0.3s ease; } /* 2. FORCE LIGHT MODE (Fix for Dark System) If user clicked the Sun button, keep text Black. */ html.site-light .strivance-desc, html.site-light .strivance-desc p, html.site-light .strivance-desc .elementor-widget-text-editor { color: #000000 !important; } /* 3. DARK MODE (Manual Trigger .site-dark) Runs when user clicks the Moon button. */ html.site-dark .strivance-desc, html.site-dark .strivance-desc p, html.site-dark .strivance-desc .elementor-widget-text-editor { color: #FFFFFF !important; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND user hasn't clicked "Light". */ @media (prefers-color-scheme: dark) { html:not(.site-light) .strivance-desc, html:not(.site-light) .strivance-desc p, html:not(.site-light) .strivance-desc .elementor-widget-text-editor { color: #FFFFFF !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-794f42d *//* =========================================================== TEXT DYNAMIC COLORS (Light/Dark Toggle Support) =========================================================== */ /* 1. DEFAULT STATE (Base Styles) */ .strivance-text-dynamic .elementor-heading-title, .strivance-text-dynamic h1, .strivance-text-dynamic h2, .strivance-text-dynamic h3, .strivance-text-dynamic .strivance-highlight, .strivance-text-dynamic .elementor-widget-text-editor, .strivance-text-dynamic p { color: #000000 !important; transition: color 0.3s ease; } /* 2. FORCE LIGHT MODE (The Fix) If user clicks "Sun", force Black text even if System is Dark. */ html.site-light .strivance-text-dynamic .elementor-heading-title, html.site-light .strivance-text-dynamic h1, html.site-light .strivance-text-dynamic h2, html.site-light .strivance-text-dynamic h3, html.site-light .strivance-text-dynamic .strivance-highlight, html.site-light .strivance-text-dynamic .elementor-widget-text-editor, html.site-light .strivance-text-dynamic p { color: #000000 !important; } /* 3. DARK MODE (Manual Trigger .site-dark) Runs when user clicks the Moon button. */ /* A. Headings turn Gold */ html.site-dark .strivance-text-dynamic .elementor-heading-title, html.site-dark .strivance-text-dynamic h1, html.site-dark .strivance-text-dynamic h2, html.site-dark .strivance-text-dynamic h3, html.site-dark .strivance-text-dynamic .strivance-highlight { color: #F8B31A !important; } /* B. Body Text turns White */ html.site-dark .strivance-text-dynamic .elementor-widget-text-editor, html.site-dark .strivance-text-dynamic p { color: #FFFFFF !important; opacity: 0.9; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND user hasn't clicked "Light". */ @media (prefers-color-scheme: dark) { /* Headings -> Gold (unless forced Light) */ html:not(.site-light) .strivance-text-dynamic .elementor-heading-title, html:not(.site-light) .strivance-text-dynamic h1, html:not(.site-light) .strivance-text-dynamic h2, html:not(.site-light) .strivance-text-dynamic h3, html:not(.site-light) .strivance-text-dynamic .strivance-highlight { color: #F8B31A !important; } /* Body Text -> White (unless forced Light) */ html:not(.site-light) .strivance-text-dynamic .elementor-widget-text-editor, html:not(.site-light) .strivance-text-dynamic p { color: #FFFFFF !important; opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-14669ff *//* EXPERT BACKGROUND SYSTEM (Animated Light & Dark) ------------------------------------------------------- */ .elementor-9192 .elementor-element.elementor-element-14669ff { /* --- 1. DEFINE GRADIENTS --- */ /* Light Mode: Orange to Cream (Diagonal) */ --bg-light: linear-gradient(120deg, #FF9E40 0%, #FFFBED 50%, #FF9E40 100%); /* Dark Mode: Black with falling Gold Mist (Vertical) */ --bg-dark: linear-gradient(to bottom, #050505 0%, rgba(248, 179, 26, 0.2) 50%, #050505 100%); /* --- 2. DEFAULT STATE (Light Mode) --- */ background: var(--bg-light); background-size: 200% 200%; /* Allows movement */ animation: lightFlow 6s ease infinite; /* Diagonal flow */ transition: background-image 0.5s ease-in-out; } /* --- 3. FORCE LIGHT MODE (Toggle Button Fix) --- */ html.site-light .elementor-9192 .elementor-element.elementor-element-14669ff { background: var(--bg-light) !important; background-size: 200% 200%; animation: lightFlow 6s ease infinite; } /* --- 4. DARK MODE (System & Toggle) --- */ /* Logic: Apply if System is Dark (and not forced Light) OR Button is Dark */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-14669ff { background: var(--bg-dark) !important; background-size: 100% 300%; /* Taller for vertical scrolling */ animation: darkDown 8s linear infinite !important; /* The Down Animation */ } } html.site-dark .elementor-9192 .elementor-element.elementor-element-14669ff { background: var(--bg-dark) !important; background-size: 100% 300%; animation: darkDown 8s linear infinite !important; } /* --- 5. ANIMATION KEYFRAMES --- */ /* Light Mode: Diagonal Flow */ @keyframes lightFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Dark Mode: Vertical Waterfall (Dark Down) */ @keyframes darkDown { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23e557e *//* =========================================================== 2. MIDDLE/BOTTOM SECTION (Fixed for Toggle) =========================================================== */ /* 1. LAYOUT & DEFAULT (Light Mode) */ .strivance-hero-bg { box-sizing: border-box; /* --- Local Variables (Default/Light) --- */ --btm-bg-color: #FFFBED; --btm-glass-bg: rgba(255, 255, 255, 0.15); --btm-glass-border: rgba(255, 255, 255, 0.6); --btm-glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); --btm-text-title: #000000; --btm-text-body: #000000; --btm-text-gold: #E6A308; background: var(--btm-bg-color) !important; transition: background 0.5s ease; } /* 2. FORCE LIGHT MODE (The Fix) If the user clicked the Sun button (.site-light), we FORCE these colors, ignoring system settings. */ html.site-light .strivance-hero-bg { --btm-bg-color: #FFFBED !important; --btm-glass-bg: rgba(255, 255, 255, 0.15) !important; --btm-glass-border: rgba(255, 255, 255, 0.6) !important; --btm-glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; --btm-text-title: #000000 !important; --btm-text-body: #000000 !important; --btm-text-gold: #E6A308 !important; } /* 3. DARK MODE (System + Manual) Apply if: a) System is Dark AND User didn't click Light b) User clicked Dark (.site-dark) */ @media (prefers-color-scheme: dark) { html:not(.site-light) .strivance-hero-bg { --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; --btm-glass-bg: rgba(20, 20, 20, 0.4); --btm-glass-border: rgba(255, 255, 255, 0.15); --btm-glass-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); --btm-text-title: #FFFFFF; --btm-text-body: #E2E8F0; --btm-text-gold: #F8B31A; } } html.site-dark .strivance-hero-bg { --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505 !important; --btm-glass-bg: rgba(20, 20, 20, 0.4) !important; --btm-glass-border: rgba(255, 255, 255, 0.15) !important; --btm-glass-shadow: 0 5px 20px rgba(0, 0, 0, 0.5) !important; --btm-text-title: #FFFFFF !important; --btm-text-body: #E2E8F0 !important; --btm-text-gold: #F8B31A !important; } /* ----------------------------------------------------------- A. FROSTED GLASS BOX (The Container) ----------------------------------------------------------- */ .strivance-hero-bg .frosted-glass-box { background: var(--btm-glass-bg) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border: 1.5px solid var(--btm-glass-border) !important; box-shadow: var(--btm-glass-shadow) !important; border-radius: 24px; transition: all 0.5s ease !important; padding: 0px; height: 100%; } .strivance-hero-bg .frosted-glass-box:hover { border-color: var(--btm-text-gold) !important; background: rgba(255, 255, 255, 0.6) !important; transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important; } /* Force Dark Hover */ html.site-dark .strivance-hero-bg .frosted-glass-box:hover { background: rgba(30, 30, 30, 0.7) !important; box-shadow: 0 15px 30px rgba(0,0,0,0.6) !important; } @media (prefers-color-scheme: dark) { html:not(.site-light) .strivance-hero-bg .frosted-glass-box:hover { background: rgba(30, 30, 30, 0.7) !important; box-shadow: 0 15px 30px rgba(0,0,0,0.6) !important; } } /* ----------------------------------------------------------- B. TYPOGRAPHY & BUTTONS ----------------------------------------------------------- */ .strivance-hero-bg .glass-heading-title, .strivance-hero-bg h2, .strivance-hero-bg h3 { color: var(--btm-text-title) !important; transition: color 0.3s ease; } .strivance-hero-bg .glass-desc, .strivance-hero-bg p, .strivance-hero-bg .elementor-widget-text-editor { color: var(--btm-text-body) !important; transition: color 0.3s ease; } .strivance-hero-bg .glass-btn-primary .elementor-button { background-color: var(--btm-text-gold) !important; color: #FFFFFF !important; border: 1px solid var(--btm-text-gold) !important; } /* Dark Mode Button Text */ html.site-dark .strivance-hero-bg .glass-btn-primary .elementor-button { color: #000000 !important; } @media (prefers-color-scheme: dark) { html:not(.site-light) .strivance-hero-bg .glass-btn-primary .elementor-button { color: #000000 !important; } } /* AGENCY FIX (Editor Performance) */ body.elementor-editor-active .strivance-hero-bg .frosted-glass-box { backdrop-filter: none !important; transition: none !important; box-shadow: none !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9771451 *//* EXPERT ICON MODE SWITCHER (Toggle Integrated) Light Mode = Black | Dark Mode = White */ /* 1. DEFAULT STATE (Light Mode) */ .elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon, .elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon-box-icon, .elementor-9192 .elementor-element.elementor-element-9771451 i, .elementor-9192 .elementor-element.elementor-element-9771451 svg { color: #000000 !important; /* Black */ fill: #000000 !important; transition: all 0.3s ease; } /* 2. FORCE LIGHT MODE (Fix for Dark System) If user clicked "Sun", force Black. */ html.site-light .elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon-box-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-9771451 i, html.site-light .elementor-9192 .elementor-element.elementor-element-9771451 svg { color: #000000 !important; fill: #000000 !important; } /* 3. DARK MODE (Manual Toggle .site-dark) Runs when user clicks "Moon". */ html.site-dark .elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon-box-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-9771451 i, html.site-dark .elementor-9192 .elementor-element.elementor-element-9771451 svg { color: #FFFFFF !important; /* White */ fill: #FFFFFF !important; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND User hasn't clicked Light. */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-9771451 .elementor-icon-box-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-9771451 i, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-9771451 svg { color: #FFFFFF !important; fill: #FFFFFF !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0d95174 *//* EXPERT ICON MODE SWITCHER (Toggle Integrated) Light Mode = Black | Dark Mode = White */ /* 1. DEFAULT STATE (Light Mode) */ .elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon, .elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon-box-icon, .elementor-9192 .elementor-element.elementor-element-0d95174 i, .elementor-9192 .elementor-element.elementor-element-0d95174 svg { color: #000000 !important; /* Black */ fill: #000000 !important; transition: all 0.3s ease; } /* 2. FORCE LIGHT MODE (Fix for Dark System) If user clicked "Sun", force Black. */ html.site-light .elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon-box-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-0d95174 i, html.site-light .elementor-9192 .elementor-element.elementor-element-0d95174 svg { color: #000000 !important; fill: #000000 !important; } /* 3. DARK MODE (Manual Toggle .site-dark) Runs when user clicks "Moon". */ html.site-dark .elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon-box-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-0d95174 i, html.site-dark .elementor-9192 .elementor-element.elementor-element-0d95174 svg { color: #FFFFFF !important; /* White */ fill: #FFFFFF !important; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND User hasn't clicked Light. */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-0d95174 .elementor-icon-box-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-0d95174 i, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-0d95174 svg { color: #FFFFFF !important; fill: #FFFFFF !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-f689d94 *//* EXPERT ICON MODE SWITCHER (Toggle Integrated) Light Mode = Black | Dark Mode = White */ /* 1. DEFAULT STATE (Light Mode) */ .elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon, .elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon-box-icon, .elementor-9192 .elementor-element.elementor-element-f689d94 i, .elementor-9192 .elementor-element.elementor-element-f689d94 svg { color: #000000 !important; /* Black */ fill: #000000 !important; transition: all 0.3s ease; } /* 2. FORCE LIGHT MODE (Fix for Dark System) If user clicked "Sun", force Black. */ html.site-light .elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon-box-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-f689d94 i, html.site-light .elementor-9192 .elementor-element.elementor-element-f689d94 svg { color: #000000 !important; fill: #000000 !important; } /* 3. DARK MODE (Manual Toggle .site-dark) Runs when user clicks "Moon". */ html.site-dark .elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon-box-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-f689d94 i, html.site-dark .elementor-9192 .elementor-element.elementor-element-f689d94 svg { color: #FFFFFF !important; /* White */ fill: #FFFFFF !important; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND User hasn't clicked Light. */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-f689d94 .elementor-icon-box-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-f689d94 i, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-f689d94 svg { color: #FFFFFF !important; fill: #FFFFFF !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-eedc80f *//* EXPERT ICON MODE SWITCHER (Toggle Integrated) Light Mode = Black | Dark Mode = White */ /* 1. DEFAULT STATE (Light Mode) */ .elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon, .elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon-box-icon, .elementor-9192 .elementor-element.elementor-element-eedc80f i, .elementor-9192 .elementor-element.elementor-element-eedc80f svg { color: #000000 !important; /* Black */ fill: #000000 !important; transition: all 0.3s ease; } /* 2. FORCE LIGHT MODE (Fix for Dark System) If user clicked "Sun", force Black. */ html.site-light .elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon-box-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-eedc80f i, html.site-light .elementor-9192 .elementor-element.elementor-element-eedc80f svg { color: #000000 !important; fill: #000000 !important; } /* 3. DARK MODE (Manual Toggle .site-dark) Runs when user clicks "Moon". */ html.site-dark .elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon-box-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-eedc80f i, html.site-dark .elementor-9192 .elementor-element.elementor-element-eedc80f svg { color: #FFFFFF !important; /* White */ fill: #FFFFFF !important; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND User hasn't clicked Light. */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-eedc80f .elementor-icon-box-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-eedc80f i, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-eedc80f svg { color: #FFFFFF !important; fill: #FFFFFF !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-e20b46c *//* EXPERT ICON MODE SWITCHER (Toggle Integrated) Light Mode = Black | Dark Mode = White */ /* 1. DEFAULT STATE (Light Mode) */ .elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon, .elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon-box-icon, .elementor-9192 .elementor-element.elementor-element-e20b46c i, .elementor-9192 .elementor-element.elementor-element-e20b46c svg { color: #000000 !important; /* Black */ fill: #000000 !important; transition: all 0.3s ease; } /* 2. FORCE LIGHT MODE (Fix for Dark System) If user clicked "Sun", force Black. */ html.site-light .elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon-box-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-e20b46c i, html.site-light .elementor-9192 .elementor-element.elementor-element-e20b46c svg { color: #000000 !important; fill: #000000 !important; } /* 3. DARK MODE (Manual Toggle .site-dark) Runs when user clicks "Moon". */ html.site-dark .elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon-box-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-e20b46c i, html.site-dark .elementor-9192 .elementor-element.elementor-element-e20b46c svg { color: #FFFFFF !important; /* White */ fill: #FFFFFF !important; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND User hasn't clicked Light. */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-e20b46c .elementor-icon-box-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-e20b46c i, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-e20b46c svg { color: #FFFFFF !important; fill: #FFFFFF !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-316718a *//* EXPERT ICON MODE SWITCHER (Toggle Integrated) Light Mode = Black | Dark Mode = White */ /* 1. DEFAULT STATE (Light Mode) */ .elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon, .elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon-box-icon, .elementor-9192 .elementor-element.elementor-element-316718a i, .elementor-9192 .elementor-element.elementor-element-316718a svg { color: #000000 !important; /* Black */ fill: #000000 !important; transition: all 0.3s ease; } /* 2. FORCE LIGHT MODE (Fix for Dark System) If user clicked "Sun", force Black. */ html.site-light .elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon-box-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-316718a i, html.site-light .elementor-9192 .elementor-element.elementor-element-316718a svg { color: #000000 !important; fill: #000000 !important; } /* 3. DARK MODE (Manual Toggle .site-dark) Runs when user clicks "Moon". */ html.site-dark .elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon-box-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-316718a i, html.site-dark .elementor-9192 .elementor-element.elementor-element-316718a svg { color: #FFFFFF !important; /* White */ fill: #FFFFFF !important; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND User hasn't clicked Light. */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-316718a .elementor-icon-box-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-316718a i, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-316718a svg { color: #FFFFFF !important; fill: #FFFFFF !important; } }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-07290b4 *//* EXPERT ICON MODE SWITCHER (Toggle Integrated) Light Mode = Black | Dark Mode = White */ /* 1. DEFAULT STATE (Light Mode) */ .elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon, .elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon-box-icon, .elementor-9192 .elementor-element.elementor-element-07290b4 i, .elementor-9192 .elementor-element.elementor-element-07290b4 svg { color: #000000 !important; /* Black */ fill: #000000 !important; transition: all 0.3s ease; } /* 2. FORCE LIGHT MODE (Fix for Dark System) If user clicked "Sun", force Black. */ html.site-light .elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon-box-icon, html.site-light .elementor-9192 .elementor-element.elementor-element-07290b4 i, html.site-light .elementor-9192 .elementor-element.elementor-element-07290b4 svg { color: #000000 !important; fill: #000000 !important; } /* 3. DARK MODE (Manual Toggle .site-dark) Runs when user clicks "Moon". */ html.site-dark .elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon-box-icon, html.site-dark .elementor-9192 .elementor-element.elementor-element-07290b4 i, html.site-dark .elementor-9192 .elementor-element.elementor-element-07290b4 svg { color: #FFFFFF !important; /* White */ fill: #FFFFFF !important; } /* 4. SYSTEM PREFERENCE (Automatic Fallback) Runs if computer is Dark AND User hasn't clicked Light. */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-07290b4 .elementor-icon-box-icon, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-07290b4 i, html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-07290b4 svg { color: #FFFFFF !important; fill: #FFFFFF !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ff1970e *//* EXPERT BACKGROUND SYSTEM (Animated Light & Dark) ------------------------------------------------------- */ .elementor-9192 .elementor-element.elementor-element-ff1970e { /* --- 1. DEFINE GRADIENTS --- */ /* Light Mode: Orange to Cream (Diagonal) */ --bg-light: linear-gradient(120deg, #FF9E40 0%, #FFFBED 50%, #FF9E40 100%); /* Dark Mode: Black with falling Gold Mist (Vertical) */ --bg-dark: linear-gradient(to bottom, #050505 0%, rgba(248, 179, 26, 0.2) 50%, #050505 100%); /* --- 2. DEFAULT STATE (Light Mode) --- */ background: var(--bg-light); background-size: 200% 200%; /* Allows movement */ animation: lightFlow 6s ease infinite; /* Diagonal flow */ transition: background-image 0.5s ease-in-out; } /* --- 3. FORCE LIGHT MODE (Toggle Button Fix) --- */ html.site-light .elementor-9192 .elementor-element.elementor-element-ff1970e { background: var(--bg-light) !important; background-size: 200% 200%; animation: lightFlow 6s ease infinite; } /* --- 4. DARK MODE (System & Toggle) --- */ /* Logic: Apply if System is Dark (and not forced Light) OR Button is Dark */ @media (prefers-color-scheme: dark) { html:not(.site-light) .elementor-9192 .elementor-element.elementor-element-ff1970e { background: var(--bg-dark) !important; background-size: 100% 300%; /* Taller for vertical scrolling */ animation: darkDown 8s linear infinite !important; /* The Down Animation */ } } html.site-dark .elementor-9192 .elementor-element.elementor-element-ff1970e { background: var(--bg-dark) !important; background-size: 100% 300%; animation: darkDown 8s linear infinite !important; } /* --- 5. ANIMATION KEYFRAMES --- */ /* Light Mode: Diagonal Flow */ @keyframes lightFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Dark Mode: Vertical Waterfall (Dark Down) */ @keyframes darkDown { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fd6cdc7 *//* =========================================================== 2. BOTTOM SECTION (Variables & Theme Logic) =========================================================== */ .strivance-hero-bg { /* --- Local Variables (Light Mode) --- */ --btm-bg-color: #FFFBED; --btm-glass-bg: rgba(255, 255, 255, 0.15); --btm-glass-border: rgba(255, 255, 255, 0.6); --btm-glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); --btm-text-title: #000000; --btm-text-body: #000000; --btm-text-gold: #E6A308; --btn-1-bg: #FF914D; --btn-1-text: #FFFFFF; --btn-2-bg: #FFFFFF; --btn-2-text: #2d2d2d; background: var(--btm-bg-color) !important; transition: background 0.5s ease; } /* --- Dark Mode Override --- Works with System Preference OR the Button (html.dark) */ @media (prefers-color-scheme: dark) { html:not(.light) .strivance-hero-bg { --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; --btm-glass-bg: rgba(20, 20, 20, 0.4); --btm-glass-border: rgba(255, 255, 255, 0.15); --btm-glass-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); --btm-text-title: #FFFFFF; --btm-text-body: #E2E8F0; --btm-text-gold: #F8B31A; } } /* This allows the button to force Dark Mode */ html.dark .strivance-hero-bg { --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; --btm-glass-bg: rgba(20, 20, 20, 0.4); --btm-glass-border: rgba(255, 255, 255, 0.15); --btm-glass-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); --btm-text-title: #FFFFFF; --btm-text-body: #E2E8F0; --btm-text-gold: #F8B31A; } /* ----------------------------------------------------------- A. THE FROSTED HEADING TITLE (.glass-heading-title) ----------------------------------------------------------- */ .strivance-hero-bg .glass-heading-title { color: var(--btm-text-title) !important; display: inline-block; transition: color 0.5s ease, background 0.5s ease; } .strivance-hero-bg .glass-heading-title .elementor-heading-title { color: inherit !important; } /* ----------------------------------------------------------- B. THE CONTAINER BOX (.frosted-glass-box) ----------------------------------------------------------- */ .strivance-hero-bg .frosted-glass-box { background: var(--btm-glass-bg) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; border: 1.5px solid var(--btm-glass-border) !important; box-shadow: var(--btm-glass-shadow) !important; border-radius: 24px; transition: transform 0.8s ease-in-out, box-shadow 0.8s ease-in-out, border-color 0.5s ease-in-out, background 0.5s ease-in-out !important; } .strivance-hero-bg .frosted-glass-box:hover { border-color: var(--btm-text-gold) !important; background: rgba(255, 255, 255, 0.6) !important; transform: translateY(-10px) translate3d(0,0,0); box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important; } /* Dark Mode Hover Override */ html.dark .strivance-hero-bg .frosted-glass-box:hover { background: rgba(30, 30, 30, 0.7) !important; box-shadow: 0 15px 30px rgba(0,0,0,0.6) !important; } /* ----------------------------------------------------------- C. BUTTONS ----------------------------------------------------------- */ .strivance-hero-bg .glass-btn-primary .elementor-button { background-color: var(--btm-text-gold) !important; color: #FFFFFF !important; border: 1px solid var(--btm-text-gold) !important; transition: all 0.4s ease !important; font-weight: 600; } /* Specific Dark Mode Button adjustment */ html.dark .strivance-hero-bg .glass-btn-primary .elementor-button { color: #000000 !important; } .strivance-hero-bg .glass-btn-secondary .elementor-button { background-color: transparent !important; color: var(--btm-text-body) !important; text-decoration: underline; } /* ----------------------------------------------------------- D. TYPOGRAPHY ----------------------------------------------------------- */ .strivance-hero-bg .glass-title, .strivance-hero-bg .frosted-glass-box h1, .strivance-hero-bg .frosted-glass-box h2, .strivance-hero-bg .frosted-glass-box h3 { color: var(--btm-text-title) !important; transition: color 0.3s ease; } .strivance-hero-bg .glass-desc, .strivance-hero-bg .frosted-glass-box p, .strivance-hero-bg .frosted-glass-box .elementor-widget-text-editor { color: var(--btm-text-body) !important; transition: color 0.3s ease; } .strivance-hero-bg .glass-highlight, .strivance-hero-bg .frosted-glass-box strong { color: var(--btm-text-gold) !important; transition: color 0.3s ease; } /* ================================================================= 🔴 AGENCY PERFORMANCE FIX (RESTORED AS REQUESTED) ================================================================= */ body.elementor-editor-active .strivance-hero-bg .frosted-glass-box { backdrop-filter: none !important; transition: none !important; box-shadow: none !important; background: var(--btm-bg-color) !important; border: 1px dashed #ccc !important; } body.elementor-editor-active .strivance-hero-bg .frosted-glass-box:hover { transform: none !important; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-4c57171d *//* =========================================================== STRIVANCE FORM SYSTEM (Glass, Gold, & Dark Mode) =========================================================== */ /* --- 1. LABELS (Typography) --- */ .strivance-hero-bg .elementor-field-group > label, .strivance-hero-bg .elementor-field-subgroup label { color: var(--btm-text-title, #000000) !important; font-weight: 600 !important; font-size: 14px !important; margin-bottom: 8px !important; display: block !important; transition: color 0.3s ease; } /* --- 2. INPUTS & SELECT BOXES (The Glass Look) --- */ .strivance-hero-bg .elementor-field-group .elementor-field-textual, .strivance-hero-bg .elementor-field-group .elementor-select-wrapper select { /* Background & Blur */ background-color: var(--btm-glass-bg, rgba(255,255,255,0.15)) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; /* Borders */ border: 1.5px solid var(--btm-glass-border, rgba(255,255,255,0.6)) !important; border-radius: 12px !important; /* Text */ color: var(--btm-text-body, #333) !important; font-size: 14px !important; padding: 12px 16px !important; /* Standardize Select Box (Removes default browser ugly style) */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Smooth Transitions */ transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease !important; box-shadow: none !important; } /* --- 3. SELECT DROPDOWN OPTIONS (80% Transparency Attempt) --- */ /* Note: Some browsers force this solid, but this code sets the correct colors */ /* Light Mode Dropdown (Cream 80%) */ .strivance-hero-bg .elementor-field-group select option { background-color: rgba(255, 251, 237, 0.95) !important; /* Cream Color */ color: #000000 !important; padding: 10px; } /* --- 4. HOVER & FOCUS STATES (Gold Glow) --- */ .strivance-hero-bg .elementor-field-group .elementor-field-textual:hover, .strivance-hero-bg .elementor-field-group .elementor-field-textual:focus, .strivance-hero-bg .elementor-field-group .elementor-select-wrapper select:hover, .strivance-hero-bg .elementor-field-group .elementor-select-wrapper select:focus { /* Gold Border */ border-color: var(--btm-text-gold, #E6A308) !important; /* Slight Background Tint */ background-color: rgba(255, 255, 255, 0.25) !important; /* No Jumping */ transform: none !important; /* Subtle Gold Glow */ box-shadow: 0 0 10px rgba(230, 163, 8, 0.15) !important; outline: none !important; } /* Placeholder Text Color */ .strivance-hero-bg .elementor-field-group ::placeholder { color: var(--btm-text-body, #333) !important; opacity: 0.6; } /* Select Box Arrow Color Fix */ .strivance-hero-bg .elementor-select-wrapper::before { color: var(--btm-text-body, #333) !important; font-size: 12px; pointer-events: none; /* Allows click through */ right: 15px !important; position: absolute; } /* --- 5. SUBMIT BUTTON (Centered & Gold) --- */ .strivance-hero-bg .elementor-field-type-submit { display: flex !important; justify-content: center !important; /* Forces Center Alignment */ width: 100% !important; margin-top: 15px; } .strivance-hero-bg .elementor-button[type="submit"] { background-color: var(--btm-text-gold, #E6A308) !important; border: 1px solid var(--btm-text-gold, #E6A308) !important; color: #FFFFFF !important; font-weight: 600 !important; font-size: 16px !important; border-radius: 50px !important; /* Pill Shape */ padding: 12px 50px !important; transition: all 0.4s ease !important; } .strivance-hero-bg .elementor-button[type="submit"]:hover { background-color: transparent !important; color: var(--btm-text-gold, #E6A308) !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transform: translateY(-2px); /* Lift Effect */ } /* --- 6. DARK MODE OVERRIDES --- */ @media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg { /* Inputs Hover Dark Mode */ .strivance-hero-bg .elementor-field-group .elementor-field-textual:hover, .strivance-hero-bg .elementor-field-group .elementor-field-textual:focus { background-color: rgba(255, 255, 255, 0.08) !important; } /* Dropdown Options Dark Mode (Black 80%) */ .strivance-hero-bg .elementor-field-group select option { background-color: rgba(5, 5, 5, 0.9) !important; /* Deep Black */ color: #FFFFFF !important; /* White Text */ } /* Button Dark Mode */ .strivance-hero-bg .elementor-button[type="submit"] { color: #000000 !important; } .strivance-hero-bg .elementor-button[type="submit"]:hover { color: var(--btm-text-gold, #F8B31A) !important; background: rgba(255, 255, 255, 0.05) !important; } /* Select Arrow Dark Mode */ .strivance-hero-bg .elementor-select-wrapper::before { color: #E2E8F0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3be7dcf5 *//* EXPERT BACKGROUND SYSTEM (Updated) Mode: Auto-Detects System Settings (Light/Dark) */ .elementor-9192 .elementor-element.elementor-element-3be7dcf5 { /* --- LIGHT MODE SETTINGS (Default) --- */ /* Orange (#FF9E40) fading into Cream (#FFFBED) */ --bg-light: linear-gradient(180deg, #FF9E40 5%, #FFFBED 90%); /* --- DARK MODE SETTINGS --- */ /* Gold Tint Overlay on top of Dark Black (#050505) */ --bg-dark: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; /* Apply Light Mode by Default */ background: var(--bg-light); /* Smooth Transition */ transition: background 0.5s ease-in-out; } /* --- DARK MODE TRIGGER --- */ @media (prefers-color-scheme: dark) { .elementor-9192 .elementor-element.elementor-element-3be7dcf5 { background: var(--bg-dark); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-46100f51 *//* EXPERT BACKGROUND SYSTEM (Updated) Mode: Auto-Detects System Settings (Light/Dark) */ .elementor-9192 .elementor-element.elementor-element-46100f51 { /* --- LIGHT MODE SETTINGS (Default) --- */ /* Orange (#FF9E40) fading into Cream (#FFFBED) */ --bg-light: linear-gradient(60deg, #FF9E40 0%, #FFFBED 100%); /* --- DARK MODE SETTINGS --- */ /* Gold Tint Overlay on top of Dark Black (#050505) */ --bg-dark: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; /* Apply Light Mode by Default */ background: var(--bg-light); /* Smooth Transition */ transition: background 0.5s ease-in-out; } /* --- DARK MODE TRIGGER --- */ @media (prefers-color-scheme: dark) { .elementor-9192 .elementor-element.elementor-element-46100f51 { background: var(--bg-dark); } } /* --- OPTIONAL ANIMATION (Light Mode Only) --- */ /* The animation works best on the Light gradient. Dark mode is a solid tint, so it stays stable. */ .elementor-9192 .elementor-element.elementor-element-46100f51:hover { background-size: 200% 200%; /* Only animate if in light mode, technically it runs in both but looks best in light */ animation: gradientMove 3s ease infinite; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5fdc6f7f *//* =========================================================== 2. BOTTOM SECTION (Buttons Added + No Padding) =========================================================== */ .strivance-hero-bg { /* --- Local Variables (Light Mode) --- */ --btm-bg-color: #FFFBED; /* Ultra Transparent (15%) */ --btm-glass-bg: rgba(255, 255, 255, 0.15); /* Frosted Border */ --btm-glass-border: rgba(255, 255, 255, 0.6); /* Shadow */ --btm-glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* Text Vars (Light) */ --btm-text-title: #000000; --btm-text-body: #000000; /* THE BRAND COLOR (Used for Buttons & Highlights) */ --btm-text-gold: #E6A308; /* Rich Gold */ background: var(--btm-bg-color) !important; transition: background 0.5s ease; /* Button Colors (Light) */ --btn-1-bg: #FF914D; --btn-1-text: #FFFFFF; --btn-2-bg: #FFFFFF; --btn-2-text: #2d2d2d; } /* --- Dark Mode Override (Scoped) --- */ @media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg { .strivance-hero-bg { /* Dark Brown Background */ --btm-bg-color: linear-gradient(0deg, rgba(248, 179, 26, 0.23), rgba(248, 179, 26, 0.23)), #050505; /* Dark Glass Vars */ --btm-glass-bg: rgba(20, 20, 20, 0.4); --btm-glass-border: rgba(255, 255, 255, 0.15); --btm-glass-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); /* Text Vars (Dark) */ --btm-text-title: #FFFFFF; --btm-text-body: #E2E8F0; --btm-text-gold: #F8B31A; /* Neon Gold */ } } /* ----------------------------------------------------------- A. THE FROSTED HEADING TITLE (.glass-heading-title) ----------------------------------------------------------- */ .strivance-hero-bg .glass-heading-title { color: var(--btm-text-title) !important; display: inline-block; transition: color 0.5s ease, background 0.5s ease; } .strivance-hero-bg .glass-heading-title .elementor-heading-title { color: inherit !important; } /* ----------------------------------------------------------- B. THE CONTAINER BOX (.frosted-glass-box) ----------------------------------------------------------- */ .strivance-hero-bg .frosted-glass-box { background: var(--btm-glass-bg) !important; /* PERFORMANCE: Force GPU Layer for Blur */ backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; transform: translate3d(0, 0, 0); /* This stops the lag! */ backface-visibility: hidden; perspective: 1000px; border: 1.5px solid var(--btm-glass-border) !important; box-shadow: var(--btm-glass-shadow) !important; border-radius: 24px; transition: transform 0.8s ease-in-out, box-shadow 0.8s ease-in-out, border-color 0.5s ease-in-out, background 0.5s ease-in-out !important; } /* Hover Effect */ .strivance-hero-bg .frosted-glass-box:hover { border-color: var(--btm-text-gold) !important; background: rgba(255, 255, 255, 0.6) !important; transform: translateY(-10px) translate3d(0,0,0); /* Keep GPU active */ box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important; } /* Dark Mode Hover Override */ @media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg { .strivance-hero-bg .frosted-glass-box:hover { background: rgba(30, 30, 30, 0.7) !important; box-shadow: 0 15px 30px rgba(0,0,0,0.6) !important; } } /* ----------------------------------------------------------- C. BUTTONS ----------------------------------------------------------- */ /* 1. PRIMARY BUTTON (Gold) */ .strivance-hero-bg .glass-btn-primary .elementor-button { background-color: var(--btm-text-gold) !important; color: #FFFFFF !important; border: 1px solid var(--btm-text-gold) !important; transition: all 0.4s ease !important; font-weight: 600; } .strivance-hero-bg .glass-btn-primary .elementor-button:hover { background-color: transparent !important; color: var(--btm-text-gold) !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transform: translateY(-2px); } @media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg { .strivance-hero-bg .glass-btn-primary .elementor-button { color: #000000 !important; } .strivance-hero-bg .glass-btn-primary .elementor-button:hover { color: var(--btm-text-gold) !important; background: rgba(255,255,255,0.05) !important; } } /* 2. SECONDARY BUTTON (Transparent/Ghost) */ .strivance-hero-bg .glass-btn-secondary .elementor-button { background-color: transparent !important; color: var(--btm-text-body) !important; text-decoration: underline; padding-left: 0 !important; padding-right: 0 !important; transition: all 0.4s ease !important; } .strivance-hero-bg .glass-btn-secondary .elementor-button:hover { color: var(--btm-text-gold) !important; background-color: transparent !important; transform: translateX(5px); text-decoration: none; } /* ----------------------------------------------------------- D. TYPOGRAPHY ----------------------------------------------------------- */ .strivance-hero-bg .glass-title, .strivance-hero-bg .frosted-glass-box h1, .strivance-hero-bg .frosted-glass-box h2, .strivance-hero-bg .frosted-glass-box h3 { color: var(--btm-text-title) !important; transition: color 0.3s ease; } .strivance-hero-bg .glass-desc, .strivance-hero-bg .frosted-glass-box p, .strivance-hero-bg .frosted-glass-box .elementor-widget-text-editor { color: var(--btm-text-body) !important; transition: color 0.3s ease; } .strivance-hero-bg .glass-highlight, .strivance-hero-bg .frosted-glass-box strong { color: var(--btm-text-gold) !important; transition: color 0.3s ease; } /* ================================================================= 🔴 AGENCY PERFORMANCE FIX: DISABLE HEAVY EFFECTS IN EDITOR This prevents the "Page Unresponsive" popup when editing Tabs ================================================================= */ body.elementor-editor-active .strivance-hero-bg .frosted-glass-box { backdrop-filter: none !important; /* Disables the blur calculation */ transition: none !important; /* Disables movement lag */ box-shadow: none !important; /* Simpler rendering */ /* Make it opaque in editor so you can read it clearly */ background: var(--btm-bg-color) !important; border: 1px dashed #ccc !important; /* Visual guide for editor */ } body.elementor-editor-active .strivance-hero-bg .frosted-glass-box:hover { transform: none !important; /* Stop it from jumping while you edit */ }/* End custom CSS */