/**/.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .text-align-right{text-align:right!important}.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}
.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}
.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}
.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}
.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}
.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/@media(max-width:767px){body.dmRoot div[dmtemplateid]:not([dmtemplateid=SlideRightTopFloatM]) .dmHeader .multilingualWidget{position:absolute;top:14px;left:13px;margin-top:0}body.dmRoot div[dmtemplateid][dmtemplateid=SlideRightTopFloatM] .dmHeader .multilingualWidget{position:absolute;top:5px;right:17px}
}@media(min-width:768px) and (max-width:1024px){body:not(.responsiveTablet) #dm div[dmtemplateid=StandardLayoutMultiT] .dmHeader .multilingualWidget{position:absolute!important;top:5px!important;right:17px!important;left:initial!important}
}@media(max-width:767px){body.dmRoot .dmHeader .displayHidden-inner .multilingualWidget{top:0!important}}#dm_content div.dmRespCol div.multilingualWidget,#hcontainer div.dmRespCol div.multilingualWidget{width:auto!important;display:table!important}
.multilingualWidget{clear:both;margin:0;vertical-align:top;display:table!important;font-size:0;font-family:sans-serif}.multilingualWidget.displayNone{display:none!important}.multilingualWidget>div{position:relative}
.multilingualWidget .language{color:#888;display:inline-block}.multilingualWidget .language a{text-align:center;display:inline-block;color:inherit;border:#dadada 1px solid;background-color:#fff}.multilingualWidget .language a img{width:24px;height:26px;min-width:24px;min-height:26px}
.multilingualWidget .language a span{display:none;line-height:initial}.multilingualWidget .language a span.name{margin-top:5px;margin-left:7px;font-size:12px;font-weight:400;text-transform:capitalize}
.multilingualWidget .language a span.short-label{font-size:12px}.multilingualWidget .language a:after{line-height:initial}.multilingualWidget.open .current-language a:after{transform:rotate(-180deg)}.multilingualWidget .current-language a:after{transition:transform .2s}
.multilingualWidget.dropdown .language{width:100%}.multilingualWidget.dropdown .language a{display:block;padding:1px 5px}.multilingualWidget.dropdown .language.other-languages{position:absolute;z-index:800;max-height:0;overflow:hidden;transition:max-height .1s ease-in-out}
.multilingualWidget.dropdown .language.other-languages a{border-top:0!important}.multilingualWidget.dropdown .current-language{position:relative}.multilingualWidget.dropdown .current-language span.name{padding-right:25px}
.multilingualWidget.dropdown .dm-icon{font-size:9px;display:inline-block;position:absolute;top:46%;transform:translateY(-50%);transition:transform .2s;right:8px}.multilingualWidget.dropdown.open .dm-icon{transform:rotate(-180deg) translateY(50%)}
.multilingualWidget.dropdown.open .other-languages{display:block;max-height:300px}.multilingualWidget.dropdown .other-languages,.multilingualWidget.dropdown.flag-only .dm-icon,.multilingualWidget.inline span,.multilingualWidget.no-flag a img{display:none}
.multilingualWidget.dropdown.flag-only a{border:transparent 1px solid;background-color:transparent}.multilingualWidget.dropdown.flag-only.open .language a{background-color:rgba(0,0,0,.3);border:#dadada 1px solid}
.multilingualWidget.dropdown.long-label a{text-align:left;padding:2px 0 2px 5px;position:relative;box-sizing:border-box}.multilingualWidget.dropdown.long-label a span.name,.multilingualWidget.inline.flag-only .language,.multilingualWidget.inline.short-label.no-flag span.short-label{display:inline-block}
.multilingualWidget.dropdown.long-label.no-flag a{padding:7px 10px 9px}.multilingualWidget.dropdown.long-label.no-flag a span.name,.multilingualWidget.dropdown.short-label.no-flag a span.short-label{margin:0;display:inline-block}
.multilingualWidget.dropdown.short-label.no-flag a{padding:8px 22px 9px 10px;font-size:12px;min-height:32px;height:auto;box-sizing:border-box}.multilingualWidget.dropdown.short-label.no-flag .current-language a:after{top:12px}
.multilingualWidget.short-label span.short-label{text-transform:uppercase}.multilingualWidget.inline.flag-only a{padding:2px 5px;height:32px;box-sizing:border-box}.multilingualWidget.inline.flag-only .current-language a{box-shadow:inset 0 0 8px 0 rgba(0,0,0,.6);border-right:0;border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}
.multilingualWidget.inline.flag-only .other-languages a:not(:last-child){border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}.multilingualWidget.inline.flag-only .dm-icon,.multilingualWidget.inline.short-label.no-flag .dm-icon{display:none}
.multilingualWidget.inline.short-label.no-flag .current-language a{padding-right:0;border-right-width:0!important;border-right-color:transparent!important;border-right-style:none!important}.multilingualWidget.inline.short-label.no-flag .current-language a span.short-label{font-weight:700}
.multilingualWidget.inline.short-label.no-flag .other-languages a{border-left-color:transparent!important;border-left-width:0!important;border-left-style:none!important}.multilingualWidget.inline.short-label.no-flag .other-languages a:not(:last-child){padding-right:0;border-right-color:transparent!important;border-right-width:0!important;border-right-style:none!important}
.multilingualWidget.inline.short-label.no-flag a{position:relative;padding:8px 10px;font-size:12px;min-height:32px;height:auto;text-decoration:none}.multilingualWidget.inline.short-label.no-flag a:after{content:"/";position:absolute;top:8px;right:-7px;z-index:1;pointer-events:none}
.multilingualWidget.inline.short-label.no-flag a:hover .short-label{text-decoration:underline}.multilingualWidget.inline.short-label.no-flag .other-languages a:last-child:after{content:""}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}
/* Custom Widgets Styles */
.widget-b3c701 .campaign-card {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  max-width: 400px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  font-family: inherit;
  --highlighterOpacity: 1;
  --lightBlurIntensity: 1;
}

.widget-b3c701 .campaign-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.widget-b3c701 .campaign-card.clicking {
  transform: scale(0.98) translateY(-4px);
  transition: transform 0.15s ease-out;
}

.widget-b3c701 .click-flash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  z-index: 101;
  pointer-events: none;
  transition: opacity 0.15s ease-out;
}

