.elementor-456 .elementor-element.elementor-element-4b9d4ff{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-456 .elementor-element.elementor-element-4b9d4ff:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-4b9d4ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-456 .elementor-element.elementor-element-68e837b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:00px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-477b309 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-456 .elementor-element.elementor-element-477b309.elementor-element{--align-self:flex-start;}.elementor-456 .elementor-element.elementor-element-477b309 .elementor-icon-list-icon i{color:#225B77;transition:color 0.3s;}.elementor-456 .elementor-element.elementor-element-477b309 .elementor-icon-list-icon svg{fill:#225B77;transition:fill 0.3s;}.elementor-456 .elementor-element.elementor-element-477b309{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-456 .elementor-element.elementor-element-477b309 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-456 .elementor-element.elementor-element-477b309 .elementor-icon-list-item > a{font-size:12px;font-weight:700;text-transform:uppercase;}.elementor-456 .elementor-element.elementor-element-477b309 .elementor-icon-list-text{color:#225B87;transition:color 0.3s;}.elementor-456 .elementor-element.elementor-element-f4c2a26 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-456 .elementor-element.elementor-element-14744e0{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-456 .elementor-element.elementor-element-14744e0.elementor-element{--align-self:flex-start;}.elementor-456 .elementor-element.elementor-element-c211ec8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-c211ec8.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-456 .elementor-element.elementor-element-3bbb71a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-456 .elementor-element.elementor-element-3bbb71a.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-3bbb71a .elementor-icon-box-wrapper{text-align:center;}.elementor-456 .elementor-element.elementor-element-3bbb71a .elementor-icon-box-title, .elementor-456 .elementor-element.elementor-element-3bbb71a .elementor-icon-box-title a{font-size:48px;font-weight:900;}.elementor-456 .elementor-element.elementor-element-3bbb71a .elementor-icon-box-title{color:#225B77;}.elementor-456 .elementor-element.elementor-element-3bbb71a .elementor-icon-box-description{font-size:10px;}.elementor-456 .elementor-element.elementor-element-fd2da88{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-456 .elementor-element.elementor-element-fd2da88:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-fd2da88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-456 .elementor-element.elementor-element-dbdae23{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-dbdae23.e-con{--align-self:flex-start;}.elementor-456 .elementor-element.elementor-element-1ec762f.elementor-element{--align-self:flex-start;}.elementor-456 .elementor-element.elementor-element-1ec762f .elementor-icon-box-wrapper{align-items:start;gap:14px;}.elementor-456 .elementor-element.elementor-element-1ec762f .elementor-icon-box-title{margin-block-end:0px;}.elementor-456 .elementor-element.elementor-element-1ec762f.elementor-view-stacked .elementor-icon{background-color:#225B771A;fill:#225B77;color:#225B77;}.elementor-456 .elementor-element.elementor-element-1ec762f.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-1ec762f.elementor-view-default .elementor-icon{fill:#225B771A;color:#225B771A;border-color:#225B771A;}.elementor-456 .elementor-element.elementor-element-1ec762f.elementor-view-framed .elementor-icon{background-color:#225B77;}.elementor-456 .elementor-element.elementor-element-1ec762f .elementor-icon{font-size:30px;padding:15px;border-radius:12px 12px 12px 12px;}.elementor-456 .elementor-element.elementor-element-2b42364 .elementor-icon-list-icon i{color:#225B77;transition:color 0.3s;}.elementor-456 .elementor-element.elementor-element-2b42364 .elementor-icon-list-icon svg{fill:#225B77;transition:fill 0.3s;}.elementor-456 .elementor-element.elementor-element-2b42364{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-456 .elementor-element.elementor-element-2b42364 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-456 .elementor-element.elementor-element-2b42364 .elementor-icon-list-item > a{font-size:14px;font-weight:500;line-height:30px;}.elementor-456 .elementor-element.elementor-element-2b42364 .elementor-icon-list-text{color:#121C21;transition:color 0.3s;}.elementor-456 .elementor-element.elementor-element-74b4a22{--display:flex;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-74b4a22.e-con{--align-self:flex-start;}.elementor-456 .elementor-element.elementor-element-973f76c.elementor-element{--align-self:flex-start;}.elementor-456 .elementor-element.elementor-element-973f76c .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-456 .elementor-element.elementor-element-973f76c .elementor-icon-box-title{margin-block-end:0px;}.elementor-456 .elementor-element.elementor-element-973f76c.elementor-view-stacked .elementor-icon{background-color:#225B771A;fill:#225B77;color:#225B77;}.elementor-456 .elementor-element.elementor-element-973f76c.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-973f76c.elementor-view-default .elementor-icon{fill:#225B771A;color:#225B771A;border-color:#225B771A;}.elementor-456 .elementor-element.elementor-element-973f76c.elementor-view-framed .elementor-icon{background-color:#225B77;}.elementor-456 .elementor-element.elementor-element-973f76c .elementor-icon{font-size:30px;padding:15px;border-radius:12px 12px 12px 12px;}.elementor-456 .elementor-element.elementor-element-9d1a48d{--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-456 .elementor-element.elementor-element-9d1a48d:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-9d1a48d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F5F14D;}.elementor-456 .elementor-element.elementor-element-efd1cd6{text-align:center;}.elementor-456 .elementor-element.elementor-element-ad8bc20{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-daa3832{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-3c0f7f7 .elementor-icon-box-title{margin-block-end:10px;}.elementor-456 .elementor-element.elementor-element-3c0f7f7 .elementor-icon{font-size:25px;}.elementor-456 .elementor-element.elementor-element-3c0f7f7 .elementor-icon-box-description{font-size:12px;}.elementor-456 .elementor-element.elementor-element-9d26725{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-92ed241 .elementor-icon-box-title{margin-block-end:10px;}.elementor-456 .elementor-element.elementor-element-92ed241 .elementor-icon{font-size:25px;}.elementor-456 .elementor-element.elementor-element-92ed241 .elementor-icon-box-description{font-size:12px;}.elementor-456 .elementor-element.elementor-element-4a8be78{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-9d46f1b .elementor-icon-box-title{margin-block-end:10px;}.elementor-456 .elementor-element.elementor-element-9d46f1b .elementor-icon{font-size:25px;}.elementor-456 .elementor-element.elementor-element-9d46f1b .elementor-icon-box-description{font-size:12px;}.elementor-456 .elementor-element.elementor-element-727f9bd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-e385b8c .elementor-icon-box-title{margin-block-end:10px;}.elementor-456 .elementor-element.elementor-element-e385b8c .elementor-icon{font-size:25px;}.elementor-456 .elementor-element.elementor-element-e385b8c .elementor-icon-box-description{font-size:12px;}.elementor-456 .elementor-element.elementor-element-2d52282{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-48bef5e .elementor-icon-box-wrapper{gap:0px;}.elementor-456 .elementor-element.elementor-element-48bef5e .elementor-icon-box-title{margin-block-end:10px;}.elementor-456 .elementor-element.elementor-element-48bef5e .elementor-icon{font-size:25px;}.elementor-456 .elementor-element.elementor-element-48bef5e .elementor-icon-box-description{font-size:12px;}.elementor-456 .elementor-element.elementor-element-18f402a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-456 .elementor-element.elementor-element-18f402a:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-18f402a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-456 .elementor-element.elementor-element-c0c70f9 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-456 .elementor-element.elementor-element-c0c70f9.elementor-element{--align-self:center;}.elementor-456 .elementor-element.elementor-element-c0c70f9 .elementor-icon-list-icon i{color:#225B77;transition:color 0.3s;}.elementor-456 .elementor-element.elementor-element-c0c70f9 .elementor-icon-list-icon svg{fill:#225B77;transition:fill 0.3s;}.elementor-456 .elementor-element.elementor-element-c0c70f9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-456 .elementor-element.elementor-element-c0c70f9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-456 .elementor-element.elementor-element-c0c70f9 .elementor-icon-list-item > a{font-size:12px;font-weight:700;text-transform:uppercase;}.elementor-456 .elementor-element.elementor-element-c0c70f9 .elementor-icon-list-text{color:#225B87;transition:color 0.3s;}.elementor-456 .elementor-element.elementor-element-412d120 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-456 .elementor-element.elementor-element-412d120{text-align:center;}.elementor-456 .elementor-element.elementor-element-c826a64{--display:flex;--min-height:410px;--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;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E2E9E9;--border-color:#E2E9E9;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-c826a64.e-con{--align-self:center;}.elementor-456 .elementor-element.elementor-element-5b173d5{--display:flex;--min-height:440px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-45a73bb img{width:100%;max-width:100%;height:440px;object-fit:cover;object-position:center center;border-radius:20px 0px 0px 20px;}.elementor-456 .elementor-element.elementor-element-7e6dee9{--display:flex;--min-height:400px;border-style:solid;--border-style:solid;border-width:01px 01px 01px 00px;--border-top-width:01px;--border-right-width:01px;--border-bottom-width:01px;--border-left-width:00px;border-color:#E2E9E9;--border-color:#E2E9E9;--border-radius:0px 16px 16px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-456 .elementor-element.elementor-element-8cb734f .elementor-icon-wrapper{text-align:start;}.elementor-456 .elementor-element.elementor-element-8cb734f.elementor-view-stacked .elementor-icon{background-color:#225B7726;}.elementor-456 .elementor-element.elementor-element-8cb734f.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-8cb734f.elementor-view-default .elementor-icon{color:#225B7726;border-color:#225B7726;}.elementor-456 .elementor-element.elementor-element-8cb734f.elementor-view-framed .elementor-icon, .elementor-456 .elementor-element.elementor-element-8cb734f.elementor-view-default .elementor-icon svg{fill:#225B7726;}.elementor-456 .elementor-element.elementor-element-8cb734f .elementor-icon{font-size:25px;}.elementor-456 .elementor-element.elementor-element-8cb734f .elementor-icon svg{height:25px;}.elementor-456 .elementor-element.elementor-element-e9861e1 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-456 .elementor-element.elementor-element-e9861e1{font-size:14px;font-weight:600;color:#225B77;}.elementor-456 .elementor-element.elementor-element-72f8d9a > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-456 .elementor-element.elementor-element-40373db{--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-456 .elementor-element.elementor-element-0b54f54 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-456 .elementor-element.elementor-element-ce0a963{--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-456 .elementor-element.elementor-element-ce0a963:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-ce0a963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-456 .elementor-element.elementor-element-0a94547{text-align:center;}.elementor-456 .elementor-element.elementor-element-ab97c4f{text-align:center;}.elementor-456 .elementor-element.elementor-element-309937c{--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-1e87107 .elementor-button-content-wrapper{flex-direction:row;}.elementor-456 .elementor-element.elementor-element-1e87107 .elementor-button .elementor-button-content-wrapper{gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-456 .elementor-element.elementor-element-68e837b{--width:100%;}.elementor-456 .elementor-element.elementor-element-c211ec8{--width:42%;}.elementor-456 .elementor-element.elementor-element-c826a64{--width:100%;}.elementor-456 .elementor-element.elementor-element-5b173d5{--width:60%;}}@media(max-width:767px){.elementor-456 .elementor-element.elementor-element-4b9d4ff{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-456 .elementor-element.elementor-element-14744e0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-456 .elementor-element.elementor-element-c211ec8{--min-height:180px;}.elementor-456 .elementor-element.elementor-element-fd2da88{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-456 .elementor-element.elementor-element-9d1a48d{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-456 .elementor-element.elementor-element-18f402a{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-456 .elementor-element.elementor-element-c826a64{--min-height:1440px;}.elementor-456 .elementor-element.elementor-element-5b173d5{--min-height:250px;}.elementor-456 .elementor-element.elementor-element-7e6dee9{--min-height:730px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-456 .elementor-element.elementor-element-40373db{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-456 .elementor-element.elementor-element-ce0a963{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for icon-box, class: .elementor-element-3bbb71a *//* 1. Make the Icon Box container a perfect circle card */
.elementor-456 .elementor-element.elementor-element-3bbb71a {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 176px !important;
height: 176px !important;
border-radius: 999px !important;
background-color: #ffffff !important;
border: 2px solid rgba(0, 82, 204, 0.2) !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
position: absolute !important;
overflow: visible !important; /* Crucial so outer rings aren't cut off */
/* FIX 1: Establish a stacking context for pseudo-elements without breaking container stacking order */
transform-style: preserve-3d !important;
}
/* Force Elementor's inner containers to center and stay within the circle */
.elementor-456 .elementor-element.elementor-element-3bbb71a .elementor-widget-container,
.elementor-456 .elementor-element.elementor-element-3bbb71a .elementor-icon-box-wrapper,
.elementor-456 .elementor-element.elementor-element-3bbb71a .elementor-icon-box-content {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* 2. Outer Pulsing/Zooming Ring */
.elementor-456 .elementor-element.elementor-element-3bbb71a::before {
content: '';
position: absolute;
top: -16px;
left: -16px;
right: -16px;
bottom: -16px;
border-radius: 999px;
background: linear-gradient(135deg, #0284c7, #0d9488);
opacity: 0.1;
/* FIX 2: Move the ring behind using 3D translation instead of negative z-index */
transform: translateZ(-2px);
animation: badgeZoomPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
pointer-events: none;
}
/* 3. Inner Static Ring */
.elementor-456 .elementor-element.elementor-element-3bbb71a::after {
content: '';
position: absolute;
top: -8px;
left: -8px;
right: -8px;
bottom: -8px;
border-radius: 999px;
background: linear-gradient(135deg, #0284c7, #0d9488);
opacity: 0.15;
/* FIX 3: Move the ring behind using 3D translation instead of negative z-index */
transform: translateZ(-1px);
pointer-events: none;
}
/* 4. The Zoom In / Out Animation */
@keyframes badgeZoomPulse {
0%, 100% {
/* FIX 4: Preserve the 3D position alignment properties while handling scale transformations */
transform: translateZ(-2px) scale(1);
opacity: 0.1;
}
50% {
transform: translateZ(-2px) scale(1.08);
opacity: 0.03;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c211ec8 *//* Container sizing & centering */
.badge-container {
position: relative;
top: 15% !important; /* MOVES IT UP (Adjust this percentage if you want it even higher) */
}
/* Pulsing Outer Ring */
.badge-pulse-ring {
position: absolute;
inset: 0;
border-radius: 9999px;
background: linear-gradient(to bottom right, var(--primary), var(--accent));
opacity: 0.1;
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
/* Inner Static Ring */
.badge-static-ring {
position: absolute;
inset: 0.5rem; /* inset-2 */
border-radius: 9999px;
background: linear-gradient(to bottom right, var(--primary), var(--accent));
opacity: 0.15;
}
/* Center Card Content */
.badge-center-card {
position: absolute;
inset: 1rem; /* inset-4 */
border-radius: 9999px;
background-color: var(--card);
border: 2px solid rgba(var(--primary-rgb), 0.2);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
/* Tailwind's Pulse Keyframes */
@keyframes pulse {
0%, 100% { opacity: 0.1; }
50% { opacity: 0.05; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c826a64 */.elementor-456 .elementor-element.elementor-element-c826a64{height:440px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40373db *//* =====================================================
BDH DARK GRADIENT BACKGROUND — Reusable
Add class "bdh-dark-bg" to any section
===================================================== */
.bdh-dark-bg {
position: relative;
overflow: hidden;
}
/* Base gradient: primary → accent */
.bdh-dark-bg::before {
content: '';
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(135deg,
hsl(200, 56%, 30%) 0%,
hsl(200, 56%, 27%) 45%,
hsl(181, 48%, 43%) 100%);
}
/* Cross/plus pattern overlay */
.bdh-dark-bg::after {
content: '';
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 0.04;
}
/* All direct children sit above the background */
.bdh-dark-bg > * {
position: relative;
z-index: 2;
}
/* ── ANIMATED GLOW ORBS ──
Add these 3 divs as the first children inside .bdh-dark-bg:
*/
.bdh-orb {
position: absolute;
border-radius: 50%;
pointer-events: none;
z-index: 1;
}
/* Orb 1 — mint green, top-left */
.bdh-orb-1 {
top: 40px;
left: 10%;
width: 288px;
height: 288px;
background: hsl(152, 50%, 57%);
filter: blur(100px);
opacity: 0.18;
animation: bdhOrb1 6s ease-in-out infinite;
}
/* Orb 2 — accent teal, bottom-right */
.bdh-orb-2 {
bottom: 40px;
right: 5%;
width: 384px;
height: 384px;
background: hsl(181, 48%, 43%);
filter: blur(120px);
opacity: 0.15;
animation: bdhOrb2 8s ease-in-out infinite;
animation-delay: 2s;
}
/* Orb 3 — white glow, center */
.bdh-orb-3 {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 500px;
height: 500px;
background: white;
filter: blur(160px);
opacity: 0.06;
animation: bdhOrb3 7s ease-in-out infinite;
animation-delay: 4s;
}
@keyframes bdhOrb1 {
0%, 100% { transform: scale(1); opacity: 0.18; }
50% { transform: scale(1.2); opacity: 0.25; }
}
@keyframes bdhOrb2 {
0%, 100% { transform: scale(1); opacity: 0.15; }
50% { transform: scale(1.3); opacity: 0.20; }
}
@keyframes bdhOrb3 {
0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.06; }
50% { transform: translate(-50%, -50%) scale(1.15); opacity: 0.10; }
}/* End custom CSS */