.elementor-20 .elementor-element.elementor-element-79464e8{--display:flex;--min-height:0px;--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-20 .elementor-element.elementor-element-6f05388{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:350px 0px 351px 0px;}.elementor-20 .elementor-element.elementor-element-f784cbc{--display:flex;--margin-top:-690px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-e43536f{--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-20 .elementor-element.elementor-element-ed931bf{--display:flex;--justify-content:center;}.elementor-20 .elementor-element.elementor-element-9ef3972 ul.hfe-breadcrumbs li{margin-right:5px;}.elementor-20 .elementor-element.elementor-element-9ef3972 .hfe-breadcrumbs-item{font-family:"Merriweather", Sans-serif;text-decoration:none;}.elementor-20 .elementor-element.elementor-element-2dc5cd0 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:#FFF7E2;color:var( --e-global-color-primary );padding:10px 5px 10px 5px;}.elementor-20 .elementor-element.elementor-element-2dc5cd0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2dc5cd0 .elementskit-section-title-wraper .elementskit-section-title{font-family:"Merriweather", Sans-serif;font-size:56px;text-transform:capitalize;word-spacing:-1.4px;}.elementor-20 .elementor-element.elementor-element-2dc5cd0 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-2dc5cd0 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-20 .elementor-element.elementor-element-2dc5cd0 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Merriweather", Sans-serif;font-size:56px;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-20 .elementor-element.elementor-element-6932d00{font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-20 .elementor-element.elementor-element-00cbb21{--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:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.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-20 .elementor-element.elementor-element-4ff0664 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-4ff0664 .elementor-button:focus{color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-4ff0664 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-4ff0664 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-4ff0664 .elementor-button{border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-4d3846e .elementor-button{border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}.elementor-20 .elementor-element.elementor-element-b04fee5{--display:flex;}.elementor-20 .elementor-element.elementor-element-6610e97f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:109px;--padding-bottom:140px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-6610e97f:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-6610e97f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F4F7;}.elementor-20 .elementor-element.elementor-element-48f815bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-20 .elementor-element.elementor-element-48f815bb .elementskit-section-title-wraper .elementskit-section-title{color:var( --e-global-color-primary );margin:0px 0px 20px 0px;font-family:"Merriweather", Sans-serif;font-size:56px;font-weight:700;line-height:65px;}.elementor-20 .elementor-element.elementor-element-48f815bb .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-20 .elementor-element.elementor-element-48f815bb .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-20 .elementor-element.elementor-element-48f815bb .elementskit-section-title-wraper .elementskit-section-subtitle{color:var( --e-global-color-accent );font-family:"Archivo", Sans-serif;font-size:32px;font-weight:600;line-height:34px;margin:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-379002{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-62dd511c{--display:flex;--min-height:450px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:6px 6px 6px 6px;--padding-top:30px;--padding-bottom:14px;--padding-left:40px;--padding-right:40px;}.elementor-20 .elementor-element.elementor-element-62dd511c:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-62dd511c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-beb8b4a.ekit-equal-height-enable,
					.elementor-20 .elementor-element.elementor-element-beb8b4a.ekit-equal-height-enable > div,
					.elementor-20 .elementor-element.elementor-element-beb8b4a.ekit-equal-height-enable .ekit-wid-con,
					.elementor-20 .elementor-element.elementor-element-beb8b4a.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-20 .elementor-element.elementor-element-beb8b4a .elementskit-infobox{background-color:#02010100;padding:0px 80px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-beb8b4a{padding:0px 0px 10px 0px;}.elementor-20 .elementor-element.elementor-element-beb8b4a .elementskit-infobox:hover{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-beb8b4a .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 0px 0px;padding:3px 0px 2px 0px;color:#FFFFFF;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:500;line-height:26px;letter-spacing:-0.2px;}.elementor-20 .elementor-element.elementor-element-beb8b4a .elementskit-infobox .box-body > p{color:#F0F0F0;font-family:"Archivo", Sans-serif;font-size:15px;font-weight:400;line-height:22px;}.elementor-20 .elementor-element.elementor-element-beb8b4a .elementskit-info-box-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-beb8b4a .elementskit-infobox .elementskit-info-box-icon{font-size:40px;padding:0px 0px 0px 0px;transform:rotate(0deg);}.elementor-20 .elementor-element.elementor-element-beb8b4a .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 10px 0px;}.elementor-20 .elementor-element.elementor-element-234cc637.ekit-equal-height-enable,
					.elementor-20 .elementor-element.elementor-element-234cc637.ekit-equal-height-enable > div,
					.elementor-20 .elementor-element.elementor-element-234cc637.ekit-equal-height-enable .ekit-wid-con,
					.elementor-20 .elementor-element.elementor-element-234cc637.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-infobox{background-color:#02010100;padding:0px 80px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-234cc637{padding:15px 0px 10px 0px;border-style:solid;border-width:1px 0px 1px 0px;border-color:#F5F5F54F;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-infobox:hover{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 0px 0px;padding:3px 0px 2px 0px;color:#FFFFFF;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:500;line-height:26px;letter-spacing:-0.2px;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-infobox .box-body > p{color:#F0F0F0;font-family:"Archivo", Sans-serif;font-size:15px;font-weight:400;line-height:22px;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-info-box-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);line-height:26px;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 10px 0px;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-infobox .elementkit-infobox-icon{line-height:26px;}.elementor-20 .elementor-element.elementor-element-587ec494.ekit-equal-height-enable,
					.elementor-20 .elementor-element.elementor-element-587ec494.ekit-equal-height-enable > div,
					.elementor-20 .elementor-element.elementor-element-587ec494.ekit-equal-height-enable .ekit-wid-con,
					.elementor-20 .elementor-element.elementor-element-587ec494.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-infobox{background-color:#02010100;padding:0px 80px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-587ec494{padding:15px 0px 10px 0px;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-infobox:hover{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 0px 0px;padding:3px 0px 2px 0px;color:#FFFFFF;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:500;line-height:26px;letter-spacing:-0.2px;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-infobox .box-body > p{color:#F0F0F0;font-family:"Archivo", Sans-serif;font-size:15px;font-weight:400;line-height:22px;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-info-box-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);line-height:26px;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 10px 0px;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-infobox .elementkit-infobox-icon{line-height:26px;}.elementor-20 .elementor-element.elementor-element-214cce0e{--display:flex;--min-height:450px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;--border-radius:6px 6px 6px 6px;box-shadow:0px 10px 20px 0px rgba(0, 0, 0, 0.1803921568627451);--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.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-20 .elementor-element.elementor-element-7226227 .elementor-field-group{padding-right:calc( 17px/2 );padding-left:calc( 17px/2 );margin-bottom:19px;}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-form-fields-wrapper{margin-left:calc( -17px/2 );margin-right:calc( -17px/2 );margin-bottom:-19px;}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-20 .elementor-element.elementor-element-7226227 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-20 .elementor-element.elementor-element-7226227 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-7226227 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-20 .elementor-element.elementor-element-7226227 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-field-group > label{font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-field-type-html{padding-bottom:0px;font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-20 .elementor-element.elementor-element-7226227 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-accent );}.elementor-20 .elementor-element.elementor-element-7226227 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7226227 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-20 .elementor-element.elementor-element-7226227 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-7226227 .elementor-message{font-family:"Merriweather", Sans-serif;font-weight:400;}.elementor-20 .elementor-element.elementor-element-7226227{--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(max-width:1024px){.elementor-20 .elementor-element.elementor-element-48f815bb .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;line-height:42px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-79464e8{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6f05388{margin:-960px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:550px 0px 430px 0px;}.elementor-20 .elementor-element.elementor-element-f784cbc{--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-20 .elementor-element.elementor-element-e43536f{--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;}.elementor-20 .elementor-element.elementor-element-ed931bf{--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-20 .elementor-element.elementor-element-2dc5cd0{padding:20px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2dc5cd0 .elementskit-section-title-wraper .elementskit-section-title{font-size:34px;}.elementor-20 .elementor-element.elementor-element-2dc5cd0 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-20 .elementor-element.elementor-element-2dc5cd0 .elementskit-section-title-wraper .elementskit-section-title > span{font-size:34px;}.elementor-20 .elementor-element.elementor-element-b04fee5{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-6610e97f{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-48f815bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-48f815bb .elementskit-section-title-wraper .elementskit-section-title{font-size:28px;line-height:38px;}.elementor-20 .elementor-element.elementor-element-379002{--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;--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-20 .elementor-element.elementor-element-beb8b4a .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-234cc637 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-587ec494 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-214cce0e{--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:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-6610e97f{--content-width:1140px;}.elementor-20 .elementor-element.elementor-element-379002{--width:90%;}.elementor-20 .elementor-element.elementor-element-62dd511c{--width:30%;}.elementor-20 .elementor-element.elementor-element-214cce0e{--width:70%;}}/* Start custom CSS for hfe-breadcrumbs-widget, class: .elementor-element-9ef3972 *//* ===========================================================
   STRIVANCE DESCRIPTION TEXT
   Class Name: strivance-desc
   =========================================================== */

/* --- 1. LIGHT MODE (Black) --- */
.strivance-desc,
.strivance-desc p,
.strivance-desc .elementor-widget-text-editor {
    color: #000000 !important;
    transition: color 0.3s ease;
}

/* --- 2. DARK MODE (White) --- */
@media (prefers-color-scheme: dark), body.dark .strivance-desc {
    .strivance-desc,
    .strivance-desc p,
    .strivance-desc .elementor-widget-text-editor {
        color: #FFFFFF !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00cbb21 *//* ===========================================================
   1. HERO SECTION ISOLATION (Scoped)
   =========================================================== */

/* We define variables LOCALLY inside the class, not in :root.
   This guarantees these colors NEVER bleed into the bottom section. */

.dynamic-hero-bg {
    /* --- Local Variables (Light Mode) --- */
    --hero-bg-color: 
    --hero-text-main: #000000;
    --hero-text-accent: #FF914D; /* Orange */
    --hero-text-desc: #000000;
    
    /* Button Colors (Light) */
    --btn-1-bg: #FF914D;
    --btn-1-text: #FFFFFF;
    --btn-2-bg: #FFFFFF;
    --btn-2-text: #2d2d2d;

    /* Base Styles */
    background-color: var(--hero-bg-color) !important;
    transition: background-color 0.5s ease;
}

/* --- Dark Mode Override (Scoped to this section only) --- */
@media (prefers-color-scheme: dark), body.dark .dynamic-hero-bg, html.dark .dynamic-hero-bg {
    .dynamic-hero-bg {
        /* --- Local Variables (Dark Mode) --- */
        --hero-bg-color
        --hero-text-main: #FFFFFF;
        --hero-text-accent: #FFD700; /* Gold */
        --hero-text-desc: #E0E0E0;

        /* Button Colors (Dark) */
        --btn-1-bg: #FFD700;
        --btn-1-text: #000000;
        --btn-2-bg: transparent;
        --btn-2-text: #FFFFFF;
    }
}

/* --- Apply Styles to Children (Strictly Scoped) --- */

/* 1. Typography */
.dynamic-hero-bg .elementor-headline-plain-text,
.dynamic-hero-bg h1, 
.dynamic-hero-bg h2 {
    color: var(--hero-text-main) !important;
    transition: color 0.3s ease;
}

.dynamic-hero-bg .elementor-headline-dynamic-text,
.dynamic-hero-bg .highlight-text {
    color: var(--hero-text-accent) !important;
    transition: color 0.3s ease;
}

.dynamic-hero-bg .elementor-widget-text-editor,
.dynamic-hero-bg p {
    color: var(--hero-text-desc) !important;
    transition: color 0.3s ease;
}

/* 2. Primary Button (Registration) */
.dynamic-hero-bg .btn-primary-mode .elementor-button {
    background-color: var(--btn-1-bg) !important;
    color: var(--btn-1-text) !important;
    border: 1px solid var(--btn-1-bg) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; /* High-end easing */
}

.dynamic-hero-bg .btn-primary-mode .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
    /* Invert colors slightly for effect */
    filter: brightness(1.1);
}

/* 3. Secondary Button (Contact) */
.dynamic-hero-bg .btn-secondary-mode .elementor-button {
    background-color: var(--btn-2-bg) !important;
    color: var(--btn-2-text) !important;
    border: 1px solid #777777 !important; /* Neutral border */
}

.dynamic-hero-bg .btn-secondary-mode .elementor-button:hover {
    background-color: rgba(125, 125, 125, 0.1) !important;
    backdrop-filter: blur(5px);
    transform: translateY(-3px);
    border-color: var(--hero-text-main) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed931bf */.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;
}

@media (prefers-color-scheme: dark), body.dark .strivance-text-dynamic {
    
    .strivance-text-dynamic .elementor-heading-title,
    .strivance-text-dynamic h1,
    .strivance-text-dynamic h2,
    .strivance-text-dynamic h3,
    .strivance-text-dynamic .strivance-highlight {
        color: #F8B31A !important;
    }

    .strivance-text-dynamic .elementor-widget-text-editor,
    .strivance-text-dynamic p {
        color: #FFFFFF !important;
        opacity: 0.9;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79464e8 */<!-- 1. GOOGLE FONTS IMPORT -->
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Poppins:wght@400;600;800&display=swap" rel="stylesheet">

<!-- 2. BACKGROUND BLOB SYSTEM -->
<div class="strivance-blob-bg">
    <div class="blob blob-1"></div>
    <div class="blob blob-2"></div>
    <div class="blob blob-3"></div>
    <div class="glass-overlay"></div>
</div>

<!-- 3. MAIN ANIMATION SYSTEM -->
<div class="strivance-anim-root">
    <div class="device-wrapper">

        <!-- LID -->
        <div class="device-lid">
            
            <!-- NOTCH -->
            <div class="device-notch">
                <div class="camera-lens"></div>
                <div class="ear-piece"></div> 
            </div>
            
            <!-- CONTENT -->
            <div class="device-screen-inner">
                <div class="screen-title-brand">STRIVANCE</div>
                <div class="screen-tagline-wrapper">
                    <div style="position:relative; height:100%;">
                        <span class="screen-tagline" style="top:0;">Create Account</span>
                        <span class="screen-tagline" style="top:100%;">Select Course</span>
                        <span class="screen-tagline" style="top:200%;">Start Learning</span>
                    </div>
                </div>
            </div>

            <!-- FLOATING ELEMENTS (Registration) -->
            <div class="w-bubble">SIGN UP</div>

            <div class="w-badge">
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                <span>NEW</span>
            </div>

            <div class="w-doc">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
            </div>

            <div class="w-lock">
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>
            </div>

        </div>

        <!-- LAPTOP BASE -->
        <div class="device-base"></div>

    </div>
</div>

<style>
    /* ===========================================================
       A. GLOBAL RESET & OPTIMIZATION
       =========================================================== */
    .strivance-anim-root {
        margin: 0; padding: 0;
        width: 100%;
        height: 500px;
        display: flex; justify-content: center; align-items: center;
        background-color: transparent;
        perspective: 1200px;
        overflow: visible; /* Allows elements to float */
        position: relative;
        z-index: 2; /* Sits above blobs */
    }

    /* ===========================================================
       B. BACKGROUND BLOB SYSTEM
       =========================================================== */
    .strivance-blob-bg {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        z-index: 0; /* Behind everything */
        overflow: hidden;
        background-color: transparent;
    }
    .blob {
        position: absolute; border-radius: 50%;
        filter: blur(80px); opacity: 0.7; will-change: transform;
    }
    /* LIGHT MODE BLOBS */
    .blob-1 { top: -10%; left: -10%; width: 50vw; height: 50vw; background: #FFD166; animation: floatBlob1 25s infinite alternate; }
    .blob-2 { bottom: -10%; right: -10%; width: 60vw; height: 60vw; background: #FF9F1C; animation: floatBlob2 30s infinite alternate; }
    .blob-3 { top: 30%; left: 30%; width: 40vw; height: 40vw; background: #FFD6A5; opacity: 0.6; animation: floatBlob3 20s infinite alternate; }
    .glass-overlay {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(5px); z-index: 1;
    }

    /* ===========================================================
       C. MOBILE & EDITOR LOGIC (FREEZE ANIMATION)
       =========================================================== */
    @media (max-width: 768px), .elementor-editor-active {
        .device-wrapper { animation: none !important; transform: scale(0.85) !important; }
        .device-lid { animation: none !important; width: 210px !important; height: 420px !important; border-radius: 45px !important; }
        .device-base { display: none !important; }
        
        /* Mobile Positions (Outside) */
        .w-bubble { left: -60px !important; top: 80px !important; animation: breath 3s ease-in-out infinite !important; }
        .w-badge { right: -55px !important; top: 60px !important; animation: breath 4s ease-in-out infinite !important; }
        .w-doc { left: -50px !important; bottom: 80px !important; animation: mobileFloatDoc 3s ease-in-out infinite !important; }
        .w-lock { right: -40px !important; bottom: 70px !important; animation: mobilePulseLock 2s ease-in-out infinite !important; }

        .device-notch { animation: none !important; width: 80px !important; height: 25px !important; border-radius: 20px !important; top: 15px !important; }
        .ear-piece { animation: none !important; width: 25px !important; opacity: 1 !important; display: block !important; margin-left: 0 !important; }
        .device-screen-inner { animation: none !important; border-radius: 37px !important; }
        .screen-title-brand { animation: none !important; font-size: 26px !important; }
    }

    /* ===========================================================
       D. ANIMATION CORE (DESKTOP)
       =========================================================== */
    .device-wrapper {
        position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
        transform-style: preserve-3d; will-change: transform;
        animation: transformDevice 12s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    }
    .device-lid {
        background-color: #FFFFFF; width: 210px; height: 420px;
        border: 7px solid #000000; border-radius: 45px;
        position: relative; z-index: 10; box-shadow: 0 20px 50px rgba(0,0,0,0.15);
        display: flex; justify-content: center; align-items: center; overflow: visible;
        will-change: width, height, border-radius;
        animation: morphLid 12s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    }
    .device-notch {
        position: absolute; top: 15px; left: 50%; transform: translateX(-50%);
        background-color: #000000; z-index: 12;
        width: 80px; height: 25px; border-radius: 20px;
        display: flex; justify-content: center; align-items: center; gap: 8px;
        will-change: width, height, top; animation: morphNotch 12s ease infinite;
    }
    .camera-lens { width: 6px; height: 6px; background-color: #1a1a1a; border-radius: 50%; box-shadow: inset 0 0 2px rgba(255,255,255,0.3); }
    .ear-piece { width: 25px; height: 4px; background-color: #333; border-radius: 10px; will-change: opacity, width; animation: hideEarPiece 12s ease infinite; }
    .device-screen-inner {
        position: absolute; top: 0; left: 0; right: 0; bottom: 0;
        background-color: #F8FBFE; border-radius: 37px; border: 4px solid #fff; 
        display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;
        overflow: hidden; will-change: border-radius; animation: morphScreenInner 12s ease infinite;
    }

    /* ===========================================================
       E. ELEMENTS
       =========================================================== */
    .w-bubble {
        position: absolute; background-color: #E67E22; color: #fff;
        padding: 12px 18px; border-radius: 12px;
        font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 12px; line-height: 1.2;
        text-align: center; z-index: 20; box-shadow: 0 10px 25px rgba(230, 126, 34, 0.3);
        white-space: nowrap; will-change: left, top;
        animation: floatBubblePos 12s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite, breath 3s ease-in-out infinite;
    }
    .w-badge {
        position: absolute; background-color: #000; color: #E67E22;
        width: 60px; height: 60px; border-radius: 50%;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        z-index: 15; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 11px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.15); will-change: right, top;
        animation: floatBadgePos 12s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite, breath 4s ease-in-out infinite;
    }
    .w-badge svg { fill: #E67E22; width: 22px; margin-bottom: 2px; }
    .w-doc { position: absolute; width: 45px; color: #E67E22; z-index: 25; will-change: left, bottom, transform; animation: floatDocPos 12s ease-in-out infinite; }
    .w-lock { position: absolute; width: 35px; color: #000; z-index: 5; will-change: right, bottom, transform; animation: floatLockPos 12s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite; }

    /* LAPTOP BASE */
    .device-base {
        width: 210px; height: 0px; background: #D1D1D1;
        border-radius: 0 0 15px 15px; margin-top: -8px; position: relative; z-index: 5; opacity: 0;
        border: 1px solid #BBB; will-change: width, height, opacity; animation: morphBase 12s ease infinite;
    }
    .device-base::after {
        content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 0px;
        background: rgba(0,0,0,0.05); border-radius: 0 0 5px 5px; animation: morphBaseTrackpad 12s ease infinite;
    }

    /* TYPOGRAPHY */
    .screen-title-brand {
        font-family: 'Merriweather', serif; font-size: 26px; font-weight: 900; line-height: 1; margin-bottom: 8px;
        text-transform: uppercase; color: #000; will-change: font-size; animation: morphText 12s ease infinite;
    }
    .screen-tagline-wrapper { height: 20px; overflow: hidden; position: relative; width: 100%; }
    .screen-tagline {
        display: block; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 600; color: #E67E22;
        position: absolute; width: 100%; top: 0; animation: cycleText 9s infinite;
    }

    /* ===========================================================
       F. AUTO DARK MODE SYSTEM
       =========================================================== */
    @media (prefers-color-scheme: dark) {
        /* Blobs */
        .blob-1 { background: #3E2723; opacity: 0.6; }
        .blob-2 { background: #B8860B; opacity: 0.4; }
        .blob-3 { background: #5D4037; opacity: 0.5; }
        .glass-overlay { background: rgba(0, 0, 0, 0.1); }

        /* Device */
        .device-lid { border-color: #FFFFFF; background-color: #000; box-shadow: 0 0 40px rgba(255,255,255,0.05); }
        .device-screen-inner { background-color: #000; border-color: #222; }
        .device-notch { background-color: #C0C0C0; } 
        .camera-lens { background-color: #000; } 
        .ear-piece { background-color: #444; }
        
        .screen-title-brand { background: linear-gradient(135deg, #FFF 0%, #AAA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        
        .w-bubble { background-color: #F1C40F; color: #000; box-shadow: 0 0 15px rgba(241, 196, 15, 0.4); }
        .w-badge { background-color: #FFF9C4; color: #000; }
        .w-badge svg { fill: #000; }
        .w-doc { color: #F1C40F; } 
        .w-lock { color: #FFF; }
        
        .device-base { background: #444; border-color: #555; }
    }

    /* ===========================================================
       G. ANIMATION KEYFRAMES
       =========================================================== */
    @keyframes transformDevice {
        0%, 40% { transform: rotate(0deg); }
        45%, 55% { transform: rotate(360deg); }
        60%, 90% { transform: rotate(360deg); }
        95%, 100% { transform: rotate(0deg); }
    }
    @keyframes morphLid {
        0%, 40% { width: 210px; height: 420px; border-radius: 45px; }
        50%, 90% { width: 500px; height: 320px; border-radius: 12px 12px 0 0; }
        100% { width: 210px; height: 420px; border-radius: 45px; }
    }
    @keyframes morphBase {
        0%, 40% { width: 210px; height: 0px; opacity: 0; }
        50%, 90% { width: 500px; height: 18px; opacity: 1; }
        100% { width: 210px; height: 0px; opacity: 0; }
    }
    @keyframes morphBaseTrackpad { 0%, 40% { height: 0; } 50%, 90% { height: 12px; } 100% { height: 0; } }
    @keyframes morphNotch {
        0%, 40% { width: 80px; height: 25px; border-radius: 20px; top: 15px; }
        50%, 90% { width: 100px; height: 14px; border-radius: 0 0 8px 8px; top: 0; }
        100% { width: 80px; height: 25px; border-radius: 20px; top: 15px; }
    }
    @keyframes hideEarPiece {
        0%, 40% { opacity: 1; width: 25px; margin-left: 0; }
        45% { opacity: 0; width: 0; }
        50%, 90% { opacity: 0; width: 0; display: none; margin-left: 0; }
        95% { opacity: 0; width: 0; }
        100% { opacity: 1; width: 25px; margin-left: 0; }
    }
    @keyframes morphScreenInner { 0%, 40% { border-radius: 37px; } 50%, 90% { border-radius: 8px 8px 0 0; } 100% { border-radius: 37px; } }
    @keyframes morphText { 0%, 40% { font-size: 26px; } 50%, 90% { font-size: 48px; } 100% { font-size: 26px; } }

    /* Elements: Outside (Mobile) -> Inside (Laptop) */
    @keyframes floatBubblePos {
        0%, 40% { left: -60px; top: 80px; }
        50%, 90% { left: 30px; top: 50px; }
        100% { left: -60px; top: 80px; }
    }
    @keyframes floatBadgePos {
        0%, 40% { right: -55px; top: 60px; }
        50%, 90% { right: 30px; top: 50px; }
        100% { right: -55px; top: 60px; }
    }
    @keyframes floatDocPos {
        0%, 40% { left: -50px; bottom: 80px; transform: rotate(-10deg); }
        50%, 90% { left: 30px; bottom: 40px; transform: rotate(0deg); }
        100% { left: -50px; bottom: 80px; transform: rotate(-10deg); }
    }
    @keyframes floatLockPos {
        0%, 40% { right: -40px; bottom: 70px; transform: rotate(0deg); }
        50%, 90% { right: 30px; bottom: 40px; transform: rotate(0deg); }
        100% { right: -40px; bottom: 70px; transform: rotate(0deg); }
    }
    
    /* Utility Animations */
    @keyframes breath { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
    @keyframes mobileFloatDoc { 0%, 100% { transform: translateY(0) rotate(-10deg); } 50% { transform: translateY(-5px) rotate(-5deg); } }
    @keyframes mobileSpinGear { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    @keyframes mobilePulseLock { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
    @keyframes cycleText {
        0%, 30% { transform: translateY(0%); opacity: 1; }
        33%, 63% { transform: translateY(-100%); opacity: 1; }
        66%, 96% { transform: translateY(-200%); opacity: 1; }
        100% { transform: translateY(0%); opacity: 1; }
    }
    
    /* BLOB ANIMATIONS */
    @keyframes floatBlob1 { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(200px, 100px) scale(1.1); } }
    @keyframes floatBlob2 { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(-150px, -150px) scale(0.9); } }
    @keyframes floatBlob3 { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-100px, 50px) scale(1.2); } 100% { transform: translate(50px, -50px) scale(1); } }
</style>/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-7226227 *//* ===========================================================
   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: 8px !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-6610e97f */.strivance-hero-bg {
    --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;
    --btn-1-bg: #FF914D;
    --btn-1-text: #FFFFFF;
    --btn-2-bg: #FFFFFF;
    --btn-2-text: #2d2d2d;
}

@media (prefers-color-scheme: dark), body.dark .strivance-hero-bg, html.dark .strivance-hero-bg {
    .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;
    }
}

.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;
}

.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;
}

@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;
    }
}

.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;
    }
}

.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;
}

.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;
}

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 */