.body {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Safari, Chrome, Opera */
  -khtml-user-select: none;    /* Konqueror HTML */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
   user-select: none;          /* Non-prefixed version */
}

/** HERO SECTION STYLE **/
.homepage_image {width: 1230px;margin: 0 auto;border-radius: 6px;border: 4px solid #4a0909;}

.introduction {padding: 10px 0;}
.homelinks {margin-bottom: 25px;}

@media only screen and  (max-width: 479px) {
.homepage_image {width: 350px;}
}

.about-block .experience .experience-wrap span {color: #fff;}
.about-block.index-three .icon-box {min-width: 60px;height: 60px;background:#774EF0;border-radius: 40px;font-size: 32px;line-height: 38.4px;}
.about-block.index-three .icon-box i {color: #eee;}
.about-block .experience .experience-wrap .display-four span {color: #fff;}
.sub-title {font-size: 2rem;line-height: 40.2px;text-transform: uppercase;color: #7231ff;margin: 18px 0 25px;}
.info-box {font-size: 16px;}

.mb-6 {margin-bottom: 1.1rem !important;}
.mb-3 {font-size: 18px;line-height: 26px;color: rgba(255, 255, 255, 0.8);padding-bottom: 13px;text-transform: uppercase;}
.mb-4 {font-size: 15px;padding-top: 20px;}

@media (min-width: 2560px) {
.mb-3 {font-size: 23px;}
.mb-4 {font-size: 16px;}
.info-box {font-size: 16px;text-align: left;}
}

/** Micro Line **/
.fs-two-smaller {font-size: 13px;color: #ac85ff;}
.micro-line {font-size: 12px;color: #9a9a9a;letter-spacing: 2px;text-transform: uppercase;margin: 18px 0 35px;}

/** Subtitle Glow **/
.fs-five  {position: relative;z-index: 2;}

.fs-five::before {content: "";position: absolute;top: 50%;left: 50%;width: 600px;height: 400px;transform: translate(-50%, -50%);background: radial-gradient(circle,rgba(155, 0, 255, 0.18) 0%,rgba(155, 0, 255, 0.08) 40%,transparent 70%);
  filter: blur(60px);z-index: -1;pointer-events: none;}

.content-item {position: relative;z-index: 2;}

.content-item::before {content: "";position: absolute;top: 50%;left: 50%;width: 600px;height: 400px;transform: translate(-50%, -50%);background: radial-gradient(circle,rgba(155, 0, 255, 0.18) 0%,rgba(155, 0, 255, 0.08) 40%,transparent 70%);
  filter: blur(60px);z-index: -1;pointer-events: none;}

/* H1-H5 Title Styles **/
.info-box h5 {text-shadow: 0 0 15px rgba(155, 0, 255, 0.4);}

/** FAQ STYLES **/
.rp-faq-section { position: relative; overflow: hidden; background: linear-gradient(  90deg,  rgba(30,18,50,1) 0%,  rgba(30,18,50,.96) 34%,  rgba(30,18,50,.70) 55%,  rgba(30,18,50,.45) 72%,rgba(30,18,50,.95) 100%  ),  url("https://www.ragepros.com/uploads/backgrounds/homepage/ragepros-faq-bg.webp"); background-size: cover; background-position: center right; background-repeat: no-repeat;}
.rp-faq-section::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 72% 18%, rgba(150,70,255,.22), transparent 34%),  linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.30)); pointer-events: none; z-index: 1;}

.rp-faq-section > * { position: relative; z-index: 2;}
.rp-faq-header { position: relative; z-index: 2; max-width: 780px;}
.rp-faq-grid { position: relative; z-index: 2;}

/* FAQ Hover Lift */
.rp-faq-item { position: relative; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease; will-change: transform;}
.rp-faq-item:hover { transform: translateY(-6px); border-color: rgba(174, 0, 255, .45); box-shadow: 0 18px 40px rgba(0, 0, 0, .45), 0 0 25px rgba(140, 0, 255, .18); background: linear-gradient(180deg, rgba(25, 12, 45, .92), rgba(10, 10, 16, .98));}

/* Slight heading glow on hover */
.rp-faq-item:hover h3 { color: #fff; text-shadow: 0 0 12px rgba(174, 0, 255, .35);}

/* Smooth paragraph transition */
.rp-faq-item p { transition: color .25s ease;}
.rp-faq-item:hover p { color: rgba(255,255,255,.88);}

/** HR Style **/
.product-section {position: relative;}
.product-section::before {content: "";position: absolute;top: 0;left: 50%;width: 60%;height: 1px;transform: translateX(-50%);background: linear-gradient(to right,transparent,rgba(155, 0, 255, 0.5),transparent);}

/** Custom Buttons **/
.btn-primary { background: linear-gradient(135deg, #7b00ff, #d000ff);  color: #fff;box-shadow: 0 0 22px rgba(155,0,255,0.65);}
.btn-primary:hover {  transform: translateY(-3px);box-shadow: 0 0 35px rgba(208,0,255,0.95);}

.btn-home {background-color: #7e0eb1;display: inline-block;padding: 3px 5px; /* slightly wider = more premium */ margin: 2px 0 5px 5px;font-size: 14px;font-weight: 600;text-decoration: none;border-radius: 10px; /* softer, modern look */letter-spacing: 0.3px; /* subtle polish */
  position: relative; /* required for glow effects */overflow: hidden; /* needed for shine effect */transition: all 0.25s ease;}

.btn-home:active {transform: scale(0.97);}
.btn-home:hover::before {opacity: 1;}

/** Button Alingment **/
.center {margin: 0 auto;Display: grid;width: 10%;padding: 25px;}

.btn-secondary:active {transform: scale(0.97);}
.btn-secondary {background-color: #7e0eb1;display: inline-block;padding: 3px 5px;margin: 2px 0 5px 5px;font-size: 14px;font-weight: 600;text-decoration: none;border-radius: 10px;letter-spacing: 0.3px;position: relative;overflow: hidden;transition: all 0.25s ease;text-align: center;}

.btn-secondary:hover {transform: translateY(-2px);box-shadow: 0 0 25px rgba(155, 0, 255, 0.9);}
.btn-secondary:hover::before {opacity: 1;}
.btn-secondary::before {position: absolute;inset: 0;border-radius: 8px;background: linear-gradient(120deg, transparent, rgba(255,255,255,0.2), transparent);opacity: 0;transition: 0.3s;}

.trust-strip {display: flex;justify-content: center;gap: 40px;padding: 25px 10px;font-size: 14px;color: #aaa;border-top: 1px solid rgba(255,255,255,0.05);border-bottom: 1px solid rgba(255,255,255,0.05);}

/** View All Buttons **/
.view-all-products {margin: 0 auto;display: grid;width: 165px;padding: 10px;}

/** Premium Section **/
.rp-trust-strip { padding: 45px 20px; background: linear-gradient(180deg, #070707, #111); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08);margin-top: 50px;border-radius: 22px;}
.rp-trust-inner { max-width: 1200px; margin: 0 auto;}

.rp-trust-text { max-width:980px; margin:34px auto 0; color:#aeb7cf; font-size:15px; line-height:1.9; text-align:center; }

.rp-trust-item {transition:.25s ease;}
.rp-trust-item:hover {transform:translateY(-3px);border-color:#7b61ff;}

.rp-trust-heading { text-align: center; margin-bottom: 28px;}
.rp-trust-heading span { color: #b56cff; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 700;}
.rp-trust-heading h2 { font-size:54px; font-weight:700; line-height:1.05; letter-spacing:-.03em; }

.rp-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}

.rp-trust-item { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 24px 18px; text-align: center; box-shadow: 0 0 22px rgba(120,0,255,.08);}
.rp-trust-item strong { display: block; color: #fff; font-size: 28px; margin-bottom: 6px;}
.rp-trust-item span { color: #cfcfcf; font-size: 14px;}

.rp-trust-bubble { position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; max-width: 1150px; margin: 28px auto 46px; padding: 28px 38px; border-radius: 34px; background: linear-gradient(90deg, rgba(124,77,255,.14), rgba(0,0,0,.82), rgba(124,77,255,.1)); border: 1px solid rgba(167,111,255,.35); box-shadow: 0 0 50px rgba(124,77,255,.16), inset 0 0 40px rgba(255,255,255,.02); overflow: hidden; }
.rp-trust-bubble:before { content: ''; position: absolute; top: -1px; left: 18%; width: 140px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, transparent, #fff, transparent); opacity: .9; }

.rp-trust-bubble-icon { flex: 0 0 74px; width: 74px; height: 74px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at top, rgba(180,120,255,.65), rgba(124,77,255,.18)); border: 1px solid rgba(190,140,255,.35); box-shadow: 0 0 35px rgba(124,77,255,.24); }
.rp-trust-bubble-icon i { color: #fff; font-size: 28px; }

.rp-trust-text { margin: 0; color: #edf1ff; font-size: 20px; line-height: 1.9; text-align: center; max-width: 920px; }

 @media (max-width:768px) {
.rp-trust-bubble { flex-direction: column; gap: 18px; padding: 24px 22px; border-radius: 26px; margin: 24px auto 38px; }
.rp-trust-bubble-icon { width: 64px; height: 64px; flex: 0 0 64px; }
.rp-trust-bubble-icon i { font-size: 24px; }
.rp-trust-text { font-size: 15px; line-height: 1.85; }
}

@media(max-width:800px) {
.rp-trust-grid { grid-template-columns: repeat(2, 1fr);}
}

@media(max-width:480px) {
.rp-trust-grid { grid-template-columns: 1fr;}
}

/* FINAL mobile fix: Stream Proof video section */
.rp-video-hero { position: relative !important; width: 100% !important; min-height: 360px !important; padding: 60px 18px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important;}

.rp-video-bg { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; z-index: 0 !important;}

.rp-video-overlay { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,.72) !important; z-index: 1 !important;}
.rp-video-content { position: relative !important; z-index: 2 !important; max-width: 92% !important; margin: 0 auto !important;}
.rp-video-content h2 { font-size: clamp(24px, 7vw, 42px) !important; line-height: 1.15 !important; margin: 12px 0 22px !important;}

.rp-top-text { font-size: 12px !important; line-height: 1.4 !important; letter-spacing: 1px !important;}

 @media(max-width:600px) {
.rp-video-hero { min-height: 310px !important; padding: 48px 14px !important;}
.rp-video-content h2 { font-size: 24px !important;}
.rp-video-btn { max-width: 240px !important; width: 100% !important; margin: 0 auto !important; display: flex !important; justify-content: center !important;}
}

/* Animated CTA Gradient */
.rp-video-btn, .rp-all-products-btn { position: relative; overflow: hidden; isolation: isolate; transition: transform .25s ease, box-shadow .25s ease; }

/* Animated gradient layer */
.rp-video-btn:before,.rp-all-products-btn:before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, #6a00ff, #b300ff, #00d4ff, #6a00ff);background-size: 300% 300%; animation: rpGradientMove 8s ease infinite; opacity: .18; z-index: -1;transition: opacity .25s ease; }

/* Hover enhancement */
.rp-video-btn:hover,.rp-all-products-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(140,0,255,.35); }
.rp-video-btn:hover:before,.rp-all-products-btn:hover:before { opacity: .32; }

/* Subtle shine sweep */
.rp-video-btn:after,.rp-all-products-btn:after { content: ""; position: absolute; top: 0; left: -120%; width: 70%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent); transform: skewX(-20deg); transition: left .8s ease; }
.rp-video-btn:hover:after,.rp-all-products-btn:hover:after { left: 150%; }

/* Gradient animation */
@keyframes rpGradientMove { 
0% { background-position: 0% 50%;}
50% { background-position: 100% 50%;}
100% { background-position: 0% 50%;}
}