/* ===== VeloraWeb 2026 design ===== */
/*
  Donation theme — "Hearth".
  Warm cream surfaces, burnt-orange call to action, deep navy for trust.
  Colours come from the tenant variables (--main-color-one = action colour,
  --main-color-two = navy). Fonts: --heading-font (Fraunces), --body-font (Nunito Sans).
  Everything below overrides the vendor rules above; nothing above was removed.
*/
:root {
  --vw-d-radius: 20px;
  --vw-d-radius-sm: 12px;
  --vw-d-pill: 999px;
  --vw-d-ink: var(--heading-color, #1C1917);
  --vw-d-text: var(--paragraph-color, #57534E);
  --vw-d-cream: var(--bg-light-one, #FBF7F1);
  --vw-d-blush: var(--bg-light-two, #FFF1E6);
  --vw-d-navy: var(--main-color-two, #1E3A5F);
  --vw-d-line: #E7E1D8;
  --vw-d-shadow: 0 1px 2px rgba(28, 25, 23, .05), 0 8px 24px rgba(28, 25, 23, .06);
  --vw-d-shadow-hover: 0 18px 40px rgba(28, 25, 23, .12);
  --vw-d-section: clamp(64px, 8vw, 112px);
}

body {
  color: var(--vw-d-text);
  font-family: var(--body-font);
  font-size: 17px;
  line-height: 1.65;
  background: #fff;
}
h1, h2, h3, h4, h5, h6,
.tittle, .featureTittle, .footerTittle {
  font-family: var(--heading-font);
  color: var(--vw-d-ink);
  letter-spacing: -0.01em;
}
p, .pera { color: var(--vw-d-text); }

/* ---------- Section rhythm and titles (no doodles) ---------- */
.section-padding, .section-padding2 {
  padding-top: var(--vw-d-section) !important;
  padding-bottom: var(--vw-d-section) !important;
}
.sectionBg1 { background: var(--vw-d-cream) !important; }
.sectionBgHalf { background: #fff; }
.sectionBgHalf::before, .sectionBgHalf2::before { background: var(--vw-d-cream) !important; background-image: none !important; }
.section-tittle .tittle,
.sliderArea .heroCaption .tittle { position: relative; }
.section-tittle .tittle::before,
.section-tittle .tittle::after,
.sliderArea .heroCaption .tittle::before,
.sliderArea .heroCaption .tittle::after,
.section-tittle .tittle .shape,
.small-tittle .tittle::before,
.small-tittle .tittle::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
.section-tittle .tittle {
  font-size: clamp(30px, 3.6vw, 46px) !important;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 14px;
}
.section-tittle .tittle .textColor,
.section-tittle .tittle .color,
.slideEffect {
  color: var(--main-color-one) !important;
  font-style: italic;
  background: none !important;
  -webkit-text-fill-color: currentColor;
}
.section-tittle.section-tittle2 .tittle {
  font-size: clamp(22px, 2.2vw, 28px) !important;
  font-family: var(--body-font);
  font-weight: 700;
  letter-spacing: 0;
}
.section-tittle .pera { color: var(--vw-d-text); font-size: 18px; }
/* An eyebrow rule above every section title. */
.section-tittle:not(.section-tittle2)::before {
  content: "";
  display: block;
  width: 44px;
  height: 4px;
  border-radius: 4px;
  background: var(--main-color-one);
  margin-bottom: 18px;
}
.section-tittle.text-center::before,
.text-center > .section-tittle::before { margin-left: auto; margin-right: auto; }
.heroCaption .section-tittle::before { display: none; }

/* ---------- Top bar + navigation ---------- */
.header-top {
  background: var(--vw-d-navy) !important;
  border-bottom: 0 !important;
  padding: 8px 0 !important;
}
.header-top .header-info-left .listing .listItem,
.header-top .header-info-left .listing .listItem a,
.header-top .header-info-left .listing .listItem .icon,
.header-top .user-account a,
.header-top .user-account span,
.header-top .nice-select .current,
.header-top .nice-select::after {
  color: #F5F5F4 !important;
  border-color: #F5F5F4 !important;
  font-size: 14px;
  margin-bottom: 0 !important;
}
.header-top .nice-select { background: transparent !important; border: 0 !important; }
.header-top .nice-select .list .option { color: var(--vw-d-ink); }
.header-top .header-cart .listItem .social,
.header-top .header-cart .listItem a {
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 30px; height: 30px;
  display: inline-flex; align-items: center; justify-content: center;
}
.header-top .header-cart .listItem a:hover { background: var(--main-color-one) !important; }
.header-style-01, .headerBg1 { background: #fff !important; }
.navbar-area {
  background: rgba(255, 255, 255, .92);
  backdrop-filter: saturate(160%) blur(10px);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
  border-bottom: 1px solid var(--vw-d-line);
}
.navbar-area .nav-container { padding-top: 10px; padding-bottom: 10px; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li a,
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children > .menuArrow {
  font-family: var(--body-font) !important;
  font-weight: 600 !important;
  font-size: 15.5px !important;
  color: var(--vw-d-ink) !important;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav > li > a:hover,
.navbar-area .nav-container .navbar-collapse .navbar-nav > li.current-menu-item > a {
  color: var(--main-color-one) !important;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-radius: var(--vw-d-radius-sm);
  border: 1px solid var(--vw-d-line);
  box-shadow: var(--vw-d-shadow-hover);
  padding: 8px;
  border-top: 0 !important;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu > li > a {
  border-radius: 8px;
  padding: 10px 14px !important;
}

/* ---------- Buttons: one family, pill radius ---------- */
.btn-wrapper .cmn-btn, .btn-wrapper .cmn-btn2, .btn-wrapper .cmn-btn3, .btn-wrapper .cmn-btn4,
.cmn-btn, .cmn-btn2, .cmn-btn4, .white-btnFill, .white-btnBorder,
.btn-wrapper .borderBtn, .btn-wrapper .browseBtn.btnBorder {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 14px 28px !important;
  line-height: 1.2 !important;
  border-radius: var(--vw-d-pill) !important;
  font-family: var(--body-font) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: .01em;
  text-transform: none;
  overflow: hidden;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease, border-color .2s ease !important;
}
.btn-wrapper .cmn-btn::before, .btn-wrapper .cmn-btn::after,
.btn-wrapper .cmn-btn2::before, .btn-wrapper .cmn-btn2::after,
.btn-wrapper .cmn-btn4::before, .btn-wrapper .cmn-btn4::after,
.white-btnFill::before, .white-btnFill::after,
.white-btnBorder::before, .white-btnBorder::after {
  display: none !important;
}
.btn-wrapper .cmn-btn, .btn-wrapper .cmn-btn2, .btn-wrapper .cmn-btn4, .cmn-btn2 {
  background: var(--main-color-one) !important;
  color: #fff !important;
  border: 2px solid var(--main-color-one) !important;
  box-shadow: 0 6px 18px rgba(var(--main-color-one-rgb), .28);
}
.btn-wrapper .cmn-btn:hover, .btn-wrapper .cmn-btn2:hover, .btn-wrapper .cmn-btn4:hover, .cmn-btn2:hover {
  background: var(--vw-d-ink) !important;
  border-color: var(--vw-d-ink) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(28, 25, 23, .22);
}
.btn-wrapper .cmn-btn .icon, .btn-wrapper .cmn-btn2 .icon, .cmn-btn2 .icon { transform: none !important; color: inherit !important; }
.btn-wrapper .cmn-btn:focus-visible, .btn-wrapper .cmn-btn2:focus-visible, .btn-wrapper .cmn-btn4:focus-visible,
.white-btnFill:focus-visible, .white-btnBorder:focus-visible, .offerDate:focus-visible, .browseBtn:focus-visible {
  outline: 3px solid var(--secondary-color, #F59E0B) !important;
  outline-offset: 3px;
}
.btn-wrapper .browseBtn {
  color: var(--main-color-one) !important;
  font-weight: 700;
  font-family: var(--body-font);
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 44px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.btn-wrapper .browseBtn:hover { color: var(--vw-d-ink) !important; }
.btn-wrapper .browseBtn::after { content: "\2192"; transition: transform .2s ease; }
.btn-wrapper .browseBtn:hover::after { transform: translateX(4px); }

/* ---------- Hero ---------- */
/* Content is visible at once: no slide-in delay on hero text, buttons or image. */
.sliderArea [data-animation], .sliderArea .animated {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.sliderArea.heroImgBg {
  background-image:
    radial-gradient(60% 70% at 85% 30%, rgba(var(--main-color-one-rgb), .14) 0%, rgba(var(--main-color-one-rgb), 0) 70%),
    radial-gradient(50% 60% at 0% 100%, rgba(245, 158, 11, .14) 0%, rgba(245, 158, 11, 0) 70%),
    linear-gradient(180deg, var(--vw-d-cream) 0%, #fff 100%) !important;
  background-size: cover !important;
}
.sliderArea .shapeHero, .shapeHero1, .shapeHero2, .shapeHero3,
.shapeContact, .simpleContact .shapeContact { display: none !important; }
.sliderArea .heroPadding { padding-top: clamp(56px, 7vw, 104px) !important; padding-bottom: clamp(56px, 7vw, 104px) !important; }
.sliderArea .heroCaption .section-tittle { margin-bottom: 20px !important; }
.sliderArea .heroCaption .tittle {
  font-size: clamp(38px, 5.4vw, 72px) !important;
  line-height: 1.04 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em;
  text-transform: none;
  margin-bottom: 0 !important;
}
.sliderArea .heroCaption .tittle .textColor { font-style: italic; color: var(--main-color-one) !important; }
.sliderArea .heroCaption .pera {
  font-size: clamp(17px, 1.4vw, 20px) !important;
  color: var(--vw-d-text) !important;
  max-width: 34em;
  margin-bottom: 32px !important;
}
.sliderArea .heroCaption .btn-wrapper { gap: 14px; }
.sliderArea .heroCaption .btn-wrapper .hero-btn { margin: 0 !important; }
.sliderArea .heroCaption .offerDate {
  display: inline-flex !important;
  align-items: center;
  min-height: 48px;
  padding: 12px 26px !important;
  margin: 0 !important;
  border-radius: var(--vw-d-pill);
  border: 2px solid var(--vw-d-ink);
  color: var(--vw-d-ink) !important;
  font-family: var(--body-font) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-decoration: none !important;
}
.sliderArea .heroCaption .offerDate:hover { background: var(--vw-d-ink); color: #fff !important; }
.sliderArea .hero-man { float: none !important; }
.sliderArea .hero-man .maskImg,
.sliderArea .hero-man img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-radius: 28px;
  aspect-ratio: 4 / 3.4;
  object-fit: cover;
  background: linear-gradient(135deg, #EFE7DC, #E2D6C6);
  box-shadow: 0 30px 60px -20px rgba(30, 58, 95, .35);
  transform: none !important;
}
.sliderArea .hero-man::before {
  content: "";
  position: absolute;
  inset: auto -18px -18px auto;
  width: 46%;
  height: 46%;
  border-radius: 28px;
  background: var(--secondary-color, #F59E0B);
  opacity: .9;
  z-index: -1;
}
.arrowStyleThree .prev-icon, .arrowStyleThree .next-icon { display: none !important; }

/* ---------- Brand strip ---------- */
.ourBranding { background: #fff; border-bottom: 1px solid var(--vw-d-line); }
.ourBranding .section-tittle2 .tittle { color: var(--vw-d-ink); }
.ourBranding .section-tittle2 .tittle .textColor { font-style: normal; }
.ourBranding .client-single img { filter: grayscale(1); opacity: .6; transition: opacity .2s, filter .2s; }
.ourBranding .client-single:hover img { filter: none; opacity: 1; }

/* ---------- Campaign cards + progress ---------- */
.OurCampaign .slick-list { padding: 8px 4px 24px !important; margin: -8px -4px 0 !important; }
.singleCases {
  border: 1px solid var(--vw-d-line) !important;
  border-radius: var(--vw-d-radius) !important;
  overflow: hidden;
  background: #fff !important;
  box-shadow: var(--vw-d-shadow);
  transition: transform .25s ease, box-shadow .25s ease;
  margin-left: 12px; margin-right: 12px;
  height: auto;
}
.singleCases:hover { transform: translateY(-4px); box-shadow: var(--vw-d-shadow-hover); }
.singleCases .cases-img { aspect-ratio: 16 / 10; background: linear-gradient(135deg, #EFE7DC, #E2D6C6); }
.singleCases .cases-img img { width: 100%; height: 100%; object-fit: cover; transform: none !important; }
.singleCases:hover .cases-img img { transform: scale(1.04) !important; }
.singleCases .casesCaption { padding: 22px 22px 18px !important; }
.singleCases .casesCaption .tittle {
  font-size: 21px !important;
  line-height: 1.25 !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.singleCases .casesCaption .tittle:hover { color: var(--main-color-one); }
.singleCases .casesCaption .pera { font-size: 15px; line-height: 1.6; }
.singleCases .prices { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.singleCases .prices .price { font-weight: 700; color: var(--vw-d-ink) !important; font-size: 15px; }
.singleCases .prices .dates {
  font-size: 13px; font-weight: 700; color: var(--main-color-two) !important;
  background: var(--vw-d-cream); padding: 4px 10px; border-radius: var(--vw-d-pill);
}
.singleProgres .progressbar, .progressbar {
  height: 10px !important;
  border-radius: var(--vw-d-pill) !important;
  background: #F1EBE3 !important;
  overflow: hidden;
}
.singleProgres .proggress, .progressbar .proggress {
  height: 100% !important;
  border-radius: var(--vw-d-pill) !important;
  background: linear-gradient(90deg, var(--secondary-color, #F59E0B), var(--main-color-one)) !important;
}
.singleCases .donateMember {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  border-top: 1px solid var(--vw-d-line); padding-top: 16px; margin-top: 6px;
}
.singleCases .donateMember .btn-wrapper, .singleCases .donateMemberList { margin-bottom: 0 !important; }
.singleCases .donateMember .cmn-btn4 { min-height: 44px; padding: 10px 22px !important; font-size: 15px !important; }
.singleCases .memberCounter2 { font-weight: 700; color: var(--vw-d-ink); font-size: 14px; }
.singleCases .donateMemberList .listing .listItem img { border: 2px solid #fff; border-radius: 50%; }
.singleCases .donateMemberList .memberCounter { background: var(--main-color-two) !important; color: #fff !important; font-size: 11px !important; font-weight: 700; }
.sliderArrow .prev-icon, .sliderArrow .next-icon,
.arrowStyleTow .prev-icon, .arrowStyleTow .next-icon,
.blogArea .prev-icon, .blogArea .next-icon {
  width: 46px !important; height: 46px !important; line-height: 46px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--vw-d-line) !important;
  background: #fff !important;
  color: var(--vw-d-ink) !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  transition: background .2s, color .2s, border-color .2s;
}
.sliderArrow .prev-icon:hover, .sliderArrow .next-icon:hover,
.arrowStyleTow .prev-icon:hover, .arrowStyleTow .next-icon:hover,
.blogArea .prev-icon:hover, .blogArea .next-icon:hover {
  background: var(--main-color-one) !important; border-color: var(--main-color-one) !important; color: #fff !important;
}

/* ---------- About / impact ---------- */
.aboutArea .video-area .videoImg, .testimonial-area .video-area .videoImg {
  border-radius: 28px; overflow: hidden; background: linear-gradient(135deg, #EFE7DC, #E2D6C6);
  box-shadow: var(--vw-d-shadow-hover);
}
.aboutArea .video-area .videoImg img, .testimonial-area .video-area .videoImg img {
  width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transform: none !important;
}
.testimonial-area .video-area .videoImg img { aspect-ratio: 3 / 2; }
.video-icon .btn-icon, .video-area .video-icon a, .video-area .video-icon .popup-video.btn-icon {
  width: 76px !important; height: 76px !important; line-height: 76px !important;
  border-radius: 50% !important;
  background: #fff !important; color: var(--main-color-one) !important;
  box-shadow: 0 0 0 10px rgba(255, 255, 255, .35), 0 12px 30px rgba(0, 0, 0, .2);
}
.video-icon .btn-icon::before, .video-icon .btn-icon::after { display: none !important; }
.aboutArea .about-caption .about-cap-top { font-size: 17px; line-height: 1.7; }
.aboutArea .single {
  background: #fff;
  border: 1px solid var(--vw-d-line);
  border-radius: 16px;
  padding: 18px 18px 12px;
  height: calc(100% - 30px);
}
.aboutArea .single-counter .counter, .aboutArea .single-counter span {
  font-family: var(--heading-font) !important;
  color: var(--main-color-one) !important;
  font-size: 40px !important;
  font-weight: 700 !important;
}
.aboutArea .pera-count .pera { font-size: 14px; font-weight: 600; color: var(--vw-d-ink); }

/* ---------- How it works ---------- */
.categoriesTwo { background: var(--main-color-two) !important; }
.categoriesTwo .singleCat {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: var(--vw-d-radius);
  padding: 34px 26px !important;
  height: calc(100% - 24px);
  transition: background .2s, transform .2s;
  box-shadow: none !important;
}
.categoriesTwo .singleCat:hover { background: rgba(255, 255, 255, .1); transform: translateY(-4px); }
.categoriesTwo .singleCat .cat-icon {
  width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%;
  background: var(--main-color-one); display: flex; align-items: center; justify-content: center;
}
.categoriesTwo .singleCat .cat-icon img { width: 34px; height: 34px; filter: brightness(0) invert(1); }
.categoriesTwo .singleCat .cat-cap .tittle { color: #fff !important; font-size: 20px; font-family: var(--heading-font); }
.categoriesTwo .singleCat .cat-cap .pera { color: #D6DEE8 !important; font-size: 15px; }

/* ---------- Activities ---------- */
.exploreActivities .singleFlexitem {
  border: 1px solid var(--vw-d-line) !important;
  border-radius: var(--vw-d-radius) !important;
  background: #fff;
  overflow: hidden;
  box-shadow: var(--vw-d-shadow);
  transition: transform .25s, box-shadow .25s;
  padding: 0 !important;
  align-items: stretch !important;
}
.exploreActivities .singleFlexitem:hover { transform: translateY(-3px); box-shadow: var(--vw-d-shadow-hover); }
.exploreActivities .singleFlexitem > a { flex: 0 0 190px; margin: 0 !important; display: block; }
.exploreActivities .singleFlexitem .activitiesImg {
  min-width: 190px; width: 190px; height: 100%; min-height: 200px;
  background-size: cover !important; background-position: center !important;
  background-color: #EFE7DC; border-radius: 0 !important;
}
.exploreActivities .singleFlexitem .activitiesCaption { padding: 22px 24px !important; }
.exploreActivities .singleFlexitem .featureTittle { font-size: 19px; line-height: 1.3; color: var(--vw-d-ink); }
.exploreActivities .singleFlexitem .featureTittle:hover { color: var(--main-color-one); }

/* ---------- Testimonials ---------- */
.testimonial-area.sectionImg-bg2, .sectionImg-bg2 { background-image: none !important; background-color: var(--vw-d-blush) !important; }
.testimonial-area .single-testimonial .testimonialCaption .pera {
  font-family: var(--heading-font); font-size: 22px !important; line-height: 1.5 !important; color: var(--vw-d-ink) !important;
  font-style: italic;
}
.testimonial-area .quotesLeft, .testimonial-area .quotesRihgt { display: none !important; }
.testimonial-area .single-testimonial .testimonialCaption::before {
  content: "\201C"; display: block; font-family: var(--heading-font); font-size: 84px; line-height: .8;
  color: var(--main-color-one); margin-bottom: 4px;
}
.testimonial-area .founder-text span { font-weight: 700; color: var(--vw-d-ink) !important; font-size: 17px; }
.testimonial-area .founder-text p { color: var(--vw-d-text) !important; font-size: 14px; }
.testimonial-area .slick-list { overflow: hidden !important; }

/* ---------- Blog cards ---------- */
.singleBlog, .singleBlog-global {
  border: 1px solid var(--vw-d-line) !important;
  border-radius: var(--vw-d-radius) !important;
  overflow: hidden; background: #fff !important;
  box-shadow: var(--vw-d-shadow);
  transition: transform .25s, box-shadow .25s;
  margin-left: 12px; margin-right: 12px;
}
.singleBlog:hover, .singleBlog-global:hover { transform: translateY(-4px); box-shadow: var(--vw-d-shadow-hover); }
.singleBlog .blog-img, .singleBlog-global .blog-img { aspect-ratio: 16 / 10; overflow: hidden; background: linear-gradient(135deg, #EFE7DC, #E2D6C6); border-radius: 0 !important; }
.singleBlog .blog-img::before, .singleBlog .blog-img::after, .singleBlog-global .blog-img::before, .singleBlog-global .blog-img::after { display: none !important; }
.singleBlog .blog-img img, .singleBlog-global .blog-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }
.singleBlog .blog-img .img-text .content, .singleBlog-global .blog-img .img-text .content {
  background: #fff !important; color: var(--vw-d-ink) !important; border-radius: var(--vw-d-pill) !important;
  font-weight: 700; font-size: 13px; padding: 5px 12px !important; box-shadow: var(--vw-d-shadow);
}
.singleBlog .blogCaption, .singleBlog-global .blogCaption { padding: 20px 22px 6px !important; }
.singleBlog .blogCaption .tittle, .singleBlog-global .blogCaption .tittle { font-size: 20px !important; line-height: 1.3 !important; }
.singleBlog .blogCaption .tittle:hover, .singleBlog-global .blogCaption .tittle:hover { color: var(--main-color-one) !important; }
.singleBlog .cartTop .listItmes, .singleBlog-global .cartTop .listItmes { font-size: 13px; color: var(--vw-d-text); }
.singleBlog .blogFooter, .singleBlog-global .blogFooter { border-top: 1px solid var(--vw-d-line); padding-top: 14px; }
.singleBlog .blogPostUser .tittle, .singleBlog-global .blogPostUser .tittle { font-family: var(--body-font); font-size: 14px !important; }

.singleBlog .img-text .content::before, .singleBlog .img-text .content::after,
.singleBlog-global .img-text .content::before, .singleBlog-global .img-text .content::after { display: none !important; }
.singleBlog-global { margin-left: 0; margin-right: 0; }
.singleBlog .blog-img .img-text, .singleBlog-global .blog-img .img-text { left: 14px !important; top: 14px !important; right: auto !important; }
.singleBlog .blog-img .img-text .content, .singleBlog-global .blog-img .img-text .content { clip-path: none !important; -webkit-clip-path: none !important; }

/* ---------- Call to action band ---------- */
.simpleContact { background: transparent; }
/* The band overlaps the footer by a fixed 120px; the footer reserves exactly that. */
.positioningSection { margin-bottom: -120px !important; }
.simpleContact .ContactCap {
  background: var(--main-color-two) !important;
  background-image:
    radial-gradient(70% 120% at 100% 0%, rgba(var(--main-color-one-rgb), .55) 0%, rgba(var(--main-color-one-rgb), 0) 60%) !important;
  border-radius: 32px !important;
  padding: clamp(48px, 6vw, 88px) 24px !important;
  overflow: hidden;
}
.simpleContact .ContactCap .tittle { color: #fff !important; font-size: clamp(28px, 3.4vw, 44px) !important; line-height: 1.15; }
.simpleContact .ContactCap .pera { color: #E7ECF3 !important; font-size: 18px; }
.white-btnFill { background: #fff !important; color: var(--vw-d-ink) !important; border: 2px solid #fff !important; }
.white-btnFill:hover { background: var(--main-color-one) !important; border-color: var(--main-color-one) !important; color: #fff !important; }
.white-btnBorder { background: transparent !important; color: #fff !important; border: 2px solid rgba(255, 255, 255, .7) !important; }
.white-btnBorder:hover { background: #fff !important; color: var(--vw-d-ink) !important; }

/* ---------- Footer ---------- */
.footerWrapper, .footerWrapper.sectionImg-bg2 {
  background: #10213A !important;
  background-image: none !important;
  color: #CBD5E1;
}
.simpleContact + footer .footerWrapper, .positioningSection + footer .footerWrapper { padding-top: 120px; }
.footerWrapper .footer-area { padding-top: 72px !important; padding-bottom: 32px !important; }
.footerWrapper .footerTittle { color: #fff !important; font-size: 18px !important; font-family: var(--heading-font); margin-bottom: 18px; }
.footerWrapper .footer-pera .pera, .footerWrapper p { color: #CBD5E1 !important; }
.footerWrapper .footer-widget li a, .footerWrapper .listing-info .singleLinks2,
.footerWrapper .footer-widget li { color: #CBD5E1 !important; font-size: 15px; }
.footerWrapper .footer-widget li a:hover { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
.footerWrapper .listing-info .icon { color: var(--secondary-color, #F59E0B) !important; }
/* Any uploaded logo stays legible on the dark footer: it sits on a light chip. */
.footerWrapper .footer-logo a { display: inline-flex; background: #fff; border-radius: 14px; padding: 10px 16px; }
.footerWrapper .footer-logo img { max-height: 40px; width: auto; }
.footerWrapper .footer-bottom-area .footer-border { border-top: 1px solid rgba(255, 255, 255, .12) !important; }
.footerWrapper .footer-copy-right .pera, .footerWrapper .footer-copy-right .pera a { color: #94A3B8 !important; font-size: 14px; }
.footerWrapper .footer-copy-right .pera a { color: #fff !important; }
.footerWrapper .footer-social a {
  background: rgba(255, 255, 255, .08) !important; color: #fff !important; border-radius: 50% !important;
}
.footerWrapper .footer-social a:hover { background: var(--main-color-one) !important; }

/* ---------- Inner pages: breadcrumb, sidebars, forms ---------- */
.breadcrumbArea, .breadcrumb-area, .breadcrumbBg, .bradcumbBg {
  background-image: none !important;
  background-color: var(--vw-d-cream) !important;
  border-bottom: 1px solid var(--vw-d-line);
}
.breadcrumbArea .breadcrumb-tittle .tittle, .breadcrumb-area .tittle, .bradcumbBg .tittle { color: var(--vw-d-ink) !important; }
.form-control, .input-form input, .input-form textarea, .nice-select:not(.tenant_languages_selector) {
  border-radius: var(--vw-d-radius-sm) !important;
  border-color: var(--vw-d-line) !important;
  min-height: 48px;
}
.pagination .page-item .page-link, .pagination-area .page-numbers {
  border-radius: 50% !important; min-width: 44px; min-height: 44px;
}
.pagination .page-item.active .page-link, .page-numbers.current {
  background: var(--main-color-one) !important; border-color: var(--main-color-one) !important; color: #fff !important;
}
.back-to-top, .progressParent { border-radius: 50%; }
#back-top a, .progressParent { color: var(--main-color-one); }

/* Inner page header: the tenant's image stays, under a navy veil, with white type. */
.sliderAreaInner { position: relative; isolation: isolate; background-size: cover !important; background-position: center !important; }
.sliderAreaInner::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(120deg, rgba(16, 33, 58, .94) 0%, rgba(30, 58, 95, .86) 60%, rgba(var(--main-color-one-rgb), .7) 130%);
}
.sliderAreaInner .heroPadding2 { padding-top: clamp(56px, 7vw, 96px) !important; padding-bottom: clamp(56px, 7vw, 96px) !important; }
.sliderAreaInner .innerHeroContent .tittle { color: #fff !important; font-size: clamp(30px, 4vw, 52px) !important; line-height: 1.12; }
.sliderAreaInner .breadcrumb {
  background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 18px !important; padding: 8px 18px !important; display: inline-flex !important; flex-wrap: wrap; justify-content: center; font-size: 14px;
}
.sliderAreaInner .breadcrumb .breadcrumb-item, .sliderAreaInner .breadcrumb .breadcrumb-item a,
.sliderAreaInner .breadcrumb .breadcrumb-item::before { color: #E2E8F0 !important; }
.simpleContact { padding-top: 48px !important; }

/* Outline buttons: same shape as the filled ones. */
.cmn-btn-outline, .cmn-btn-outline2, .cmn-btn-outline3, .btn-wrapper .cmn-btn-outline3 {
  display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px;
  border-radius: var(--vw-d-pill) !important; border: 2px solid var(--main-color-one) !important;
  color: var(--main-color-one) !important; background: transparent !important;
  font-family: var(--body-font) !important; font-weight: 700 !important; font-size: 16px !important;
  padding: 12px 26px !important; line-height: 1.2 !important;
}
.cmn-btn-outline::before, .cmn-btn-outline2::before, .cmn-btn-outline3::before { display: none !important; }
.cmn-btn-outline:hover, .cmn-btn-outline2:hover, .cmn-btn-outline3:hover { background: var(--main-color-one) !important; color: #fff !important; }
/* The donate action on a campaign page is the primary action: filled. */
a[href*="/donation/payment/"].cmn-btn-outline3 { background: var(--main-color-one) !important; color: #fff !important; box-shadow: 0 6px 18px rgba(var(--main-color-one-rgb), .28); }
a[href*="/donation/payment/"].cmn-btn-outline3:hover { background: var(--vw-d-ink) !important; border-color: var(--vw-d-ink) !important; }

/* Campaign countdown */
.donation_countdown { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.donation_countdown .nx-singular-countdown-item { margin: 0 !important; width: auto !important; height: auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
.donation_countdown .nx-singular-countdown-item .wrapper {
  background: var(--vw-d-cream) !important; border: 1px solid var(--vw-d-line); border-radius: 14px !important;
  padding: 12px 6px !important; width: 100% !important; height: auto !important; display: flex !important; flex-direction: column; align-items: center;
}
.donation_countdown .time { font-family: var(--heading-font); font-size: 28px !important; font-weight: 700; color: var(--main-color-one) !important; line-height: 1.1; }
.donation_countdown .label { font-size: 12.5px !important; text-transform: uppercase; letter-spacing: .08em; color: var(--vw-d-text) !important; font-weight: 700; }

/* Tabs */
.nav-tabs { border-bottom: 1px solid var(--vw-d-line) !important; gap: 6px; }
.nav-tabs .nav-link {
  border: 0 !important; border-radius: var(--vw-d-pill) !important; background: var(--vw-d-cream) !important;
  color: var(--vw-d-ink) !important; font-weight: 700; padding: 10px 20px !important; margin-bottom: 10px !important; min-height: 44px;
}
.nav-tabs .nav-link.active { background: var(--vw-d-ink) !important; color: #fff !important; }

/* Sidebar widgets and generic boxed panels */
.widget, .sidebar-widget, .donation-sidebar .single-widget, .singleWidget {
  border-radius: var(--vw-d-radius) !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 991px) {
  .sliderArea .hero-man { margin-top: 40px; }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a { min-height: 44px; display: flex; align-items: center; }
}
@media (max-width: 767px) {
  body { font-size: 16px; }
  .sliderArea .heroCaption .btn-wrapper a { flex: 1 1 100%; }
  .exploreActivities .singleFlexitem { flex-direction: column; }
  .exploreActivities .singleFlexitem > a { flex: 0 0 190px; margin: 0 !important; display: block; }
.exploreActivities .singleFlexitem .activitiesImg { width: 100%; min-width: 0; min-height: 180px; }
  .singleCases, .singleBlog { margin-left: 4px; margin-right: 4px; }
  .simpleContact .ContactCap { border-radius: 24px !important; }
  .header-top .header-info-right { justify-content: center; }
  .header-top { padding: 4px 0 !important; }
  .header-top .header-info-left { display: none; }
  .header-top .header-cart { display: none !important; }
  .header-top .user-account a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
  .header-top .nice-select { min-height: 44px; line-height: 44px !important; }
  .navbar-area .nav-container { padding-top: 6px; padding-bottom: 6px; }
  .navbar-area .navbar-toggler { min-width: 44px; min-height: 44px; }
  .navbar-area .click_show_icon { min-width: 44px; min-height: 44px; display: inline-flex !important; align-items: center; justify-content: center; }
  .navbar-area .logo-wrapper .logo { display: inline-flex; align-items: center; min-height: 44px; }
  .video-area .video-icon .popup-video.btn-icon { transform: none !important; width: 64px !important; height: 64px !important; line-height: 64px !important; }
  .ourBranding .client-single a { display: flex; align-items: center; justify-content: center; min-height: 48px; }
  .footerWrapper .footer-widget li a { display: inline-flex; min-height: 44px; align-items: center; }
}
/* Back-to-top control: a white disc that stays visible over dark sections too. */
.progressParent { background: #fff !important; box-shadow: 0 8px 22px rgba(0, 0, 0, .18), inset 0 0 0 2px rgba(0, 0, 0, .08) !important; }
/* ===== /VeloraWeb 2026 design ===== */