.widget-b3c701 .click-flash.active {
  animation: flashPulse 0.25s ease-out forwards;
}

@keyframes flashPulse {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}

.widget-b3c701 .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  z-index: 100;
  pointer-events: none;
}

.widget-b3c701 .campaign-card:hover .hover-overlay {
  opacity: 1;
  visibility: visible;
}

.widget-b3c701 .hover-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  transform: scale(0.9) translateY(10px);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s, 
              opacity 0.5s ease 0.1s;
}

.widget-b3c701 .campaign-card:hover .hover-text {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.widget-b3c701 .hover-text.pulse {
  animation: textPulse 0.25s ease-out forwards;
}

@keyframes textPulse {
  0% {
    transform: scale(1) translateY(0);
  }
  50% {
    transform: scale(1.08) translateY(0);
  }
  100% {
    transform: scale(1.05) translateY(0);
  }
}

.widget-b3c701 .hover-text span {
  color: #ffffff;
  font-size: 56px;
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.4), 0 6px 30px rgba(0, 0, 0, 0.5);
  font-family: inherit;
}

.widget-b3c701 .campaign-image {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background-color: #f0f0f0;
  position: relative;
  transition: transform 0.4s ease;
}

.widget-b3c701 .campaign-card:hover .campaign-image {
  transform: scale(1.05);
}

.widget-b3c701 .image-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f0f0f0 0%, #e0e0e0 50%, #f0f0f0 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  z-index: 1;
  transition: opacity 0.3s ease;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.widget-b3c701 .campaign-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.4s ease;
}

.widget-b3c701 .campaign-image img.loaded {
  opacity: 1;
}

.widget-b3c701 .campaign-content {
  padding: 24px 24px 8px 24px;
  text-align: center;
}

.widget-b3c701 .campaign-card .campaign-title {
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #E63946;
  text-transform: uppercase;
  margin: 0 0 8px 0 !important;
  line-height: 1.05 !important;
  font-family: inherit !important;
}

.widget-b3c701 .campaign-amount-wrapper {
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0px;
}

.widget-b3c701 .amount-highlight-container {
  position: relative;
  display: inline-block;
  padding: 8px 20px;
}

.widget-b3c701 .highlighter-effect {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-2.5deg);
  width: 0%;
  height: 88%;
  z-index: 0;
  border-radius: 12px;
  opacity: 0;
  background: var(--highlighterColor, #FFF064);
  filter: blur(1.5px) saturate(1.4) contrast(1.15);
}

