.elementor-110 .elementor-element.elementor-element-50599be2{--display:flex;--min-height:34vh;--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;--overlay-opacity:0.5;}.elementor-110 .elementor-element.elementor-element-50599be2::before, .elementor-110 .elementor-element.elementor-element-50599be2 > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-50599be2 > .e-con-inner > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-50599be2 > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-50599be2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-50599be2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, var( --e-global-color-primary ) 100%);}.elementor-110 .elementor-element.elementor-element-71f45fec{--display:flex;--overlay-opacity:0.6;--overlay-mix-blend-mode:screen;}.elementor-110 .elementor-element.elementor-element-71f45fec:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-71f45fec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-110 .elementor-element.elementor-element-71f45fec::before, .elementor-110 .elementor-element.elementor-element-71f45fec > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-71f45fec > .e-con-inner > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-71f45fec > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-71f45fec > .e-con-inner > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-71f45fec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://coraaj.com/wp-content/uploads/2025/08/gradient-dark-mode-bg.jpg");--background-overlay:'';background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-110 .elementor-element.elementor-element-71f45fec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-110 .elementor-element.elementor-element-7390279d{--display:flex;--justify-content:center;}.elementor-110 .elementor-element.elementor-element-5a3918d{--display:flex;--min-height:58vh;--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:flex-end;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:4em;--padding-bottom:4em;--padding-left:4em;--padding-right:4em;}.elementor-110 .elementor-element.elementor-element-5a3918d.e-con{--align-self:center;}.elementor-110 .elementor-element.elementor-element-6eeb6d31{width:auto;max-width:auto;padding:0px 0px 0px 0px;text-align:left;}.elementor-110 .elementor-element.elementor-element-6eeb6d31.elementor-element{--align-self:flex-start;}.elementor-110 .elementor-element.elementor-element-6eeb6d31 .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:5.6vw;font-weight:200;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:-5px;word-spacing:8px;text-shadow:0px 0px 19px rgba(0, 0, 0, 0.42);color:var( --e-global-color-ee223e0 );}.elementor-110 .elementor-element.elementor-element-f7555a5{text-align:left;}.elementor-110 .elementor-element.elementor-element-f7555a5 .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-ee223e0 );}.elementor-110 .elementor-element.elementor-element-400212d0{--display:flex;--min-height:70vh;--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:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-110 .elementor-element.elementor-element-5b45748b{--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;}.elementor-110 .elementor-element.elementor-element-5b45748b:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-5b45748b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-110 .elementor-element.elementor-element-1fb455b2{--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:flex-end;}.elementor-110 .elementor-element.elementor-element-1fb455b2:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-1fb455b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://coraaj.com/wp-content/uploads/2025/08/250812_Coraaj-Rebrand_Gradients_RGB_DARK-Large.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-110 .elementor-element.elementor-element-3b0070fa{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.79;}.elementor-110 .elementor-element.elementor-element-3b0070fa::before, .elementor-110 .elementor-element.elementor-element-3b0070fa > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-3b0070fa > .e-con-inner > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-3b0070fa > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-3b0070fa > .e-con-inner > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-3b0070fa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://coraaj.com/wp-content/uploads/2025/08/250812_Coraaj-Rebrand_Gradients_RGB_DARK-Large.jpeg");--background-overlay:'';}.elementor-110 .elementor-element.elementor-element-5d5c677{--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;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:4em;--padding-bottom:4em;--padding-left:4em;--padding-right:4em;}.elementor-110 .elementor-element.elementor-element-5d5c677.e-con{--align-self:center;}.elementor-110 .elementor-element.elementor-element-5b64884b{width:var( --container-widget-width, 275px );max-width:275px;padding:0px 0px 15px 0px;--container-widget-width:275px;--container-widget-flex-grow:0;text-align:left;}.elementor-110 .elementor-element.elementor-element-5b64884b .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:25px;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-ee223e0 );}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-icon i{color:var( --e-global-color-ee223e0 );transition:color 0.3s;}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-icon svg{fill:var( --e-global-color-ee223e0 );transition:fill 0.3s;}.elementor-110 .elementor-element.elementor-element-30b68667{--e-icon-list-icon-size:100px;--icon-vertical-offset:0px;}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-item > a{font-family:"Questrial", Sans-serif;font-size:16px;line-height:16px;}.elementor-110 .elementor-element.elementor-element-30b68667 .elementor-icon-list-text{color:var( --e-global-color-ee223e0 );transition:color 0.3s;}.elementor-110 .elementor-element.elementor-element-b74af89{--display:flex;--min-height:70vh;--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:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-110 .elementor-element.elementor-element-d8205eb{--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;}.elementor-110 .elementor-element.elementor-element-d8205eb:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-d8205eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c44f79c );}.elementor-110 .elementor-element.elementor-element-2468c27f{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-110 .elementor-element.elementor-element-67b45f8b{--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;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:4em;--padding-bottom:4em;--padding-left:4em;--padding-right:4em;}.elementor-110 .elementor-element.elementor-element-67b45f8b.e-con{--align-self:center;}.elementor-110 .elementor-element.elementor-element-2712bfbf{width:var( --container-widget-width, 453px );max-width:453px;--container-widget-width:453px;--container-widget-flex-grow:0;text-align:left;}.elementor-110 .elementor-element.elementor-element-2712bfbf .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:25px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:25px;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-110 .elementor-element.elementor-element-4967afcf{width:var( --container-widget-width, 415px );max-width:415px;--container-widget-width:415px;--container-widget-flex-grow:0;text-align:left;font-family:"Questrial", Sans-serif;font-size:16px;font-weight:500;font-style:normal;text-decoration:none;line-height:16px;letter-spacing:0px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-110 .elementor-element.elementor-element-4967afcf a{color:var( --e-global-color-secondary );}.elementor-110 .elementor-element.elementor-element-74deb896 .elementor-button{background-color:var( --e-global-color-secondary );font-size:15px;fill:var( --e-global-color-c44f79c );color:var( --e-global-color-c44f79c );border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010100;}.elementor-110 .elementor-element.elementor-element-74deb896 .elementor-button:hover, .elementor-110 .elementor-element.elementor-element-74deb896 .elementor-button:focus{background-color:var( --e-global-color-c44f79c );color:var( --e-global-color-secondary );border-color:#020101;}.elementor-110 .elementor-element.elementor-element-74deb896 .elementor-button:hover svg, .elementor-110 .elementor-element.elementor-element-74deb896 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-110 .elementor-element.elementor-element-42fcb4a7{--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:flex-end;--overlay-opacity:0.49;}.elementor-110 .elementor-element.elementor-element-42fcb4a7:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://coraaj.com/wp-content/uploads/2025/10/niklas-jonasson-vr7QkWk6bzM-unsplash-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-110 .elementor-element.elementor-element-42fcb4a7::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://coraaj.com/wp-content/uploads/2025/08/gradient-dark-mode-bg.jpg");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-110 .elementor-element.elementor-element-8320f95{--spacer-size:137px;}@media(min-width:768px){.elementor-110 .elementor-element.elementor-element-71f45fec{--width:33%;}.elementor-110 .elementor-element.elementor-element-5a3918d{--width:100%;}.elementor-110 .elementor-element.elementor-element-5b45748b{--width:100%;}.elementor-110 .elementor-element.elementor-element-1fb455b2{--width:100%;}.elementor-110 .elementor-element.elementor-element-5d5c677{--width:100%;}.elementor-110 .elementor-element.elementor-element-d8205eb{--width:100%;}.elementor-110 .elementor-element.elementor-element-67b45f8b{--width:100%;}.elementor-110 .elementor-element.elementor-element-42fcb4a7{--width:100%;}}@media(max-width:1200px) and (min-width:768px){.elementor-110 .elementor-element.elementor-element-71f45fec{--width:33%;}.elementor-110 .elementor-element.elementor-element-7390279d{--width:66%;}.elementor-110 .elementor-element.elementor-element-5a3918d{--width:100%;}.elementor-110 .elementor-element.elementor-element-5b45748b{--width:100%;}.elementor-110 .elementor-element.elementor-element-5d5c677{--width:100%;}.elementor-110 .elementor-element.elementor-element-d8205eb{--width:100%;}.elementor-110 .elementor-element.elementor-element-67b45f8b{--width:100%;}}@media(min-width:1201px){.elementor-110 .elementor-element.elementor-element-42fcb4a7::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-110 .elementor-element.elementor-element-42fcb4a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1200px){.elementor-110 .elementor-element.elementor-element-50599be2{--flex-wrap:wrap;}.elementor-110 .elementor-element.elementor-element-5a3918d{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-110 .elementor-element.elementor-element-6eeb6d31{padding:0px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-6eeb6d31 .elementor-heading-title{font-size:6vw;line-height:0.9em;letter-spacing:-2.7px;word-spacing:0px;}.elementor-110 .elementor-element.elementor-element-400212d0{--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-110 .elementor-element.elementor-element-5b45748b.e-con{--order:-99999 /* order start hack */;}.elementor-110 .elementor-element.elementor-element-1fb455b2{--min-height:67vh;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-110 .elementor-element.elementor-element-5d5c677{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-110 .elementor-element.elementor-element-5b64884b .elementor-heading-title{font-size:20px;line-height:22px;}.elementor-110 .elementor-element.elementor-element-b74af89{--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-110 .elementor-element.elementor-element-d8205eb.e-con{--order:-99999 /* order start hack */;}.elementor-110 .elementor-element.elementor-element-67b45f8b{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-110 .elementor-element.elementor-element-2712bfbf .elementor-heading-title{font-size:20px;line-height:22px;}.elementor-110 .elementor-element.elementor-element-4967afcf{--container-widget-width:400px;--container-widget-flex-grow:0;width:var( --container-widget-width, 400px );max-width:400px;font-size:15px;line-height:1.1em;}.elementor-110 .elementor-element.elementor-element-42fcb4a7{--min-height:67vh;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-110 .elementor-element.elementor-element-50599be2{--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;--flex-wrap:wrap;}.elementor-110 .elementor-element.elementor-element-71f45fec{--min-height:70px;}.elementor-110 .elementor-element.elementor-element-7390279d{--justify-content:flex-end;}.elementor-110 .elementor-element.elementor-element-7390279d.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-110 .elementor-element.elementor-element-5a3918d{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-110 .elementor-element.elementor-element-6eeb6d31 .elementor-heading-title{font-size:35px;line-height:34px;letter-spacing:0em;}.elementor-110 .elementor-element.elementor-element-400212d0{--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;--flex-wrap:wrap;}.elementor-110 .elementor-element.elementor-element-5b45748b{--justify-content:flex-start;}.elementor-110 .elementor-element.elementor-element-1fb455b2{--min-height:325px;}.elementor-110 .elementor-element.elementor-element-5d5c677{--padding-top:4em;--padding-bottom:4em;--padding-left:2em;--padding-right:2em;}.elementor-110 .elementor-element.elementor-element-b74af89{--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;--flex-wrap:wrap;}.elementor-110 .elementor-element.elementor-element-d8205eb{--justify-content:flex-start;}.elementor-110 .elementor-element.elementor-element-67b45f8b{--padding-top:4em;--padding-bottom:4em;--padding-left:2em;--padding-right:2em;}.elementor-110 .elementor-element.elementor-element-4967afcf{--container-widget-width:285px;--container-widget-flex-grow:0;width:var( --container-widget-width, 285px );max-width:285px;font-size:14px;}.elementor-110 .elementor-element.elementor-element-42fcb4a7{--min-height:615px;}}/* Start custom CSS for container, class: .elementor-element-3b0070fa *//* Elementor section class */ .my-lava-bg { position: relative; overflow: hidden; z-index: 1; background: #000; /* fallback */ } /* Shared blob base */ .my-lava-bg::before, .my-lava-bg::after, .my-lava-bg .blob3 { content: ""; position: absolute; top: -60%; left: -60%; width: 220%; height: 120%; border-radius:60%; filter: blur(20px); mix-blend-mode: screen; z-index: -1; } /* Blob 1 - aqua */ .my-lava-bg::after{ background: radial-gradient(circle, #0eb2d5 0%, transparent 25%); opacity: 0.25; animation: blobFloat1 18s ease-in-out infinite; width: 320%; height: 100%; } /* Blob 2 - deep purple */ .my-lava-bg::before { background: radial-gradient(circle, #432c84 0%, transparent 70%); opacity: 1; animation: blobFloat2 25s ease-in-out infinite; width: 220%; height: 120%; } /* Blob 3 - dark purple */ .my-lava-bg .blob3 { background: radial-gradient(circle, #670ed5 0%, transparent 70%); opacity: 0.7; animation: blobFloat3 10s ease-in-out infinite; } /* Blob motion paths */ @keyframes blobFloat1 { 0% { transform: translate(-20%, -10%) scale(1.1); } 33% { transform: translate(15%, -15%) scale(1.3); } 66% { transform: translate(-10%, 50%) scale(2.15); } 100% { transform: translate(-20%, -10%) scale(1.1); } } @keyframes blobFloat2 { 0% { transform: translate(25%, 15%) scale(1.2); } 33% { transform: translate(-10%, 20%) scale(0.75); } 66% { transform: translate(-45%, -15%) scale(1.25); } 100% { transform: translate(25%, 15%) scale(1.2); } } @keyframes blobFloat3 { 0% { transform: translate(-15%, 25%) scale(1.2); } 33% { transform: translate(20%, 15%) scale(1.1); } 66% { transform: translate(15%, -25%) scale(1.3); } 100% { transform: translate(-15%, 25%) scale(1.2); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2468c27f *//* Elementor section class */ .my-lava-bg { position: relative; overflow: hidden; z-index: 1; background: #000; /* fallback */ } /* Shared blob base */ .my-lava-bg::before, .my-lava-bg::after, .my-lava-bg .blob3 { content: ""; position: absolute; top: -60%; left: -60%; width: 220%; height: 120%; border-radius:60%; filter: blur(20px); mix-blend-mode: screen; z-index: -1; } /* Blob 1 - aqua */ .my-lava-bg::after{ background: radial-gradient(circle, #0eb2d5 0%, transparent 25%); opacity: 0.25; animation: blobFloat1 18s ease-in-out infinite; width: 320%; height: 100%; } /* Blob 2 - deep purple */ .my-lava-bg::before { background: radial-gradient(circle, #432c84 0%, transparent 70%); opacity: 1; animation: blobFloat2 25s ease-in-out infinite; width: 220%; height: 120%; } /* Blob 3 - dark purple */ .my-lava-bg .blob3 { background: radial-gradient(circle, #670ed5 0%, transparent 70%); opacity: 0.7; animation: blobFloat3 10s ease-in-out infinite; } /* Blob motion paths */ @keyframes blobFloat1 { 0% { transform: translate(-20%, -10%) scale(1.1); } 33% { transform: translate(15%, -15%) scale(1.3); } 66% { transform: translate(-10%, 50%) scale(2.15); } 100% { transform: translate(-20%, -10%) scale(1.1); } } @keyframes blobFloat2 { 0% { transform: translate(25%, 15%) scale(1.2); } 33% { transform: translate(-10%, 20%) scale(0.75); } 66% { transform: translate(-45%, -15%) scale(1.25); } 100% { transform: translate(25%, 15%) scale(1.2); } } @keyframes blobFloat3 { 0% { transform: translate(-15%, 25%) scale(1.2); } 33% { transform: translate(20%, 15%) scale(1.1); } 66% { transform: translate(15%, -25%) scale(1.3); } 100% { transform: translate(-15%, 25%) scale(1.2); } }/* End custom CSS */