.elementor-kit-42601{--e-global-color-primary:#030E1A;--e-global-color-secondary:#0F67BE;--e-global-color-text:#030E1A;--e-global-color-accent:#030E1A;--e-global-color-2d35cc4:#000000;--e-global-color-2f64126:#FFFFFF;--e-global-color-e83c97f:#69A6E3;--e-global-color-6e344a7:#CBE6FF;--e-global-color-a6521bc:#F0F4F8;--e-global-color-7676ab3:#CBE6FF;--e-global-color-0cbf471:#559FE1;--e-global-color-03cb7ff:#CBE6FF;--e-global-color-e3aedcd:#F1F4F8;--e-global-color-b520cd6:#0F67BE00;--e-global-color-e9b0bd9:#172431;--e-global-color-5af07b2:#030E1A1A;--e-global-typography-primary-font-family:"IBM Plex Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"IBM Plex Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"IBM Plex Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"IBM Plex Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-74fce32-font-family:"IBM Plex Sans";--e-global-typography-74fce32-font-size:20px;--e-global-typography-74fce32-font-weight:400;--e-global-typography-74fce32-line-height:1.2em;--e-global-typography-91feb2d-font-family:"IBM Plex Sans";--e-global-typography-91feb2d-font-size:24px;--e-global-typography-91feb2d-font-weight:400;--e-global-typography-91feb2d-line-height:1.3em;--e-global-typography-bf65741-font-family:"IBM Plex Sans";--e-global-typography-bf65741-font-size:18px;--e-global-typography-bf65741-font-weight:400;--e-global-typography-776db5c-font-family:"IBM Plex Sans";--e-global-typography-776db5c-font-size:16px;--e-global-typography-776db5c-font-weight:400;--e-global-typography-776db5c-letter-spacing:0.25px;--e-global-typography-30e4559-font-family:"IBM Plex Sans";--e-global-typography-30e4559-font-size:40px;--e-global-typography-30e4559-font-weight:600;--e-global-typography-e55ff42-font-family:"IBM Plex Sans";--e-global-typography-e55ff42-font-size:20px;--e-global-typography-e55ff42-font-weight:400;--e-global-typography-7f126e5-font-family:"IBM Plex Sans";--e-global-typography-7f126e5-font-size:70px;--e-global-typography-7f126e5-font-weight:600;--e-global-typography-18dde8f-font-family:"IBM Plex Sans";--e-global-typography-18dde8f-font-size:18px;--e-global-typography-18dde8f-font-weight:400;--e-global-typography-bc240a1-font-family:"IBM Plex Sans";--e-global-typography-bc240a1-font-size:14px;--e-global-typography-bc240a1-font-weight:600;--e-global-typography-bc240a1-letter-spacing:0.25px;--e-global-typography-7bd5fe8-font-family:"IBM Plex Sans";--e-global-typography-7bd5fe8-font-size:22px;--e-global-typography-7bd5fe8-font-weight:600;--e-global-typography-7bd5fe8-text-transform:none;--e-global-typography-7bd5fe8-line-height:1.2em;--e-global-typography-dc87e66-font-family:"IBM Plex Sans";--e-global-typography-dc87e66-font-size:16px;--e-global-typography-dc87e66-font-weight:400;--e-global-typography-4cda4ed-font-family:"IBM Plex Sans";--e-global-typography-4cda4ed-font-size:22px;--e-global-typography-4cda4ed-font-weight:600;--e-global-typography-61d72dc-font-family:"IBM Plex Sans";--e-global-typography-61d72dc-font-size:16px;--e-global-typography-61d72dc-font-weight:600;--e-global-typography-61d72dc-text-transform:uppercase;--e-global-typography-c0eddf9-font-family:"IBM Plex Sans";--e-global-typography-c0eddf9-font-size:16px;--e-global-typography-c0eddf9-font-weight:400;background-color:var( --e-global-color-a6521bc );font-size:17px;}.elementor-kit-42601 e-page-transition{background-color:#FFBC7D;}.elementor-kit-42601 a{color:var( --e-global-color-secondary );}.elementor-kit-42601 h1{font-size:74px;line-height:1.1em;}.elementor-kit-42601 h2{font-size:60px;}.elementor-kit-42601 h3{font-size:30px;}.elementor-kit-42601 h4{font-size:24px;}.elementor-kit-42601 button,.elementor-kit-42601 input[type="button"],.elementor-kit-42601 input[type="submit"],.elementor-kit-42601 .elementor-button{font-family:"IBM Plex Sans", Sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:0.25px;border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-42601{--e-global-typography-776db5c-letter-spacing:0px;--e-global-typography-bc240a1-letter-spacing:0.1px;--e-global-typography-dc87e66-font-size:16px;--e-global-typography-4cda4ed-font-size:20px;--e-global-typography-61d72dc-font-size:14px;--e-global-typography-c0eddf9-font-size:14px;}.elementor-kit-42601 h1{font-size:68px;line-height:1.2em;}.elementor-kit-42601 h2{font-size:52px;}.elementor-kit-42601 h3{font-size:25px;}.elementor-kit-42601 h4{font-size:22px;}}@media(max-width:1024px){.elementor-kit-42601{--e-global-typography-30e4559-font-size:32px;--e-global-typography-7f126e5-font-size:60px;--e-global-typography-7f126e5-line-height:1.2em;--e-global-typography-dc87e66-font-size:16px;--e-global-typography-4cda4ed-font-size:16px;--e-global-typography-61d72dc-font-size:12px;--e-global-typography-c0eddf9-font-size:10px;}.elementor-kit-42601 h1{font-size:60px;line-height:1.1em;}.elementor-kit-42601 h2{font-size:38px;line-height:1.1em;}.elementor-kit-42601 h4{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-42601{--e-global-typography-30e4559-font-size:28px;--e-global-typography-7f126e5-font-size:50px;--e-global-typography-7f126e5-line-height:1.1em;--e-global-typography-7bd5fe8-font-size:18px;--e-global-typography-dc87e66-font-size:14px;--e-global-typography-4cda4ed-font-size:9px;--e-global-typography-61d72dc-font-size:9px;--e-global-typography-c0eddf9-font-size:9px;}.elementor-kit-42601 h1{font-size:38px;line-height:1.1em;}.elementor-kit-42601 h2{font-size:34px;}.elementor-kit-42601 h3{font-size:22px;line-height:1.2em;}.elementor-kit-42601 h4{font-size:20px;line-height:1.2em;}.elementor-kit-42601 button,.elementor-kit-42601 input[type="button"],.elementor-kit-42601 input[type="submit"],.elementor-kit-42601 .elementor-button{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
BREATHING ORB EFFECT — Elementor Custom CSS
Copy this into: Elementor > Site Settings > Custom CSS
OR into a widget's Advanced > Custom CSS panel
============================================================ */
/* ---------- Keyframe Animations (from StockRover hero) ---------- */
@keyframes floatA {
0%, 100% { transform: rotateY(-12deg) rotateX(4deg) translateZ(0px) translateY(0px); }
50% { transform: rotateY(-12deg) rotateX(4deg) translateZ(0px) translateY(-8px); }
}
@keyframes floatB {
0%, 100% { transform: rotateY(-8deg) rotateX(2deg) translateZ(60px) translateY(0px); }
50% { transform: rotateY(-8deg) rotateX(2deg) translateZ(60px) translateY(-10px); }
}
@keyframes floatC {
0%, 100% { transform: rotateY(-5deg) rotateX(3deg) translateZ(120px) translateY(0px); }
50% { transform: rotateY(-6deg) rotateX(2deg) translateZ(160px) translateY(-6px); }
}
@keyframes floatD {
0%, 100% { transform: rotateY(-12deg) rotateX(4deg) translateZ(160px) translateY(0px); }
50% { transform: rotateY(-6deg) rotateX(2deg) translateZ(160px) translateY(-6px); }
}
@keyframes pulse {
0% { opacity: 0; }
10% { opacity: 1; }
50% { opacity: 0.4; }
100% { opacity: 1; }
}
@keyframes fadeUp {
0% { opacity: 0; transform: translateY(24px); }
100% { opacity: 1; transform: translateY(0px); }
}
/* ---------- Orb Base Styles ---------- */
.orb-breathing-wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: visible;
}
.orb {
position: absolute;
border-radius: 50%;
pointer-events: none;
filter: blur(60px);
opacity: 0.18;
}
/* Orb 1 — Blue accent, top-right */
.orb-1 {
width: 300px;
height: 300px;
background: #1e6bff; /* --blue-accent from the site */
right: 80px;
top: -60px;
animation: floatA 6s ease-in-out infinite;
}
/* Orb 2 — Teal accent, bottom-left */
.orb-2 {
width: 240px;
height: 240px;
background: #00c4d4; /* --teal from the site */
left: -40px;
bottom: 20px;
animation: floatB 8s ease-in-out infinite;
animation-delay: -3s; /* offset so they don't pulse in sync */
}
/* ---------- Optional: Elementor Section Hero Usage ---------- */
/*
Apply .orb-breathing-wrapper to your Elementor Section wrapper
and add .orb-1 / .orb-2 as HTML widgets inside the section.
In Elementor:
1. Add a Section
2. Advanced > CSS Classes: add orb-breathing-wrapper
3. Inside it, add an HTML widget with:
4. Add another HTML widget:
5. Paste this entire CSS file into:
Elementor > Site Settings > Custom CSS
*/
/* ---------- Customise to taste ---------- */
/* Slower / faster: change the 6s / 8s values */
/* More visible: increase opacity (0.18 → 0.3) */
/* Less blur: change blur(60px) → blur(40px) */
/* Different colours: swap the background hex values *//* End custom CSS */