.widget-b3c701 .highlighter-effect::before {
  content: '';
  position: absolute;
  inset: -6px;
  background: 
    radial-gradient(
      ellipse 32% 40% at 15% 22%,
      rgba(255, 255, 255, calc(0.95 * var(--lightBlurIntensity, 1))) 0%,
      rgba(255, 255, 255, calc(0.5 * var(--lightBlurIntensity, 1))) 25%,
      transparent 55%
    ),
    radial-gradient(
      ellipse 28% 35% at 85% 78%,
      rgba(255, 255, 255, calc(0.9 * var(--lightBlurIntensity, 1))) 0%,
      rgba(255, 255, 255, calc(0.45 * var(--lightBlurIntensity, 1))) 28%,
      transparent 60%
    ),
    radial-gradient(
      ellipse 22% 28% at 88% 75%,
      rgba(0, 0, 0, calc(0.1 * var(--lightBlurIntensity, 1))) 0%,
      rgba(0, 0, 0, calc(0.04 * var(--lightBlurIntensity, 1))) 35%,
      transparent 65%
    ),
    radial-gradient(
      ellipse 24% 30% at 72% 18%,
      rgba(255, 255, 255, calc(0.85 * var(--lightBlurIntensity, 1))) 0%,
      rgba(255, 255, 255, calc(0.35 * var(--lightBlurIntensity, 1))) 35%,
      transparent 65%
    ),
    radial-gradient(
      ellipse 20% 26% at 28% 82%,
      rgba(255, 255, 255, calc(0.8 * var(--lightBlurIntensity, 1))) 0%,
      rgba(255, 255, 255, calc(0.3 * var(--lightBlurIntensity, 1))) 38%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 15% 20% at 25% 82%,
      rgba(0, 0, 0, calc(0.08 * var(--lightBlurIntensity, 1))) 0%,
      rgba(0, 0, 0, calc(0.03 * var(--lightBlurIntensity, 1))) 40%,
      transparent 75%
    ),
    radial-gradient(
      ellipse 20% 25% at 50% 45%,
      rgba(0, 0, 0, calc(0.04 * var(--lightBlurIntensity, 1))) 0%,
      rgba(0, 0, 0, calc(0.015 * var(--lightBlurIntensity, 1))) 45%,
      transparent 80%
    ),
    repeating-linear-gradient(
      -25deg,
      transparent 0px,
      rgba(0, 0, 0, calc(0.025 * var(--lightBlurIntensity, 1))) 1.2px,
      transparent 2.4px,
      transparent 5px
    );
  border-radius: inherit;
  mix-blend-mode: overlay;
  pointer-events: none;
  filter: blur(0.8px);
}

.widget-b3c701 .highlighter-effect::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(
      135deg,
      rgba(255, 255, 255, calc(0.45 * var(--lightBlurIntensity, 1))) 0%,
      rgba(255, 255, 255, calc(0.25 * var(--lightBlurIntensity, 1))) 22%,
      transparent 48%
    ),
    radial-gradient(
      ellipse 30% 35% at 12% 18%,
      rgba(255, 255, 255, calc(0.7 * var(--lightBlurIntensity, 1))) 0%,
      rgba(255, 255, 255, calc(0.25 * var(--lightBlurIntensity, 1))) 35%,
      transparent 65%
    ),
    radial-gradient(
      ellipse 28% 32% at 88% 82%,
      rgba(255, 255, 255, calc(0.65 * var(--lightBlurIntensity, 1))) 0%,
      rgba(255, 255, 255, calc(0.22 * var(--lightBlurIntensity, 1))) 38%,
      transparent 68%
    ),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 400 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.3'/%3E%3C/svg%3E"),
    radial-gradient(
      ellipse 35% 40% at 8% 65%,
      rgba(0, 0, 0, calc(0.12 * var(--lightBlurIntensity, 1))) 0%,
      rgba(0, 0, 0, calc(0.05 * var(--lightBlurIntensity, 1))) 35%,
      transparent 65%
    ),
    radial-gradient(
      ellipse 30% 35% at 92% 28%,
      rgba(0, 0, 0, calc(0.09 * var(--lightBlurIntensity, 1))) 0%,
      rgba(0, 0, 0, calc(0.04 * var(--lightBlurIntensity, 1))) 40%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 25% 30% at 38% 15%,
      rgba(0, 0, 0, calc(0.07 * var(--lightBlurIntensity, 1))) 0%,
      rgba(0, 0, 0, calc(0.03 * var(--lightBlurIntensity, 1))) 45%,
      transparent 75%
    ),
    radial-gradient(
      ellipse 28% 32% at 68% 88%,
      rgba(0, 0, 0, calc(0.1 * var(--lightBlurIntensity, 1))) 0%,
      rgba(0, 0, 0, calc(0.045 * var(--lightBlurIntensity, 1))) 38%,
      transparent 68%
    ),
    repeating-linear-gradient(
      -12deg,
      transparent 0px,
      rgba(0, 0, 0, calc(0.04 * var(--lightBlurIntensity, 1))) 1.5px,
      transparent 3px,
      transparent 7px
    ),
    repeating-linear-gradient(
      78deg,
      transparent 0px,
      rgba(255, 255, 255, calc(0.08 * var(--lightBlurIntensity, 1))) 1.2px,
      transparent 2.4px,
      transparent 6px
    );
  border-radius: inherit;
  opacity: 1;
  pointer-events: none;
  mix-blend-mode: multiply;
}

