:root{
  --w3-bg: #f6f8ff;
  --w3-bg2:#ffffff;
  --w3-card: rgba(255,255,255,.86);
  --w3-border: rgba(20,30,55,.10);
  --w3-text: #0b1226;
  --w3-muted: rgba(11,18,38,.68);
  --w3-accent: #7C3AED;   /* violet */
  --w3-accent2:#22C55E;   /* green */
  --w3-shadow: 0 18px 60px rgba(10, 20, 60, .10);
}

/* Scope to homepage only */
body.home-web3-light{
  background:
    radial-gradient(1000px 520px at 0% 0%, rgba(124,58,237,.10), transparent 60%),
    radial-gradient(1000px 520px at 100% 20%, rgba(6,182,212,.10), transparent 60%),
    linear-gradient(180deg, var(--w3-bg), var(--w3-bg2));
}

body.home-web3-light p{ color: var(--w3-muted); }
body.home-web3-light h1,
body.home-web3-light h2,
body.home-web3-light h3,
body.home-web3-light h4{ color: var(--w3-text); }

/* Header: glassy but still white */
body.home-web3-light .rs-header.header-transparent .menu-area{
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--w3-border);
}
body.home-web3-light .rs-menu-area .nav-menu > li > a{
  color: rgba(11,18,38,.86) !important;
  font-weight: 600;
}
body.home-web3-light .rs-menu-area .nav-menu > li > a:hover{
  color: var(--w3-text) !important;
}

/* Replace legacy "blue" helper blocks (slider chips etc.) */
body.home-web3-light .bg-blue{
  background: linear-gradient(135deg, rgba(124,58,237,.95), rgba(34,197,94,.75)) !important;
}

/* Slider dots / template color hooks */
body.home-web3-light .rs-carousel .owl-dots .owl-dot,
body.home-web3-light .rs-carousel .owl-dots .owl-dot:hover,
body.home-web3-light .rs-carousel .owl-dots .owl-dot.active{
  background: var(--w3-accent) !important;
}

/* ScrollUp button accent */
body.home-web3-light #scrollUp i{
  background: linear-gradient(135deg, rgba(124,58,237,.95), rgba(34,197,94,.75)) !important;
  color: #fff !important;
}

/* Make section containers feel modern */
body.home-web3-light .container.custom{
  position: relative;
}

/* Cards / containers: services blocks */
body.home-web3-light .services-box-area.bg20{
  background: transparent !important;
}

body.home-web3-light .services-item{
  height: 100%;
  border-radius: 22px !important;
  background: var(--w3-card) !important;
  border: 1px solid var(--w3-border) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.70) inset, var(--w3-shadow);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
body.home-web3-light .services-item.no-border{
  border: 1px solid var(--w3-border) !important;
}
body.home-web3-light .services-item:hover{
  transform: translateY(-3px);
  border-color: rgba(124,58,237,.22) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.75) inset, 0 26px 90px rgba(10, 20, 60, .16);
}

body.home-web3-light .services-item .services-icon img{
  filter: drop-shadow(0 18px 30px rgba(10, 20, 60, .14));
}
body.home-web3-light .services-item .services-content .title a{
  color: var(--w3-text) !important;
}
body.home-web3-light .services-item .services-content p{
  color: var(--w3-muted) !important;
}

/* Section titles */
body.home-web3-light .sec-title .title{
  letter-spacing: -.02em;
}
body.home-web3-light .sec-title .sub-text{
  color: var(--w3-muted) !important;
}

/* Buttons: modern pill */
body.home-web3-light .readon{
  border-radius: 999px !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(124,58,237,.25) !important;
  background: linear-gradient(135deg, rgba(124,58,237,.10), rgba(6,182,212,.08)) !important;
  color: rgba(11,18,38,.92) !important;
  box-shadow: 0 12px 40px rgba(10, 20, 60, .10);
  transition: transform .12s ease, filter .12s ease;
}
body.home-web3-light .readon:hover{
  transform: translateY(-1px);
  filter: saturate(1.12);
}
body.home-web3-light .readon.orange-slide,
body.home-web3-light .readon.consultant{
  color: #fff !important;
  border-color: rgba(124,58,237,.45) !important;
  background: linear-gradient(135deg, rgba(124,58,237,.92), rgba(6,182,212,.60)) !important;
}

/* Slider: make overlay less harsh, more modern text */
body.home-web3-light #rs-slider{
  border-bottom: 1px solid rgba(20,30,55,.08);
}
body.home-web3-light #rs-slider .sl-subtitle{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(255,255,255,.18) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body.home-web3-light #rs-slider .sl-title{
  font-weight: 900;
  letter-spacing: -.03em;
  text-shadow: 0 18px 70px rgba(0,0,0,.25);
}

/* Modernize other generic “box” patterns used by the template */
body.home-web3-light .rs-about,
body.home-web3-light .rs-choose,
body.home-web3-light .rs-testimonial,
body.home-web3-light .rs-contact{
  position: relative;
}

body.home-web3-light .rs-testimonial.style4.home4-testi-style.bg22,
body.home-web3-light .rs-about.style4.bg21,
body.home-web3-light .rs-services.main-home.services-style1.home-4-style.bg7,
body.home-web3-light .rs-contact.gray-bg3{
  background: transparent !important;
}

/* Make “gray bg” sections look like soft panels */
body.home-web3-light .rs-about .container,
body.home-web3-light .rs-services.main-home .container,
body.home-web3-light .rs-testimonial .container,
body.home-web3-light .rs-contact .container{
  border-radius: 26px;
}

/* Footer: clean */
body.home-web3-light .rs-footer{
  background: rgba(255,255,255,.75) !important;
  border-top: 1px solid var(--w3-border);
}
body.home-web3-light .rs-footer .footer-title{ color: var(--w3-text) !important; }
body.home-web3-light .rs-footer a{ color: rgba(11,18,38,.85) !important; }
body.home-web3-light .rs-footer .desc{ color: var(--w3-muted) !important; }

@media (max-width: 991px){
  body.home-web3-light .services-item{ border-radius: 18px !important; }
  body.home-web3-light #rs-slider .sl-title{ font-size: 38px !important; line-height: 1.15 !important; }
}
@media (max-width: 575px){
  body.home-web3-light #rs-slider .sl-title{ font-size: 30px !important; }
}