:root{
    --gradient-shape: url("data:image/svg+xml,%3Csvg width='741' height='418' viewBox='0 0 741 418' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53.4275 0.540292C26.1087 -3.48831 0.339038 15.4404 0.0236869 43.0528C-0.389401 79.2197 4.49624 115.344 14.6016 150.259C29.3539 201.231 54.8858 248.438 89.4688 288.684C124.052 328.93 166.878 361.276 215.049 383.532C263.22 405.788 315.61 417.434 368.673 417.681C421.736 417.929 474.232 406.772 522.609 384.967C570.985 363.162 614.112 331.217 649.069 291.296C684.026 251.374 709.997 204.407 725.224 153.576C735.655 118.756 740.878 82.6789 740.802 46.5098C740.745 18.8956 715.153 -0.272762 687.798 3.5007L623.159 12.4172C595.804 16.1907 577.326 41.6632 574.387 69.1205C573.047 81.6335 570.555 94.0315 566.924 106.155C558.49 134.308 544.106 160.321 524.744 182.432C505.383 204.543 481.497 222.236 454.703 234.313C427.909 246.39 398.833 252.569 369.444 252.432C340.055 252.295 311.038 245.845 284.358 233.518C257.678 221.192 233.958 203.277 214.804 180.986C195.65 158.695 181.509 132.549 173.338 104.318C169.82 92.1614 167.444 79.7407 166.221 67.2158C163.538 39.7322 145.299 14.0883 117.98 10.0597L53.4275 0.540292Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='736.84' y1='101.321' x2='3.96248' y2='-6.75414' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F98B53'/%3E%3Cstop offset='0.4' stop-color='%23E72578'/%3E%3Cstop offset='0.9' stop-color='%232A64F6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    --blue-semi-circle: url("data:image/svg+xml,%3Csvg width='339' height='147' viewBox='0 0 339 147' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M339 146.5C339 107.646 321.142 70.3829 289.355 42.9089C257.567 15.4348 214.454 2.93341e-06 169.5 0C124.546 -2.93341e-06 81.4328 15.4348 49.6454 42.9088C17.858 70.3829 6.78789e-06 107.646 0 146.5L169.5 146.5H339Z' fill='url(%23paint0_linear_172_1217)' fill-opacity='0.12'/%3E%3Cpath d='M339 146.5C339 107.646 321.142 70.3829 289.355 42.9089C257.567 15.4348 214.454 2.93341e-06 169.5 0C124.546 -2.93341e-06 81.4328 15.4348 49.6454 42.9088C17.858 70.3829 6.78789e-06 107.646 0 146.5L169.5 146.5H339Z' fill='url(%23paint1_linear_172_1217)' fill-opacity='0.12'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_172_1217' x1='1020.15' y1='106.409' x2='734.479' y2='138.747' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FE1BBA'/%3E%3Cstop offset='0.278846' stop-color='%23F76808'/%3E%3Cstop offset='0.724134' stop-color='%236647F0'/%3E%3Cstop offset='1' stop-color='%230192FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_172_1217' x1='1020.15' y1='106.409' x2='734.479' y2='138.747' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FE1BBA'/%3E%3Cstop offset='0.278846' stop-color='%23F76808'/%3E%3Cstop offset='0.724134' stop-color='%236647F0'/%3E%3Cstop offset='1' stop-color='%230192FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    --gradient-semi-circle : url("data:image/svg+xml,%3Csvg width='339' height='147' viewBox='0 0 339 147' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M339 146.5C339 107.646 321.142 70.3829 289.355 42.9089C257.567 15.4348 214.454 2.93341e-06 169.5 0C124.546 -2.93341e-06 81.4328 15.4348 49.6454 42.9088C17.858 70.3829 6.7879e-06 107.646 0 146.5L169.5 146.5H339Z' fill='url(%23paint0_linear_172_1238)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_172_1238' x1='79.9234' y1='4.57787' x2='258.521' y2='263.239' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FE1BBA'/%3E%3Cstop offset='0.278846' stop-color='%23F76808'/%3E%3Cstop offset='0.724134' stop-color='%236647F0'/%3E%3Cstop offset='1' stop-color='%230192FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.banner-home{ border-bottom: none; }
.text-grey{ color: #646464; }
.section-title { display: inline; padding-bottom: 0px; background: linear-gradient(90deg, rgba(39, 6, 6, 0) 0%, rgba(0, 0, 0, 0) 41.11%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 57.04%, rgba(255, 255, 255, 0) 100%), #202020; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; letter-spacing: -1%; }
.section-title sup { -webkit-text-fill-color: #202020; }
/* New css */
.hero-image-card { flex-shrink: 0; width: 500px; max-width: 100%; border-radius: 26px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%); position: relative; overflow: visible; margin-left: auto;margin-top: -2rem; }
.hero-image-card::before {  width: 100%;height: 44px;background: linear-gradient(270deg, #2A64F6 15.84%, #A935FF 52.42%, #E72578 92.69%);position: absolute;bottom: 42px;left: 0;content: '';max-width: 523px;left: 0;right: 0;margin: auto;border-radius: 550px;filter: blur(32px);opacity: .7; }
.hero-mask { width: 100%; border-radius: 26px 26px 0 0; display: block; position: relative; }
.hero-technician { max-width: 100%;  position: relative;}
.hero-technician:before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, #ffffff 0% , #ffffff00 70%);}
.hero-card-footer { display: flex; align-items: center; justify-content: center; gap: 30px; padding: 16px 20px 20px; background: #fff; border-radius: 0 0 26px 26px; position: relative; z-index: 2; }
.wd-logo { object-fit: contain; }
.hero-divider { width: 1px; height: 50px; background: linear-gradient(180deg, transparent 0%, #000 47%, transparent 100%); opacity: 0.38; }
.platinum-data { font-family: "Montserrat"; font-weight: 700; font-size: 18px; line-height: 1.4; letter-spacing: 0%; text-transform: uppercase; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 41.11%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 57.04%, rgba(255, 255, 255, 0) 100%), #202020; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
/* New css */
.auth-small-text{ font-size: 1.125rem; color:#3f3f3f; line-height: 1.75rem; letter-spacing: 0%; }
.pb-wrapper-box{ background: linear-gradient(137deg, #FFFFFF 34%, rgba(255, 255, 255, 0) 51%); border-radius:20px; padding: 0px 35px 20px 15px; position: relative; }
.pb-wrapper-box::before { content: ""; position: absolute; inset: 0; padding: 1px; top: 0; bottom: 0; border-radius: 20px; background: linear-gradient(150deg, rgb(231 37 120) 17%, #fff0 35%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; overflow: hidden; }
.partner-benefits { border-radius: 22px; background: linear-gradient(99.47deg, rgba(254, 27, 186, 0.05) 5.72%, rgba(1, 146, 255, 0.05) 92.35%); }
.pb-badge-pill { display: inline-flex; align-items: center; padding: 8px 24px; border-radius: 100px; margin-bottom: 28px; background: #fff; position: relative; top: -18px; left:8px; }
.pb-badge-pill::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 100px; background: linear-gradient(286deg, rgba(42, 100, 246, 1) 5%, rgba(255, 255, 255, 1) 57%, rgba(255, 255, 255, 1) 62%, rgba(231, 37, 120, 1) 95%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.pb-badge-text { position: relative; z-index: 1; font-family: "Montserrat"; font-weight: 600; font-size: 16px; background: linear-gradient(90deg, rgba(231, 37, 120, 1) 6%, rgba(169, 53, 255, 1) 54%, rgba(42, 100, 246, 1) 95%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pb-benefit-item { display: flex; align-items: flex-start; gap: 20px; padding-bottom: 15px; }
.pb-icon { flex-shrink: 0; object-fit: contain; margin-top:10px; }
.pb-benefit-title { font-family: "Montserrat"; font-weight: 600; font-size: 18px; color: #181617; margin-bottom: 6px; line-height: 32px; letter-spacing: 0%; }
.pb-benefit-desc { line-height: 24px; letter-spacing: 0; }
.pb-benefit-plus{color: #ea4189;font-weight: 600; padding-left:3px; display: inline-flex; cursor: pointer;}
/* Popover Custom */
.popover { border: 1px solid #dfd7d7; border-radius: 16px; box-shadow: 0 8px 36px rgba(80, 60, 160, 0.5); padding: 1px; background: #ffffff; max-width: 350px; }
.popover-body { padding: 18px 20px 18px 20px !important; }
/* inner popover layout */
.pop-inner-header { display: flex; align-items: center; gap: 5px; margin-bottom: 10px; }
.pop-title { font-weight: 600; font-size: 16px; color: #181617; font-family: 'Montserrat'; }
.pop-desc { font-size: 14px; color: #686868; font-weight: 500; line-height: 20px; font-family: 'Open Sans', arial, sans-serif; margin-bottom: 0px; padding-left: 5px; }
.pop-learn-more { font-size: 0.84rem; font-weight: 700; display: inline-block; -webkit-text-fill-color: transparent; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; transition: gap 0.5s; }
.pop-learn-more .pop-arrow{ color: #f1f1f1 !important; } 
.pop-learn-more:hover { text-decoration: none; gap: 8px; }
.pb-benefit-coupon { background: #FFFFFF; border: 1px dashed #7B7B7B; border-radius: 2px; font-weight:700; padding: 1px 5px; }
.drive-item { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 0 0 auto; width: auto; max-width: 100%; }
.drive-item span{ font-size: 14px; font-weight: 500; }
.testimonial-bg {  position: relative; overflow: clip; }
.testimonial-bg::before { width: 100%; height: 56%; border-radius: 500px; content: ""; position: absolute; left: 0; top: 0; right: 0; margin: auto; background: #ffffff; filter: blur(4rem); transform: scale(1.9); }
.testimonial-container{ background: #ffffff; border-radius: 28px; position: relative; overflow: clip; }
.testimonial-container::before { content: ""; position: absolute; left: 0; right: auto; top: 0; width: 100%; height: 20%; background: linear-gradient(90deg, #FE1BBA 0%, #F76808 27.88%, #6647F0 58.17%, #0192FF 100%); filter: blur(4rem);  opacity: 14%; border-radius: 100%; }
.testimonial-container::after { content: ""; position: absolute; left: 0; right: auto; bottom: 0; width: 100%; height: 32%; background: linear-gradient(88deg, #FE1BBA 0%, #F76808 27.88%, #6647F0 58.17%, #0192FF 100%); filter: blur(4rem); opacity: 20%; }
.cust-text{ background: linear-gradient(90deg, #2a64f6 5%, #a935ff 46%, #e72578 81%); -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 700; display: inline-block; }
.ourStories { margin-top: -5.4rem; }
.ourStories .carousel-item{ display: flex; justify-content:space-between; align-items: flex-start; } 
.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none; } 
.story_text { max-width: 490px; width: 100%; margin-top: 6rem; padding-right: 2rem; }
.story_text .h5{ font-size: 24px; font-family: 'Montserrat'; font-weight: 400; color: #6c6c6c;line-height: 1.4; letter-spacing: -1%; }
.ourStories .carousel-item .story_text { background: #ffffff; }
.ourStories .story-carousel-ready .carousel-item .story_text { opacity: 0;transition: opacity .45s ease; will-change: opacity; }
.ourStories .story-carousel-ready .carousel-item.active .story_text,
.ourStories .story-carousel-ready .carousel-item .story_text.is-visible { opacity: 1; }
.ourStories .story-carousel-ready .carousel-item .story_text.is-leaving { opacity: 0; transition-duration: .28s; }
.testimonial-box { z-index: 1; background: #FFFFFF; box-shadow: 0px 4px 30.1px rgba(0, 0, 0, 0.1); padding-top: 15px; margin-bottom: 3.5rem !important; margin-top: 1.5rem !important; }
.video-quotes { position: relative; }
.video-quotes::before { content: ""; position: absolute; left: auto; top: -56px; z-index: -1; opacity: 0.52; filter: blur(24.15px); width: 85px; height: 85px; background: linear-gradient(326.2deg, #2A64F6 1.76%, #A935FF 40.92%, #E72578 74.55%); border-radius: 50px; }
.quotes-icons { position: relative; }
.quotes-icons::before { content: ""; position: absolute; left: auto; top: auto; margin-top: -3.5rem; width: 85px; height: 85px; background-image: url('../images/western-digital/quotes-new-2.png'); background-repeat: no-repeat; }
.testimonial-container .carousel-indicators { justify-content: flex-start; left: 0; margin-left: 0; max-width: 400px; bottom: 30px; }
.testimonial-container .carousel-indicators li { width:58px; height:58px; margin-right: 3px; margin-left: 3px; text-indent: -0; cursor: pointer; background-color: transparent; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; transition: opacity .6s ease; opacity: 1; transition: ease-in-out .3s; margin: 0 .8rem; }
.testimonial-container .carousel-indicators li img { border: solid 2px #ffffff00; border-radius: 100%; max-width: 100%; }
.testimonial-container .carousel-indicators li.active img { border: solid 2px #fff; border-radius: 100%; }
.testimonial-container .carousel-indicators li.active { transform: scale(1.3) translateY(-10px); filter: drop-shadow(0px 7px 10px #e11f2690); }
.recovery-process.play-closed { margin-bottom:1rem; }
.recovery-process.play-closed .video-icon{ z-index:1; }
.recovery-process.play-closed:hover .video-icon{ width:auto; z-index:1; }
.bottom_bg{position:relative;}
.bottom_bg::after { content: ""; position: absolute; width: 100%; height:100%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.71%, #000000 97.38%); mix-blend-mode: multiply; opacity: 0.75; border-radius: 20px; }
.recovery-process .user_details { left: 2rem; bottom: 2rem; font-family: 'Montserrat'; position: absolute; }
.recovery-process .user_details .u-name{ display:flex; font-size: 18px; font-weight: 700; color: #ffffff; }
.recovery-process .user_details .u-details{ display: block; padding-top: 0.1rem; color:#ffffff; font-size: 14px; font-weight: 400; }
.storage-wrapper{ position: relative; }
.storage-wrapper::before { content: ''; position: absolute; width: 100%; height: 90%; background: linear-gradient(178.71deg, #FFFFFF 16.94%, #F0F9FF 55.58%, #FFFFFF 77.31%); transform: rotate(-180deg); filter: blur(3rem); }
.storage-container { margin-top: 2rem; }
.storage-card { position: relative; flex: 1 1 0%; background: #fff; border-radius: 15px; padding: 15px 22px; width: 100%; height: 100%; overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } 
.storage-title { font-size: 16px; line-height: 22px; letter-spacing: -2%; color: #272727; }
.storage-description{ font-size: 14px; line-height: 20px; letter-spacing: 0%; color: #515151; }
.storage-card::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 15px; background: linear-gradient(270deg, rgb(42, 100, 246) 13%, rgb(255, 255, 255) 44%, rgb(255, 255, 255) 53%, rgb(231, 37, 120) 95%); mask: linear-gradient(#fff 0 0) content-box exclude, linear-gradient(#fff 0 0); z-index:2; } 
.storage-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(297deg, rgba(222, 231, 255, 1) 5%, rgba(255, 255, 255, 1) 67%, rgba(255, 224, 237, 1) 95%); opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 0; } 
.storage-card > * { position: relative; z-index: 1; } .storage-card:hover::after { opacity: 1; } 
.storage-card:hover { box-shadow: 3px 4px 18.6px rgba(255, 61, 61, 0.19); transform: translateY(-3px) scale(1); }
.storage-card-secondary { position: relative; flex: 1 1 0%; background: #fff; border-radius: 15px; padding: 15px 22px; width: 100%; height: 100%; overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; }
.storage-card-secondary::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: inherit; pointer-events: none; background: linear-gradient(90deg, rgb(42, 100, 246) 13%, rgb(255, 255, 255) 44%, rgb(255, 255, 255) 53%, rgb(231, 37, 120) 95%); mask: linear-gradient(#fff 0 0) content-box exclude, linear-gradient(#fff 0 0); z-index: 2; } 
.storage-card-secondary::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, rgba(222, 231, 255, 1) 5%, rgba(255, 255, 255, 1) 50%, rgba(255, 224, 237, 1) 95%); opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 0; } /* Content layer */ 
.storage-card-secondary > * { position: relative; z-index: 1; } 
.storage-card-secondary:hover::after { opacity: 1; } 
.storage-card-secondary:hover { box-shadow: 3px 4px 18.6px rgba(255, 61, 61, 0.19); transform: translateY(-3px) scale(1); }
.bento_container { display: flex; flex-direction: column; row-gap: 20px; margin-top: 3rem; position: relative; margin-bottom: 2rem; }
.bento_row { display: grid; grid-template-columns: 3fr 2fr 2fr; gap: 20px; }
.bento_column { background: linear-gradient(90deg, #E11F26 0%, #FFFFFF 53%, #2F5795 96%); padding: 1px; border-radius: 10px; display: flex; }
.bento_column .bento_col_container { overflow: hidden; padding: 1rem 1.5rem; width: 100%; border-radius: 9px; text-align: left; display: flex; flex-direction: row; position: relative; align-items: center; }
.bento_column .bento_col_container:before { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(147deg, #f53843 10%, #2f5795 68%); content: '';  }
.bento_column .bento_col_container .bento-content { margin-top: 1rem; }
.bento_column .bento_col_container img { position: relative; margin-left: 1.5rem; z-index: 2; }
.bento_column .bento_col_container .bento-content h3 { font-size: 16px; font-weight: 700; line-height: 22px; letter-spacing: -2%; color: #272727; position: relative; z-index: 2; transition: ease-in-out .3s; }
.bento_column .bento_col_container .bento-content p { font-size: 14px; line-height: 20px; letter-spacing: 0%; color: #515151; margin-bottom: 0; position: relative; z-index: 2; transition: ease-in-out .3s; }
.bento_column .bento_col_container:after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; content: ''; z-index: 1; opacity: 1; transition: ease-in-out .3s; }
.bento_row_2 { grid-template-columns: 2fr 2fr 3fr; }
.wd-marquee-container { overflow: hidden; white-space: nowrap; position: relative; width: 100%; }
.wd-marquee-container:before { content: ''; position: absolute; width: 150px; background: linear-gradient(-90deg, #ffffff00 10%, #ffffff 90%); left: 0; height: 100%; z-index: 1; top: 0; bottom: 0; }
.wd-marquee-container:after { content: ''; position: absolute; width: 150px; background: linear-gradient(90deg, #ffffff00 10%, #ffffff 90%); right: 0; height: 100%; z-index: 1; top: 0; bottom: 0; }
.wd-marquee-track { display: inline-flex; align-items: center; column-gap: 2rem; animation-name: wd-marquee-scroll; animation-duration: 50s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; will-change: transform; margin-top: 1rem; margin-bottom: 1rem; }
.wd-marquee-track img { display: flex; box-sizing: border-box; justify-content: center; align-items: center; padding: 10px;}
@keyframes wd-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.wd-marquee-container:hover .wd-marquee-track { animation-play-state: paused !important; }
@keyframes rotate {    from { transform: rotate(0deg); } to { transform: rotate(360deg); }  }
/* --- Cause Cards --- */
.cause-wrapper { position: relative; background: linear-gradient(0deg, rgba(255, 255, 255, 0.44) -1.6%, rgba(218, 239, 255, 0.44) 11.11%, rgb(181 223 255 / 7%) 72.65%, rgb(255 219 251 / 19%) 87.74%); }
.cause-wrapper:before { width: 100%; height: 898px; border-radius: 500px; content: ""; position: absolute; top: -349px; background: #ffffff; filter: blur(3rem); transform: scale(1); }
.cause-card { position: relative; border: none; background: none; }
.cause-card-container { position: relative; border-radius: 20px; padding: 20px 35px; height: 100%; border: solid 3px #ffffff; z-index: 2; }
.blue-gr{ position: relative; }
.blue-gr::before{ right: -6rem; bottom: -2rem; position: absolute; content: ""; filter: blur(4rem); width: 320px; height: 147px; background-image: var(--blue-semi-circle); background-repeat: no-repeat; background-size: contain; }
.red-gr{ position: relative; }
.red-gr::before { right: -6rem; bottom: auto; top: -2rem; filter: blur(4rem); opacity: .3; position: absolute; content: ""; width: 339px; height: 147px; background-image: var(--gradient-semi-circle); background-repeat: no-repeat; background-size: contain; }
.card-3::before { left: -5rem; right: auto; }
.card-4::before { top: auto; right: auto; bottom: -1rem; left: -3rem; }
.card-5::before { top: auto; left: 2rem; bottom: -1rem; }
.card-6::before { top: auto; right: -3rem; bottom: -1rem; }
/* --- Recovery Process --- */
.glass-card { position: relative; padding: 15px; border-radius: 25px; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.glass-card::before { content: ""; position: absolute; width: 100%; height: 400px; left: -50px; filter: blur(3rem); z-index: -1; bottom: -82px; margin: auto; opacity: .31; background: var(--gradient-shape); background-size: 100%; background-repeat: no-repeat; }
.background-glow { position: absolute; top: -80px; right: -200px; width: 700px; height: 700px; background: linear-gradient( 90deg, rgba(249, 139, 83, 0.3) 0%, rgba(231, 37, 120, 0.3) 40%, rgba(42, 100, 246, 0.3) 90% ); filter: blur(80px); border-radius: 50%; transform: rotate(-170deg); pointer-events: none; z-index: 0; }
.process-steps.compact-wrap::before { background: repeating-linear-gradient(to bottom, #aba5a5, #aba5a5 6px, transparent 6px, transparent 12px) !important; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%); top: -20px !important; height: calc(107% + 20px) !important; }
.process-steps.compact-wrap .process-thumb::before { width: 30px !important; height: 30px !important; right: auto !important; top: 53% !important; left: calc(27% - 15px) !important; background: #fff url('../images/western-digital/dot.png') no-repeat center center !important; background-size: 22px 22px !important; box-shadow: none; }
.process-steps .col-12:last-child .process-thumb::before { content: "" !important; display: block !important; opacity: 1 !important; visibility: visible !important; }
.process-steps.compact-wrap .process-thumb::after { content: none; }
.process-steps.compact>div{ margin-top:10px !important}
.process-head { display: flex; flex-direction: column; row-gap: 6px; }
.process-head .step-tag { font-size: 15px; position: relative; display: inline-flex; text-align: center; width: 67px; padding: 2px; margin-top: -23px; }
.process-head .step-tag i { display: inline-block; background-color: #181717; padding: 0 10px; border-radius: 5px; transform: skew(-20deg); }
.step-tag i span { display: inline-block; transform: skew(20deg); color: #fff; font-size: 12px; font-weight: bold; font-style: normal; margin-bottom: 3px; }
.recovery-process:hover .video-icon { width: 250px; }
.ts-sec-bg{ position: relative; }
.ts-sec-bg::before { content: ""; position: absolute; width: 850px; height: 362px; border-radius: 100%; top: -173px; left: 50%; transform: translateX(-50%); opacity: 0.08; filter: blur(3rem); background: linear-gradient(90deg, rgba(254, 27, 186, 0.63) 8.85%, rgba(247, 104, 8, 0.63) 32.37%, rgba(102, 71, 240, 0.63) 72.28%, rgba(1, 146, 255, 0.63) 90%); }
.ts-card { background: linear-gradient(90deg, #E11F26 0%, #FFFFFF 53%, #2F5795 96%); padding: 1px; border-radius: 25px; /* box-shadow: 1px 0 10.6px rgb(0 0 0 / .25); */ transition: ease-in-out .3s; display: flex; max-width: 100%; }
.ts-card-wrapper { width: 100%; background: #fff; padding: 40px; border-radius: 25px; position: relative; z-index: 1; display: flex; flex-direction: column; text-align: left; color: #555; }
.ts-card-wrapper.blue-gr::before { left: 7rem; right: 0; bottom: 0rem; opacity: 0.6; }
.valued-gr::before { top: auto; left: auto; bottom: 0rem; right: 6rem; opacity: 0.1; }
.ts-card-title { font-size: 28px; font-weight: 700; line-height: 39px; letter-spacing: -1%; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37.53%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 62.47%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #202020, #202020), #181617; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.ts-card-desc{ font-size: 16px; line-height: 25px; letter-spacing: 0%; color: #404040; }
.ts-google-box{ background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 66.58%, rgba(255, 255, 255, 0) 90.3%); border-radius: 16px; padding: 16px 20px; display: flex; align-items: center; gap: 20px; position: relative; margin-top: 1.25rem; margin-bottom: 1rem;}
.ts-google-box::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 16px; background: linear-gradient(90deg, rgba(234, 67, 53, 1) 0%, rgba(251, 188, 5, 1) 10%, rgba(52, 168, 83, 1) 24%, rgba(66, 133, 244, 1) 38%, rgba(66, 133, 244, 0) 72%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.ts-google-left{ display: flex; align-items: center; gap: 10px; }
.ts-google-divider { width: 1px; height: 70px; background: linear-gradient(180deg, transparent 5%, #737373 47%, transparent 98%); opacity: 0.7; }
.ts-reviews-note{ font-size: 12px; color: #424242; line-height: 18px; margin: 0; max-width: 170px; letter-spacing: 0%; }
.trustpilot_rating { display: flex; align-items: center; column-gap: 3px; }
.trustpilot_rating .trustpilot_logo { display: flex; width:20px; height:20px; background:url('../images/western-digital/trust-pilot-star.png') no-repeat; }
.trustpilot_rating .trustpilot_text { font-weight: 600; font-size: 14px; color: #181617;}
.marquee-container { overflow: hidden; position: relative; width: 100%; }
.marquee-track { display: inline-flex; align-items: center; column-gap: 2rem; width: max-content; animation: marquee-scroll 50s linear infinite; animation-play-state: running; will-change: transform; margin: 1rem 0;transition: transform 0.3s ease; }
.marquee-track .brand-item { background: linear-gradient(90deg, rgba(183, 183, 183, 1) 18%, rgba(183, 183, 183, 0) 50%, rgba(183, 183, 183, 1) 100%); padding: 1px; border-radius: 10px; display: flex; flex-direction: column; flex: 0 0 auto; overflow: hidden; }
.marquee-track .brand-item img { width: 125px; height: 90px; padding: 20px; background: linear-gradient(183.56deg, #FFFFFF 2.93%, #EBF6FF 154.09%), #FFFFFF; border-radius: 10px; }
.marquee-container:after{content: ''; position: absolute; width: 100px; width: 35px; background: linear-gradient(90deg, #ffffff00 0%, #ffffff 100%); right: 0; height: 100%;  z-index: 1; top: 0}
.marquee-container:before{content: ''; position: absolute; width: 100px; width: 35px; background: linear-gradient(-90deg, #ffffff00 0%, #ffffff 100%); left: 0; height: 100%; z-index: 1;  top: 0}
.marquee-container:hover .marquee-track { animation-play-state: paused; }
@keyframes marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes rotate { from { transform: rotate(0deg); } to   { transform: rotate(360deg); } }
.v-line::before{ content: ""; position: absolute; inset: 0; width: 1px; height:100%; background: linear-gradient(180deg, transparent 5%, #737373 47%, transparent 98%); opacity: 0.7; }
.clean-room-section { background: linear-gradient(0deg, #FDFEFF 0.75%, #FF8DC5 47.61%, #ADDBFE 61.34%, #FFFFFF 96.58%); background-repeat: no-repeat; overflow: clip; height: 100%; background-size: cover; position: relative; }
.clean-room-section:before { border-radius: 100%; background: #fff; position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; filter: blur(11rem); transform: scale(1.4); z-index: 0; right: 0; bottom: 0; margin: auto; }
.help-box { border-radius: 22px 22px 0px 0px; background: linear-gradient(81.84deg, #FFFFFF -12.58%, #DEEDFE 37.67%, #FFE1EE 80.12%, #FFFBFD 95.12%); }
.rainbow-blue-text { display:inline; background: linear-gradient(90deg, #2A64F6 2.5%, #A935FF 53.71%, #E72578 97.69%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.clean_conatainer h2 { font-size:28px; line-height: 42px; letter-spacing: -3%; }
.clean-desc{ font-size: 16px; line-height: 24px; letter-spacing: 0%; color: #181617; }
.stand-out { position: relative; }
.stand-out::before { content: ''; position: absolute; background: linear-gradient(89.71deg, #E72578 -7%, #2A64F6 85.23%); border-radius: 0 0 22px 22px; width: 100%; height: 64%; padding: 1px; overflow: hidden; filter: blur(7px); bottom: -12px; opacity: .20; }
.stand-out-effect{background: #ffffff; border-radius: 0 0 22px 22px;}
/* ---- Strip wrapper ---- */
.stats-strip { padding: 1.5rem 1rem; }
 /* ---- Single stat item ---- */
.stat-item { display: flex; align-items: center; gap: 12px; padding: 0.5rem 0.75rem; } .stat-text{ color:#303030; font-size: 14px; line-height: 18px; letter-spacing: -1%; max-width:max-content; }
/* Icon circle */
.stat-icon img { flex-shrink: 0; display: flex; align-items: center; justify-content: center; } 
.stat-divider{ padding-right: 10px; }
.stat-divider::after { content: ''; position: relative; width: 2px; height: 60px; background: linear-gradient(180deg, transparent 5%, #737373 47%, transparent 98%); opacity: 0.7; }
.btn-gradient-blue,.btn-gradient-blue:hover, .btn-gradient-blue:active, .btn-gradient-blue:focus { background: linear-gradient(89.54deg, #2A64F6 15.84%, #A935FF 52.42%, #E72578 92.69%); color:#fff; border-radius: 10px; line-height: 28px; }
.btn-gradient-call{ background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #2a64f6 5%, #a935ff 46%, #e72578 81%) border-box;
box-shadow: -1px 0px 41.7px 2px #FFC0C4; border-radius: 10px; color: #181617; padding: 8px 15px 16px 15px; border: 1px solid transparent; font-size: 24px; line-height: 18px; letter-spacing: 2%; font-weight: 700; }
.btn-gradient-call:hover, .btn-gradient-call:active, .btn-gradient-call:focus { color: #181617; background: linear-gradient(60deg, #e8efff -10% 50%) padding-box padding-box, linear-gradient(60deg, #2a64f6 0% 100%) border-box; box-shadow: -1px 0 41.7px 2px #2a64f666; }
.btn-gradient-call span { color:#666666; letter-spacing: 0.2%; margin-top: -12px; font-size: 14px; font-weight: 500; display: block; position: absolute; left: 43px; }
.btn-lg.btn-gradient-call, .btn-group-lg>.btn.btn-gradient-call { padding: 5px 20px 15px; }
.btn-lg.btn-gradient-call>img, .btn-group-lg>.btn.btn-gradient-call img { margin-top:15px; height:33px; max-height: 33px; margin-right: 13px; }
.btn-lg.btn-gradient-call span, .btn-group-lg>.btn.btn-gradient-call span { left: 58px; }
/* for Faq */
.faq-wrapper .accordion-wrapper::before { content: none; }
.faq-wrapper .accordion-wrapper{ background:#C5D6FF; border:1px solid transparent; box-shadow: none; border-radius: 10px; }
.faq-wrapper .accordion:after{ background: url('../images/western-digital/plus.svg'); width: 22px; height: 22px; }
.faq-wrapper .accordion.active:after { transform: rotate(180deg) !important; background: url('../images/western-digital/minus.svg'); width: 22px; top: 35px !important; height: 4px !important; }
.faq-wrapper .accordion-wrapper[aria-expanded="true"]{ background-image: linear-gradient(white, white), linear-gradient(to right, #FE1BBA, #F76808, #6647F0, #0192FF); box-shadow: 0 10px 30px rgba(254, 27, 186, 0.15); background-origin: border-box; background-clip: content-box, border-box; }
.rainbow-blue-counter { display: inline; background: linear-gradient(90deg, #E72578 0%, #8945B7 50%, #2A64F6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.small_counter .counter_text { font-size: 42px; font-weight: 600; }
.small_counter .h6 { font-size: 14px; font-weight: 700; }
@media (max-width: 575.98px) {
  .stats-strip{ -ms-flex-direction: column!important; flex-direction: column !important; }
  .stat-divider::after{content: none;}
  .glass-card::before{content: none;}
}
@media screen and (max-width: 767.98px) {
    .partner-benefits{ border-radius: 0px 0px 22px 22px; }
    .pb-badge-pill { padding: 7px 15px; font-size: 12px; top: -16px; left: 8px; }
    .pb-wrapper-box::before{right: 10px;}
    .pb-benefit-item { display: block; }
    .pb-benefit-title { font-size: 16px; line-height: 24px; }
    .pb-badge-text{ font-size: 12px; }
    .pb-benefit-content { padding: 0 15px; margin-top: 10px; }
    .popover{ max-width: 280px; }
    .popover-body { padding: 8px 10px !important; }
    .btn-lg.btn-gradient-call, .btn-group-lg>.btn.btn-gradient-call { padding: 10px 12px 22px 12px; font-size: 18px; }
    .btn-lg.btn-gradient-call>img, .btn-group-lg>.btn.btn-gradient-call img { margin-top: 7px; height: 18px; max-height: 25px; margin-right: 8px; }
    .btn-lg.btn-gradient-call span, .btn-group-lg>.btn.btn-gradient-call span { left: 37px; margin-top: -6px; font-size: 12px; }
    .recovery-process .video-icon .video-text { font-size: 14px; top: 31%; }
    .video-quotes::before{ left: 18px; }
    .quotes-icons::before{ left: 18px; }
    .ourStories .carousel-item{display: block;}
    .carousel-indicators { position: static; justify-content: center !important; margin-top: 2rem; margin-right: 0; }
    .cust-text { display:flex; justify-content: center; }
    .ourStories .carousel-item .story_text{ display: flex; justify-content: center; max-width: 100%; padding: 1rem; margin-bottom: 1.5rem; }
    .stat-text{max-width: max-content;}
    .stat-divider::after { content: none; }
    .story_text .h5{ font-size: 18px;  }
    .recovery-process:hover .video-icon { width: 200px; }
    .recovery-process .user_details .u-name{ font-size: 16px; }
    .recovery-process .user_details .u-details{ font-size: 12px; }
    .ts-card.trust-pilot{ position: relative; z-index: 2;}
    .ts-card-wrapper{ padding: 20px; } .ts-card-title { font-size: 24px; line-height: 28px; }
    .glass-card::before { bottom: -30px; }
    .stats-strip{ flex-wrap: wrap; justify-content: space-between; }
    section{ overflow: hidden; }
    .clean-room-section:before{ filter: blur(6rem); }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .video-quotes::before{ left: 18px; }
    .quotes-icons::before{ left: 18px; }
    .pb-wrapper-box::before{right: 10px;}
    .carousel-indicators{ position:static; }
    .story_text .h5{ font-size: 20px; }
    .recovery-process:hover .video-icon { width: 210px; }
    .recovery-process .video-icon .video-text { top: 27%; }
    .recovery-process .user_details .u-name{ font-size: 16px; }
    .recovery-process .user_details .u-details{ font-size: 12px; }
    .glass-card::before { bottom: -30px; }
    .stats-strip{flex-wrap: wrap;}
    section{ overflow-x: hidden; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .carousel-indicators{ position:static; }
  .hero-image-card {width: 490px;}
  .hero-image-card::before { width: 500px; }
  section{ overflow-x: hidden; }
  .platinum-data{font-size: 16px;}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
  .glass-card{ margin-top: -3.5rem; }
  .testimonial-box { margin-bottom: 3rem !important; margin-top: 1.5rem !important; }
  
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
  .glass-card { margin-top: -4.5rem; }
  .testimonial-box { margin-bottom: 3rem !important; margin-top: 1.5rem !important; }
}
@media (min-width: 1200px) {
.servicebox.video-box { margin: 0 15px; }
}
@media (min-width: 1600px) {
  .hero-image-card {width: 526px;}
  .section-title{  font-size: 34px; }
  .clean_conatainer h2 { font-size:32px; }     
  .testimonial-box { margin-bottom: 4.5rem !important; margin-top: 3.5rem !important; }
  .glass-card{ margin-top: 0rem; }
  .glass-card::before{ left: -30px; bottom: -30px; }
  .storage-container { margin-top: 3rem; }
}