.widget-b3c701 .highlighter-effect.animate {
  animation: markerStroke 1.2s cubic-bezier(0.16, 0.84, 0.44, 1) forwards;
  filter: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='roughEdge'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.15' numOctaves='4' seed='2' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='6' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E#roughEdge")
    blur(1.5px) saturate(1.4) contrast(1.15);
}

@keyframes markerStroke {
  0% {
    width: 0%;
    height: 88%;
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-3deg) scaleY(0.65);
  }
  5% {
    opacity: calc(0.8 * var(--highlighterOpacity, 1));
  }
  25% {
    height: 98%;
    transform: translate(-50%, -50%) rotate(-2deg) scaleY(1.12);
  }
  35% {
    width: 100%;
    height: 90%;
    transform: translate(-50%, -50%) rotate(-3deg) scaleY(0.96);
  }
  50% {
    width: 107%;
    height: 94%;
    transform: translate(-50%, -50%) rotate(-1.5deg) scaleY(1.04);
  }
  65% {
    width: 112%;
    transform: translate(-50%, -50%) rotate(-2.5deg) scaleY(1.01);
  }
  100% {
    width: 115%;
    height: 92%;
    opacity: calc(0.85 * var(--highlighterOpacity, 1));
    transform: translate(-50%, -50%) rotate(-2deg) scaleY(1);
  }
}

.widget-b3c701 .campaign-amount {
  font-size: 48px;
  font-weight: 700;
  color: #2D3748;
  margin: 0;
  line-height: 1;
  position: relative;
  z-index: 1;
  filter: contrast(1.05);
  text-shadow: 
    0 2px 2px rgba(255, 255, 255, 1),
    0 1px 1px rgba(255, 255, 255, 0.95),
    0 0 3px rgba(255, 255, 255, 0.8);
  font-family: inherit;
}

.widget-b3c701 .raised-label {
  font-size: 16px;
  font-weight: 500;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
  font-family: inherit;
}

.widget-b3c701 .campaign-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: -10px;
}

.widget-b3c701 .campaign-progress,
.widget-b3c701 .campaign-donations {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  justify-content: center;
}

.widget-b3c701 .progress-percentage,
.widget-b3c701 .donations-number {
  font-size: 36px;
  font-weight: 700;
  color: #4A5568;
  line-height: 1;
  flex-shrink: 0;
  font-family: inherit;
}

.widget-b3c701 .progress-label,
.widget-b3c701 .donations-label {
  font-size: 14px;
  font-weight: 400;
  color: #A0AEC0;
  text-transform: uppercase;
  line-height: 1.15;
  max-width: 100px;
  text-align: left;
  font-family: inherit;
}

