.elementor-2364 .elementor-element.elementor-element-9781b6a{--display:flex;--min-height:100vh;--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-2364 .elementor-element.elementor-element-02fe802{--display:flex;--min-height:100vh;--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:160px 160px;--row-gap:160px;--column-gap:160px;--overlay-opacity:0.2;--padding-top:245px;--padding-bottom:41px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-2364 .elementor-element.elementor-element-02fe802::before, .elementor-2364 .elementor-element.elementor-element-02fe802 > .elementor-background-video-container::before, .elementor-2364 .elementor-element.elementor-element-02fe802 > .e-con-inner > .elementor-background-video-container::before, .elementor-2364 .elementor-element.elementor-element-02fe802 > .elementor-background-slideshow::before, .elementor-2364 .elementor-element.elementor-element-02fe802 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2364 .elementor-element.elementor-element-02fe802 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-2364 .elementor-element.elementor-element-3f59307{--display:flex;--justify-content:space-between;--z-index:1;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2364 .elementor-element.elementor-element-fdfe969{text-align:left;}.elementor-2364 .elementor-element.elementor-element-fdfe969 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-accent );}.elementor-2364 .elementor-element.elementor-element-69ace3f{width:var( --container-widget-width, 450px );max-width:450px;--container-widget-width:450px;--container-widget-flex-grow:0;text-align:left;}.elementor-2364 .elementor-element.elementor-element-69ace3f .elementor-heading-title{font-family:var( --e-global-typography-9d4c877-font-family ), Sans-serif;font-size:var( --e-global-typography-9d4c877-font-size );font-weight:var( --e-global-typography-9d4c877-font-weight );text-transform:var( --e-global-typography-9d4c877-text-transform );font-style:var( --e-global-typography-9d4c877-font-style );text-decoration:var( --e-global-typography-9d4c877-text-decoration );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );color:var( --e-global-color-accent );}.elementor-2364 .elementor-element.elementor-element-5945f41{--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;--justify-content:space-between;--z-index:1;}.elementor-2364 .elementor-element.elementor-element-8c562fb{--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-2364 .elementor-element.elementor-element-3aea3f6{text-align:left;}.elementor-2364 .elementor-element.elementor-element-3aea3f6 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-accent );}.elementor-2364 .elementor-element.elementor-element-58b5b54{text-align:left;}.elementor-2364 .elementor-element.elementor-element-58b5b54 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-81f91ea );}.elementor-2364 .elementor-element.elementor-element-f0adc1a{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;}.elementor-2364 .elementor-element.elementor-element-7b40513{--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-widget-text-editor{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-2364 .elementor-element.elementor-element-8d11a67{text-align:left;font-family:var( --e-global-typography-9d4c877-font-family ), Sans-serif;font-size:var( --e-global-typography-9d4c877-font-size );font-weight:var( --e-global-typography-9d4c877-font-weight );text-transform:var( --e-global-typography-9d4c877-text-transform );font-style:var( --e-global-typography-9d4c877-font-style );text-decoration:var( --e-global-typography-9d4c877-text-decoration );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );color:var( --e-global-color-accent );}.elementor-2364 .elementor-element.elementor-element-8d11a67 p{margin-block-end:0px;}.elementor-2364 .elementor-element.elementor-element-8d11a67 a{color:var( --e-global-color-81f91ea );}.elementor-2364 .elementor-element.elementor-element-8d11a67 a:hover, .elementor-2364 .elementor-element.elementor-element-8d11a67 a:focus{color:#0080FFCC;}.elementor-2364 .elementor-element.elementor-element-83f582a{text-align:left;font-family:var( --e-global-typography-9d4c877-font-family ), Sans-serif;font-size:var( --e-global-typography-9d4c877-font-size );font-weight:var( --e-global-typography-9d4c877-font-weight );text-transform:var( --e-global-typography-9d4c877-text-transform );font-style:var( --e-global-typography-9d4c877-font-style );text-decoration:var( --e-global-typography-9d4c877-text-decoration );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );color:var( --e-global-color-accent );}.elementor-2364 .elementor-element.elementor-element-83f582a p{margin-block-end:0px;}.elementor-2364 .elementor-element.elementor-element-83f582a a{color:var( --e-global-color-81f91ea );}.elementor-2364 .elementor-element.elementor-element-83f582a a:hover, .elementor-2364 .elementor-element.elementor-element-83f582a a:focus{color:#0080FFCC;}.elementor-2364 .elementor-element.elementor-element-c934e9f{--display:flex;--position:absolute;--min-height:100vh;--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;top:0px;}body:not(.rtl) .elementor-2364 .elementor-element.elementor-element-c934e9f{left:0px;}body.rtl .elementor-2364 .elementor-element.elementor-element-c934e9f{right:0px;}.elementor-2364 .elementor-element.elementor-element-c8804e8{--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-2364 .elementor-element.elementor-element-51843a1{--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-2364 .elementor-element.elementor-element-51843a1:not(.elementor-motion-effects-element-type-background), .elementor-2364 .elementor-element.elementor-element-51843a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2364 .elementor-element.elementor-element-2d56f22{--spacer-size:50px;}@media(min-width:768px){.elementor-2364 .elementor-element.elementor-element-c8804e8{--width:50%;}.elementor-2364 .elementor-element.elementor-element-51843a1{--width:50%;}}@media(max-width:1366px){.elementor-2364 .elementor-element.elementor-element-fdfe969 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-69ace3f .elementor-heading-title{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}.elementor-2364 .elementor-element.elementor-element-3aea3f6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-58b5b54 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-8d11a67{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}.elementor-2364 .elementor-element.elementor-element-83f582a{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}}@media(max-width:1200px){.elementor-2364 .elementor-element.elementor-element-02fe802{--gap:100px 100px;--row-gap:100px;--column-gap:100px;}}@media(max-width:1024px){.elementor-2364 .elementor-element.elementor-element-02fe802{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-2364 .elementor-element.elementor-element-fdfe969 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-69ace3f .elementor-heading-title{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}.elementor-2364 .elementor-element.elementor-element-3aea3f6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-58b5b54 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-f0adc1a{width:100%;max-width:100%;}.elementor-2364 .elementor-element.elementor-element-8d11a67{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}.elementor-2364 .elementor-element.elementor-element-83f582a{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}}@media(max-width:767px){.elementor-2364 .elementor-element.elementor-element-02fe802{--min-height:0vh;--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:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:140px;--padding-bottom:41px;--padding-left:20px;--padding-right:20px;}.elementor-2364 .elementor-element.elementor-element-fdfe969 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-69ace3f .elementor-heading-title{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}.elementor-2364 .elementor-element.elementor-element-5945f41{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-2364 .elementor-element.elementor-element-3aea3f6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-58b5b54 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-2364 .elementor-element.elementor-element-8d11a67{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}.elementor-2364 .elementor-element.elementor-element-83f582a{font-size:var( --e-global-typography-9d4c877-font-size );line-height:var( --e-global-typography-9d4c877-line-height );letter-spacing:var( --e-global-typography-9d4c877-letter-spacing );}.elementor-2364 .elementor-element.elementor-element-c934e9f{--min-height:915px;}}/* Start custom CSS for shortcode, class: .elementor-element-f0adc1a */#umwidget .um-field-label { display: none !important; } #umwidget .um-col-1 { display: flex !important; flex-direction: column !important; gap: 16px !important; } #umwidget .um-field { padding: 0px !important; } #umwidget .um-row._um_row_1 { margin: 0px !important; } #umwidget .um-row._um_row_1 .um-field input { padding: 22px 32px !important; border-radius: 8px !important; min-height: 74px !important; font-family: var(--e-global-typography-9d4c877-font-family), Sans-serif !important; font-size: var(--e-global-typography-9d4c877-font-size) !important; font-weight: var(--e-global-typography-9d4c877-font-weight) !important; text-transform: var(--e-global-typography-9d4c877-text-transform) !important; font-style: var(--e-global-typography-9d4c877-font-style) !important; text-decoration: var(--e-global-typography-9d4c877-text-decoration) !important; line-height: var(--e-global-typography-9d4c877-line-height) !important; letter-spacing: var(--e-global-typography-9d4c877-letter-spacing) !important; color: var(--e-global-color-accent) !important; border: 2px solid var( --e-global-color-5f6a336 ) !important; background: var( --e-global-color-aa4e228 ) !important; transition: border 0.3s ease !important; } #umwidget .um .um-form .um-datepicker.picker__input.picker__input--active, #umwidget .um .um-form .um-datepicker.picker__input.picker__input--target, #umwidget .um .um-form input[type=number]:focus, #umwidget .um .um-form input[type=password]:focus, #umwidget .um .um-form input[type=search]:focus, #umwidget .um .um-form input[type=tel]:focus, #umwidget .um .um-form input[type=text]:focus, #umwidget .um .um-form textarea:focus { background: var( --e-global-color-aa4e228 ) !important; border: 2px solid var( --e-global-color-81f91ea ) !important; transition: border 0.3s ease !important; } #umwidget .um-toggle-password { display: flex !important; flex-direction: column !important; justify-content: center !important; } #umwidget .um-icon-eye:before { position: relative !important; top: 2px !important; } #umwidget span.um-field-checkbox-option { font-family: var(--e-global-typography-9d4c877-font-family), Sans-serif !important; font-size: var(--e-global-typography-9d4c877-font-size) !important; font-weight: var(--e-global-typography-9d4c877-font-weight) !important; text-transform: var(--e-global-typography-9d4c877-text-transform) !important; font-style: var(--e-global-typography-9d4c877-font-style) !important; text-decoration: var(--e-global-typography-9d4c877-text-decoration) !important; line-height: var(--e-global-typography-9d4c877-line-height) !important; letter-spacing: var(--e-global-typography-9d4c877-letter-spacing) !important; color: var(--e-global-color-accent) !important; margin-left: 30px !important; } #umwidget .um-field-checkbox-state i, #umwidget .um-field-radio-state i { top: 3px !important; position: relative !important; } #umwidget .um-col-alt { margin-top: 16px !important; } #umwidget .um input[type=submit].um-button { width: 100% !important; padding: 22px 32px !important; border-radius: 8px !important; font-family: var(--e-global-typography-9d4c877-font-family), Sans-serif !important; font-size: var(--e-global-typography-9d4c877-font-size) !important; font-weight: var(--e-global-typography-9d4c877-font-weight) !important; text-transform: var(--e-global-typography-9d4c877-text-transform) !important; font-style: var(--e-global-typography-9d4c877-font-style) !important; text-decoration: var(--e-global-typography-9d4c877-text-decoration) !important; line-height: var(--e-global-typography-9d4c877-line-height) !important; letter-spacing: var(--e-global-typography-9d4c877-letter-spacing) !important; word-spacing: var(--e-global-typography-9d4c877-word-spacing) !important; color: var(--e-global-color-secondary) !important; min-height: 74px !important; margin-top: 10px !important; } /* Link colors */ .um a.um-link, .um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color { color: var( --e-global-color-81f91ea ) !important; } .um a.um-link:hover, .um a.um-link-hvr:hover { color: var( --e-global-color-81f91ea ) !important; } /* Button colors */ .um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover, .um .um-button, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active, .um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um input[type=submit]:disabled:hover { background: var( --e-global-color-81f91ea ) !important; } .um .um-field-group-head:hover, .picker__footer, .picker__header, .picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted, .picker__list-item:hover, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted, .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected, .um .um-button:hover, .um a.um-button:hover, .um input[type=submit].um-button:hover{ background: var( --e-global-color-81f91ea ) !important; } /* Button alt colors */ .um .um-button.um-alt, .um input[type=submit].um-button.um-alt { background: #eeeeee !important; } .um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover { background: #e5e5e5 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-02fe802 */.elementor-2364 .elementor-element.elementor-element-02fe802:before { z-index: 1; } /*@media only screen and (max-width: 880px) {*/ /*.elementor-2364 .elementor-element.elementor-element-02fe802 {*/ /* position: relative !important;*/ /*}*/ /*}*//* End custom CSS */ /* Start custom CSS *//* Interactive gradient background for Elementor section Section must have class: interactive-gradient-section */ .interactive-gradient-section { position: relative; overflow: hidden; /* Gradient color variables scoped to this section only */ --color-bg1: 255, 248, 248; --color-bg2: 255, 248, 248; /* Orb colors converted from: #FF0008 -> 255, 0, 8 #0080FF -> 0, 128, 255 */ --color1: 255, 0, 8; --color2: 0, 128, 255; --color3: 255, 0, 8; --color4: 0, 128, 255; --color5: 255, 0, 8; --color-interactive: 0, 128, 255; --circle-size: 120%; --blending: hard-light; } /* Make sure content sits above the background */ .interactive-gradient-section > .elementor-container, .interactive-gradient-section > .elementor-row, .interactive-gradient-section .elementor-column, .interactive-gradient-section .elementor-widget { position: relative; z-index: 1; } /* The HTML widget's wrapper that holds .gradient-bg should be behind */ .interactive-gradient-section .elementor-widget-html { position: static; } .interactive-gradient-section .gradient-bg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; background: rgb(var(--color-bg1)); top: 0; left: 0; z-index: 0; } /* Hide the blur-defining SVG itself */ .interactive-gradient-section .gradient-bg .svgBlur { display: none; } /* Noise overlay */ .interactive-gradient-section .gradient-bg .noiseBg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; mix-blend-mode: soft-light; opacity: 0.3; } /* Container for the moving blobs */ .interactive-gradient-section .gradient-bg .gradients-container { position: absolute; inset: 0; width: 100%; height: 100%; filter: url(#goo) blur(40px); z-index: 2; } /* Common blob styles */ .interactive-gradient-section .gradient-bg .g1, .interactive-gradient-section .gradient-bg .g2, .interactive-gradient-section .gradient-bg .g3, .interactive-gradient-section .gradient-bg .g4, .interactive-gradient-section .gradient-bg .g5, .interactive-gradient-section .gradient-bg .interactive { position: absolute; mix-blend-mode: var(--blending); } /* Orb #1 – #FF0008 */ .interactive-gradient-section .gradient-bg .g1 { background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat; width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); transform-origin: center center; animation: moveVertical 30s ease infinite; opacity: 1; } /* Orb #2 – #0080FF */ .interactive-gradient-section .gradient-bg .g2 { background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat; width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); transform-origin: calc(50% - 400px); animation: moveInCircle 20s reverse infinite; opacity: 1; } /* Orb #3 – #FF0008 */ .interactive-gradient-section .gradient-bg .g3 { background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat; width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2 + 200px); left: calc(50% - var(--circle-size) / 2 - 500px); transform-origin: calc(50% + 400px); animation: moveInCircle 40s linear infinite; opacity: 1; } /* Orb #4 – #0080FF */ .interactive-gradient-section .gradient-bg .g4 { background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat; width: var(--circle-size); height: var(--circle-size); top: calc(50% - var(--circle-size) / 2); left: calc(50% - var(--circle-size) / 2); transform-origin: calc(50% - 200px); animation: moveHorizontal 40s ease infinite; opacity: 0.7; } /* Orb #5 – #FF0008, larger */ .interactive-gradient-section .gradient-bg .g5 { background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat; width: calc(var(--circle-size) * 2); height: calc(var(--circle-size) * 2); top: calc(50% - var(--circle-size)); left: calc(50% - var(--circle-size)); transform-origin: calc(50% - 800px) calc(50% + 200px); animation: moveInCircle 20s ease infinite; opacity: 1; } /* Orb #6 – alternating color, unique motion */ .interactive-gradient-section .gradient-bg .g6 { background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat; width: calc(var(--circle-size) * 1.4); height: calc(var(--circle-size) * 1.4); /* offset positioning */ top: calc(50% - var(--circle-size) / 2 - 300px); left: calc(50% - var(--circle-size) / 2 + 400px); transform-origin: calc(50% + 600px) calc(50% - 300px); animation: moveInCircle 55s ease-in-out infinite; opacity: 0.6; } /* Interactive orb that follows the mouse – #0080FF */ .interactive-gradient-section .gradient-bg .interactive { background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat; width: 100%; height: 100%; top: -50%; left: -50%; opacity: 0.7; } /* Keyframes */ @keyframes moveInCircle { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } @keyframes moveVertical { 0% { transform: translateY(-50%); } 50% { transform: translateY(50%); } 100% { transform: translateY(-50%); } } @keyframes moveHorizontal { 0% { transform: translateX(-50%) translateY(-10%); } 50% { transform: translateX(50%) translateY(10%); } 100% { transform: translateX(-50%) translateY(-10%); } }/* End custom CSS */