.widget-b3c701 .stats-divider {
  width: 0;
  height: 44px;
  border-left: 2px dashed #E8E8E8;
  flex-shrink: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .widget-b3c701 .campaign-card {
    max-width: 100%;
    margin: 0;
    width: 100%;
  }
  .widget-b3c701 .campaign-image {
    height: 180px;
  }
  .widget-b3c701 .campaign-content {
    padding: 16px 12px 6px 12px;
  }
  .widget-b3c701 .campaign-card .campaign-title {
    font-size: 18px !important;
    margin-bottom: 6px !important;
  }
  .widget-b3c701 .amount-highlight-container {
    padding: 6px 14px;
  }
  .widget-b3c701 .campaign-amount {
    font-size: 32px;
  }
  .widget-b3c701 .raised-label {
    font-size: 11px;
  }
  .widget-b3c701 .campaign-amount-wrapper {
    margin: 0 0 16px 0;
  }
  .widget-b3c701 .campaign-stats {
    gap: 12px;
    margin-top: -6px;
  }
  .widget-b3c701 .campaign-progress,
  .widget-b3c701 .campaign-donations {
    gap: 4px;
  }
  .widget-b3c701 .progress-percentage,
  .widget-b3c701 .donations-number {
    font-size: 22px;
  }
  .widget-b3c701 .progress-label,
  .widget-b3c701 .donations-label {
    font-size: 9px;
    max-width: 60px;
  }
  .widget-b3c701 .stats-divider {
    height: 32px;
  }
  .widget-b3c701 .hover-text span {
    font-size: 28px;
    letter-spacing: 1px;
  }
  .widget-b3c701 .hover-text {
    gap: 4px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .widget-b3c701 .campaign-image {
    height: 220px;
  }
  .widget-b3c701 .campaign-content {
    padding: 28px 24px 10px 24px;
  }
  .widget-b3c701 .campaign-card .campaign-title {
    font-size: 30px !important;
  }
  .widget-b3c701 .campaign-amount {
    font-size: 44px;
  }
  .widget-b3c701 .raised-label {
    font-size: 15px;
  }
  .widget-b3c701 .progress-percentage,
  .widget-b3c701 .donations-number {
    font-size: 34px;
  }
  .widget-b3c701 .progress-label,
  .widget-b3c701 .donations-label {
    font-size: 13px;
  }
  .widget-b3c701 .hover-text span {
    font-size: 48px;
  }
}

.osd_copyright-left-aligned {
    text-align: left !important;
}
.osd_copyright-centered {
    text-align: center !important;
}
.osd_copyright-right-aligned {
    text-align: right !important;
}
#TXT_CCLSearch {
  border: 1px solid #000000;
  margin-top: 0;
  outline: none;
}

.clsTransactionSUB {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr !important;
  grid-gap: 20px;
}

.MeterText {
  margin-top: 15px;
}

.clsTitle {
  margin-bottom: 10px;
}

.BTN_ViewPage, .BTN_Login {
  margin-bottom: 0 !important;
}

.clsNoofResultsMessage {
  margin-top: 20px;
}

.ClsCCButtons {
  text-align: center;
}

.BTN_ViewPage a, .BTN_Login a {
  text-decoration: none;
}

.clsimgSearch {
  cursor: pointer;
}

.clsTBCSUBMAIN, .tab {
  overflow: hidden;
}

#ClsHead {
  background: lightgrey;
  color: #000000;
  display: flex;
  flex-direction: row;
  column-gap: 25%;
  align-items: center;
  padding: 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  border: 1px solid lightgrey;
}

.page-content {
  background: #fff;
}

.tabbed {
  overflow-x: hidden;
}

.tabs {
  display: flex;
  align-items: stretch;
  list-style: none;
  padding: 0;
  border-bottom: none;
  margin-bottom: 0;
  margin-top: 0;
}

.clstab1, .clstab2, .clstab3 {
  display: block;
  margin-bottom: -1px;
  padding: 3px 10px;
  border: 1px solid #ccc;
  background: #eee !important;
  color: #666;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s;
}

.clstab1, .clstab2, .clstab3:hover {
  border-top-color: #333;
  color: #333;
}

.active {
  border-bottom-color: #fff;
  border-top-color: #B721FF;
  background: #ff0000 !important;
  color: #222;
  display: block;
}

/*Personal Pages UI After Update Css Start*/
.ClsCardSub_Main {
  display: flex;
  flex-direction: column;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

.ClsCardSub_Main1 {
  display: flex;
  width: 100%;
  padding: 20px;
  background-color: #e8eaf0;
}

.ClsCardSub_Main1_header1, .ClsCardSub_Main1_header2 {
  width: 32%;
}

.ClsCardSub_Main2 {
  display: flex;
  width: 100%;
  padding: 10px 20px;
  gap: 10px;
}

.CLS_Row2_CardSub_Main1 {
  width: 65%;
  display: flex;
  align-items: center;
}

.CLS_Row2_CardSub_Main2 {
  width: 34%;
}

@media only screen and (max-width: 768px) {
  .ClsCardSub_Main2 {
    display: flex;
    flex-direction: column;
  }
  .CLS_Row2_CardSub_Main1 {
    width: 100%;
    display: flex;
  }
  .CLS_Row2_CardSub_Main2 {
    width: 100%;
  }
  .ClsCardSub_Main1_header1, .ClsCardSub_Main1_header2 {
    width: 50%;
  }
  .ClsCardSub_Main23 a {
    width: 50% !important;
  }
}
@media only screen and (max-width: 500px) {
  .ClsCardSub_Main2 {
    display: flex;
    flex-direction: column;
  }
  .CLS_Row2_CardSub_Main1 {
    width: 100%;
    display: flex;
  }
  .CLS_Row2_CardSub_Main2 {
    width: 50%;
  }
  .ClsCardSub_Main1_header1, .ClsCardSub_Main1_header2 {
    width: 50%;
  }
  .ClsCardSub_Main23 a {
    width: 50% !important;
  }
}
.ClsCardSub_Main21 {
  width: 50%;
}

.clsTitle {
  width: 100%;
}

.ClsCardSub_Main22 {
  width: 50%;
}

.ClsCardSub_Main23 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: end;
  gap: 10px;
}

/*Personal Pages UI After Update Css End*/

.widget-0bdaf9 {
  /* Odometer styles */
  /* Default dollar values styling (for non-circular designs) */
  /* Circular Progress Styles */
  /* Circular Layout Text Styles - Matching left model */
  /* Top large amount - "$0" - NO white stroke */
  /* Pulse animation - centered and straight */
  /* Label below top amount - "TOTAL DONATIONS" */
  /* Divider line */
  /* Percentage - "0%" with INCREASED letter-spacing */
  /* Goal label - "CURRENT GOAL" */
  /* Goal value - "$246,000" */
  /* Donor count - "0" at bottom with INCREASED letter-spacing */
  /* "GIFTS MADE" label */
  /* Particle animation styles - now controlled via design panel */
  /* Line styles for linear animations */
  /* Shadow styles for circular progress - Applied via JavaScript */
  /* Progress Dot Styles - Circle dots */
  /* Progress Image Styles - Displayed directly without colorization */
}

.widget-0bdaf9 .odometer-value {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.widget-0bdaf9 .odometer.odometer-auto-theme,
.widget-0bdaf9 .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.widget-0bdaf9 .odometer.odometer-auto-theme .odometer-digit,
.widget-0bdaf9 .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.widget-0bdaf9 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.widget-0bdaf9 .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
}

.widget-0bdaf9 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.widget-0bdaf9 .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.widget-0bdaf9 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.widget-0bdaf9 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}

.widget-0bdaf9 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.widget-0bdaf9 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.widget-0bdaf9 .odometer.odometer-auto-theme .odometer-digit .odometer-value,
.widget-0bdaf9 .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.widget-0bdaf9 .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.widget-0bdaf9 .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.widget-0bdaf9 .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.widget-0bdaf9 .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}

.widget-0bdaf9 .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.widget-0bdaf9 .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.widget-0bdaf9 .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.widget-0bdaf9 .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.widget-0bdaf9 .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.widget-0bdaf9 .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.widget-0bdaf9 .donorHonourCon {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 60%;
  width: 100%;
  opacity: 1 !important;
}

.widget-0bdaf9 .donorThermometerCon {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.widget-0bdaf9 .donorThermometerConAll {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  gap: 20px;
}

.widget-0bdaf9 .donorThermometerCon svg {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.widget-0bdaf9 .hori-svg svg {
  bottom: 90px;
}

.widget-0bdaf9 .donorThermometerConAll svg {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.widget-0bdaf9 .linether {
  display: block;
  position: absolute;
  transform-origin: 50% 100%;
  transition: all 0.5 ease-in-out;
}

.widget-0bdaf9 .affced11-8924-4eea-9f6a-2a67c8c99614 {
  font-size: 18.74px;
  font-family: MyriadPro-Regular, Myriad Pro;
}

.widget-0bdaf9 .a9ac3bbf-92c4-467f-997e-97e8d9229a37, .widget-0bdaf9 .affced11-8924-4eea-9f6a-2a67c8c99614 {
  fill: #232323;
}

.widget-0bdaf9 .fdc16e01-6b49-4a97-9db4-1c2f4e39146c {
  fill: #FF5E00;
}

.widget-0bdaf9 .amount-raised-value,
.widget-0bdaf9 .goal-value,
.widget-0bdaf9 .donor-value {
  font-size: 28px;
  font-weight: bold;
}

.widget-0bdaf9 .amount-raised-value {
  color: #FF5E00;
}

.widget-0bdaf9 .circular-progress {
  position: center;
  transition: filter 0.3s ease;
  /* Ensure no rotation on the SVG container */
  transform: none;
}

.widget-0bdaf9 .progress-bg {
  fill: none;
  stroke: #e0e0e0;
  stroke-width: 8;
  stroke-linecap: round;
  /* Only rotate the circle itself, not text or particles */
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.widget-0bdaf9 .progress {
  fill: none;
  stroke: #76c7c0;
  stroke-width: 8;
  stroke-linecap: round;
  transition: stroke-dashoffset 2s cubic-bezier(0.19, 1, 0.22, 1);
  /* Only rotate the circle itself, not text or particles */
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.widget-0bdaf9 .circular-top-amount {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.5px;
  transition: opacity 0.3s ease, filter 0.3s ease;
  transform-origin: center;
  transform-box: fill-box;
  /* Ensure text stays upright */
  transform: none;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
}
.widget-0bdaf9 .circular-top-amount.pulse-once {
  animation: pulse 0.6s ease-out 1;
}

.widget-0bdaf9 .circular-label {
  font-size: 3.5px;
  font-weight: 600;
  letter-spacing: 0.05px;
  /* Ensure text stays upright */
  transform: none;
}

.widget-0bdaf9 .circular-divider {
  stroke: #cccccc;
  stroke-width: 0.5;
}

.widget-0bdaf9 .circular-percent {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.2px;
  /* Ensure text stays upright */
  transform: none;
}

.widget-0bdaf9 .circular-goal-label {
  font-size: 3px;
  font-weight: 600;
  letter-spacing: 0.05px;
  /* Ensure text stays upright */
  transform: none;
}

.widget-0bdaf9 .circular-goal-value {
  font-size: 5px;
  font-weight: 600;
  text-anchor: start;
  /* Ensure text stays upright */
  transform: none;
}

.widget-0bdaf9 .circular-donor-count {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.2px;
  /* Ensure text stays upright */
  transform: none;
}

.widget-0bdaf9 .circular-donor-label {
  font-size: 3px;
  font-weight: 600;
  letter-spacing: 0.05px;
  /* Ensure text stays upright */
  transform: none;
}

.widget-0bdaf9 .border-bottom {
  border-bottom: 1px solid red;
}

.widget-0bdaf9 .hori-table {
  width: 100%;
}

.widget-0bdaf9 .particle {
  fill: rgba(118, 199, 192, 0.6);
  filter: blur(0.5px);
  /* Ensure particles stay in correct orientation */
  transform: none;
}

.widget-0bdaf9 .particle-line {
  stroke: rgba(118, 199, 192, 0.5);
  stroke-width: 0.5;
  stroke-linecap: round;
  fill: none;
  /* Ensure particle lines stay in correct orientation */
  transform: none;
}

.widget-0bdaf9 .particle-line-thinner {
  stroke-width: 0.2;
}

.widget-0bdaf9 .progress-dot {
  transition: cx 0.3s ease, cy 0.3s ease, opacity 0.3s ease;
  /* Ensure progress dot stays in correct position */
  transform: none;
}

.widget-0bdaf9 .progress-dot-solid {
  stroke: none;
  filter: none;
}

.widget-0bdaf9 .progress-dot-glow {
  stroke: none;
  color: inherit;
  filter: url(#glowFilter);
}

.widget-0bdaf9 .progress-dot-pulse {
  stroke: none;
  animation: dotPulse 2s ease-in-out infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes dotPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.widget-0bdaf9 .progress-dot-image {
  transition: x 0.3s ease, y 0.3s ease, opacity 0.3s ease;
  opacity: 1;
  /* Ensure progress image stays in correct position */
  transform: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .donorGoalCon {
    width: 100%;
  }
  .donorsCon {
    width: 100%;
  }
  .donors {
    min-height: 214px;
    max-height: 214px;
  }
}