:root {
--gw-bg: #070504;
--gw-bg-2: #100906;
--gw-text: #fff3df;
--gw-cream: #fef2dc;
--gw-muted: #b7a99a;
--gw-white: #fff;
--gw-primary: #ff7722;
--gw-primary-2: #ff8b3d;
--gw-gold: #e2b65b;
--gw-ink: #160702;
--gw-line: rgba(255, 255, 255, .09);
--gw-primary-line: rgba(255, 106, 26, .22);
--gw-surface: rgba(255, 255, 255, .04);
--gw-surface-2: rgba(255, 255, 255, .06);
--gw-primary-soft: rgba(255, 106, 26, .10);
--gw-font-body: "Inter", system-ui, sans-serif;
--gw-font-heading: "Cinzel Decorative", serif;
--gw-font-serif: "Cormorant Garamond", serif;
--radius-sm: 5px;
--radius-md: 10px;
--radius-lg: 20px;
--radius-pill: 999px;
--radius-round: 50%;
--shadow-soft: 0 18px 60px rgba(0, 0, 0, .28);
--shadow-hover: 0 24px 70px rgba(0, 0, 0, .38);
--shadow-gold: 0 0 58px rgba(226, 182, 91, .28);
--blur: blur(18px);
--ease: .22s;
--gradient-primary: linear-gradient(135deg, var(--gw-primary), var(--gw-primary-2));
--gradient-body: radial-gradient(circle at 10% 0, rgba(255, 106, 26, .10), transparent 28%), linear-gradient(180deg, var(--gw-bg), var(--gw-bg-2) 55%, #080403)
}
* {
box-sizing: border-box
}
:target{
scroll-margin-top: 100px;
}
#gwhyYagyaDatePanel {
scroll-margin-top: 110px;
}
html {
scroll-behavior: smooth
}
body {
margin: 0;
background: var(--gw-bg);
color: var(--gw-text);
font-family: var(--gw-font-body);
overflow-x: hidden
}
body:before {
content: "";
position: fixed;
inset: 0;
z-index: -1;
background-image: linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
background-size: 64px 64px;
mask-image: radial-gradient(circle at center, black, transparent 80%)
}
body:after {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
z-index: -1;
opacity: .06;
background-image: url();
background-size: 240px 240px;
}
.gwhy-sticky {
position: sticky !important;
top: 100px;
z-index: 999;
}
@media(max-width: 768px){
.gwhy-sticky {
position: static !important;
}
}
a {
color: inherit
}
.gwhy-accent {
color: var(--gw-primary);
}
.gwhy-wrap {
max-width: 1220px;
margin: 0 auto;
padding: 0 20px
}
.gwhy-section {
padding: 100px 0
}
.gwhy-glass {
background: linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .025));
border: 1px solid var(--gw-line);
box-shadow: var(--shadow-soft);
backdrop-filter: var(--blur)
}
.gwhy-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 20px;
border-radius: var(--radius-pill);
background: rgba(255, 243, 223, .12);
border: 1px solid #e2b65b90;
color: var(--gw-gold);
font-size: 10px;
font-weight: 500;
letter-spacing: .06em;
text-transform: uppercase
}
.gwhy-title {
margin: 14px 0 0;
font-family: var(--gw-font-heading);
font-weight: 600;
font-size: clamp(34px, 4.8vw, 52px);
}
.gwhy-form-title {
margin: 14px 0 0;
font-family: var(--gw-font-heading);
font-weight: 600;
font-size: clamp(24px, 3.8vw, 32px);
}
.gwhy-title.small {
font-size: clamp(26px, 3vw, 42px)
}
.gwhy-text {
color: var(--gw-muted);
line-height: 1.82;
font-size: 16px
}
.gwhy-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 0 24px;
border-radius: var(--radius-sm);
text-decoration: none;
border: 0;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: .24s ease;
}
.gwhy-btn-primary {
background: var(--gradient-primary);
color: var(--gw-ink);
box-shadow: 0 14px 34px rgba(255, 106, 26, .22)
}
.gwhy-btn-primary:hover,
.gwhy-btn-secondary:hover,
.gwhy-btn-gold:hover {
transform: translateY(-2px)
}
.gwhy-btn-secondary {
color: var(--gw-text);
background: rgba(255, 255, 255, .035);
border: 1px solid rgba(255, 243, 223, .18)
}
.gwhy-btn-gold {
background: var(--gradient-primary);
color: #090503;
border: 0
}
.gwhy-progress {
position: fixed;
top: 0;
left: 0;
height: 3px;
width: 0;
z-index: 99999;
background: linear-gradient(90deg, var(--gw-primary), var(--gw-gold))
}
.gwhy-header {
position: fixed;
top: 14px;
left: 0;
right: 0;
z-index: 9999;
padding: 0 14px
}
.gwhy-header-inner {
max-width: 1180px;
margin: 0 auto;
padding: 10px 14px;
border-radius: var(--radius-md);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
background: rgba(7, 5, 4, .60);
border: 1px solid rgba(255, 255, 255, .08);
backdrop-filter: var(--blur);
transition: .25s ease
}
.gwhy-header.scrolled .gwhy-header-inner {
background: rgba(7, 5, 4, .92);
border-color: var(--gw-primary-line);
box-shadow: 0 14px 42px rgba(0, 0, 0, .42)
}
.gwhy-brand {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none
}
.gwhy-logo-wrap {
width: 52px;
height: 52px;
border-radius: var(--radius-sm);
display: grid;
place-items: center;
overflow: hidden;
background: #f5ead6
}
.gwhy-logo {
width: 100%;
height: 100%;
object-fit: contain
}
.gwhy-logo-fallback {
font-weight: 900;
color: var(--gw-primary)
}
.gwhy-brand-copy {
display: grid;
}
.gwhy-brand-copy strong {
font-family: "Cinzel", serif;
font-size: 26px;
color: var(--gw-text)
}
.gwhy-brand-copy small {
font-size: 10px;
color: var(--gw-muted);
letter-spacing: .08em;
text-transform: uppercase
}
.gwhy-nav {
flex: 1;
display: flex;
justify-content: center
}
.gwhy-primary-menu,
.gwhy-mobile-menu,
.gwhy-footer-menu,
.gwhy-primary-menu ul {
list-style: none;
margin: 0;
padding: 0
}
.gwhy-primary-menu {
display: flex;
gap: 4px;
align-items: center
}
.gwhy-primary-menu li {
position: relative
}
.gwhy-primary-menu>li>a {
display: flex;
align-items: center;
min-height: 40px;
padding: 0 12px;
border-radius: var(--radius-pill);
color: rgba(255, 243, 223, .72);
text-decoration: none;
font-size: 12px;
font-weight: 600;
transition: var(--ease)
}
.gwhy-primary-menu>li:hover>a,
.gwhy-primary-menu>li.current-menu-item>a {
color: var(--gw-primary)
}
.gwhy-primary-menu .sub-menu {
position: absolute;
top: calc(100% + 12px);
left: 0;
min-width: 220px;
padding: 10px;
border-radius: var(--radius-lg);
background: rgba(12, 7, 5, .97);
border: 1px solid var(--gw-primary-line);
box-shadow: 0 18px 50px rgba(0, 0, 0, .42);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: var(--ease)
}
.gwhy-primary-menu li:hover>.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0)
}
.gwhy-primary-menu .sub-menu a {
display: block;
padding: 11px 12px;
border-radius: var(--radius-md);
color: var(--gw-muted);
text-decoration: none;
font-size: 13px
}
.gwhy-actions {
display: flex;
align-items: center;
gap: 10px
}
.gw-desk-contact {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px
}
.gwhy-phone,
.gwhy-email {
color: var(--gw-muted);
font-size: 12px;
text-decoration: none;
white-space: nowrap;
padding: 2px;
}
.gwhy-phone:hover,
.gwhy-email:hover {
color: var(--gw-primary-2)
}
.gwhy-cta,
.gwhy-mobile-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 18px;
border-radius: var(--radius-sm);
background: var(--gradient-primary);
color: var(--gw-ink);
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.gwhy-menu-toggle {
display: none;
width: 42px;
height: 42px;
border-radius: var(--radius-sm);
border: 1px solid var(--gw-line);
background: var(--gw-surface-2);
cursor: pointer;
padding: 9px
}
.gwhy-menu-toggle span {
display: block;
height: 2px;
background: var(--gw-text);
margin: 5px 0;
border-radius: var(--radius-md);
transition: var(--ease)
}
.gwhy-menu-toggle.active span:nth-child(1) {
transform: translateY(7px) rotate(45deg)
}
.gwhy-menu-toggle.active span:nth-child(2) {
opacity: 0
}
.gwhy-menu-toggle.active span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg)
}
.gwhy-mobile-panel {
display: none;
max-width: 1180px;
margin: 8px auto 0;
padding: 13px;
border-radius: var(--radius-lg);
background: rgba(7, 5, 4, .96);
border: 1px solid var(--gw-primary-line)
}
.gwhy-mobile-panel.open {
display: block
}
.gwhy-mobile-menu a {
display: block;
color: var(--gw-muted);
text-decoration: none;
padding: 12px;
border-radius: var(--radius-md);
font-weight: 600
}
.gwhy-mobile-contact {
display: grid;
gap: 10px;
border-top: 1px solid var(--gw-line);
margin-top: 10px;
padding-top: 12px
}
.gwhy-mobile-contact .gwhy-mob-a {
color: var(--gw-muted);
text-decoration: none;
font-size: 12px;
font-weight: 400;
}
.gwhy-hero {
min-height: 100vh;
position: relative;
overflow: hidden;
padding: 140px 0 52px;
background: #090403;
z-index: 0;
}
.gwhy-hero-bg,
.gwhy-hero-overlay {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
}
.gwhy-hero-bg img,
.gwhy-hero-bg video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: .58;
filter: saturate(.92) contrast(1.08)
}
.gwhy-hero-bg video{
display: block;
}
.gwhy-hero-overlay {
z-index: 1;
background: radial-gradient(circle at 78% 45%, rgba(226, 182, 91, .18), transparent 24%), linear-gradient(90deg, rgba(7, 5, 4, .98) 0%, rgba(7, 5, 4, .80) 42%, rgba(7, 5, 4, .54) 72%, rgba(7, 5, 4, .92) 100%), linear-gradient(180deg, rgba(7, 5, 4, .30), rgba(7, 5, 4, .5))
}
.gwhy-hero-inner {
position: relative;
z-index: 2;
min-height: calc(100vh - 192px);
display: grid;
grid-template-columns: 1fr .72fr;
grid-template-rows: 1fr auto;
align-items: center;
gap: 26px 48px
}
.gwhy-hero-copy {
max-width: 660px
}
.gwhy-badge {
display: none;
align-items: center;
gap: 8px;
padding: 8px 20px;
border-radius: var(--radius-pill);
background: rgba(255, 243, 223, .12);
border: 1px solid #e2b65b90;
color: var(--gw-gold);
font-size: 10px;
font-weight: 500;
letter-spacing: .06em;
text-transform: uppercase
}
.gwhy-hero h1 {
margin: 26px 0 0;
font-family: var(--gw-font-heading);
font-size: clamp(42px, 6vw, 68px);
font-weight: 600;
color: var(--gw-text);
text-transform: uppercase;
text-shadow: 0 8px 38px rgba(0, 0, 0, .55)
}
.gwhy-hero h1::first-line {
color: var(--gw-text)
}
.gwhy-sacred-line {
width: 100%;
max-width: 420px;
height: 1px;
margin: 28px 0 22px;
background: linear-gradient(90deg, var(--gw-gold), rgba(226, 182, 91, .05))
}
.gwhy-hero p {
max-width: 610px;
margin: 0;
color: rgba(255, 243, 223, .82);
font-size: 16px;
line-height: 1.85
}
.gwhy-hero-actions {
display: flex;
gap: 13px;
flex-wrap: wrap;
margin-top: 34px
}
.gwhy-hero-emblem {
justify-self: center;
display: grid;
justify-items: center;
transform: translateY(20px)
}
.gwhy-emblem-orbit {
width: min(360px, 32vw);
aspect-ratio: 1;
border-radius: var(--radius-round);
display: grid;
place-items: center;
padding: 38px;
background: radial-gradient(circle, rgba(255, 243, 223, .12), transparent 58%), rgba(10, 4, 2, .82);
border: 1px solid rgba(226, 182, 91, .24);
box-shadow: 0 0 0 16px rgba(0, 0, 0, .34), var(--shadow-gold), 0 28px 90px rgba(0, 0, 0, .55)
}
.gwhy-emblem-card {
width: 100%;
height: 100%;
border-radius: var(--radius-round);
display: grid;
place-items: center;
overflow: hidden;
background: var(--gw-cream);
}
.gwhy-emblem-card img {
width: 86%;
height: 86%;
object-fit: contain
}
.gwhy-hero-note {
width: min(330px, 30vw);
margin-top: -8px;
padding: 20px 22px 18px;
border-radius: var(--radius-md);
text-align: center;
background: rgba(0, 0, 0, .90);
border: 1px solid rgba(226, 182, 91, .34);
box-shadow: 0 18px 60px rgba(0, 0, 0, .45);
z-index: 1;
}
.gwhy-hero-note strong {
display: block;
color: var(--gw-gold);
font-family: "Cinzel", serif;
font-size: 13px;
line-height: 1.4;
text-transform: uppercase
}
.gwhy-hero-note span {
display: block;
margin-top: 7px;
color: rgba(255, 243, 223, .68);
font-size: 12px;
line-height: 1.5
}
.gwhy-trust {
grid-column: 1/-1;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-top: 6px
}
.gwhy-trust-card {
min-height: 78px;
display: flex;
align-items: center;
gap: 16px;
padding: 17px 22px;
border-radius: var(--radius-sm);
background: rgba(0, 0, 0, .30);
border: 1px solid rgba(226, 182, 91, .24);
backdrop-filter: blur(14px)
}
.gwhy-trust-icon {
width: 42px;
height: 42px;
border-radius: var(--radius-sm);
display: grid;
place-items: center;
background: rgba(255, 106, 26, .11);
color: var(--gw-primary)
}
.gwhy-trust-card b {
display: block;
font-family: "Cinzel", serif;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
text-transform: uppercase
}
.gwhy-trust-card small {
display: block;
margin-top: 5px;
color: rgba(255, 243, 223, .50);
font-size: 12px
}
.gwhy-plans-section {
background: linear-gradient(180deg, #0a0503, #110804)
}
.gwhy-plans-head {
display: grid;
grid-template-columns: 1fr 340px;
gap: 46px;
align-items: start;
margin-bottom: 40px
}
.gwhy-plans-head .gwhy-text {
max-width: 660px
}
.gwhy-calendar-card {
border-radius: var(--radius-lg);
padding: 22px;
background: rgba(255, 255, 255, .035);
border: 1px solid rgba(226, 182, 91, .25);
box-shadow: var(--shadow-gold)
}
.gwhy-calender-desc{
font-size: 11px;
color: var(--gw-muted);
font-weight: 400;
line-height: 1.5;
padding: 20px 0;
}
.gwhy-calendar-top {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--gw-text);
font-weight: 800
}
.gwhy-calendar-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 8px
}
.gwhy-calendar-grid small {
color: var(--gw-muted);
font-size: 11px;
text-align: center;
font-weight: 700;
}
.gwhy-calendar-note {
margin-top: 16px;
border-radius: var(--radius-md);
padding: 14px;
background: rgba(0, 0, 0, .35);
border: 1px solid var(--gw-primary-line)
}
.gwhy-calendar-day {
min-height: 32px;
border: 0;
border-radius: var(--radius-sm);
display: grid;
place-items: center;
background: rgba(255, 255, 255, .03);
color: rgba(255, 243, 223, .55);
font-size: 11px;
font-weight: 800;
cursor: pointer;
transition: var(--ease);
}
.gwhy-calendar-day:hover {
color: var(--gw-text);
background: rgba(255, 106, 26, .18);
}
.gwhy-calendar-day.has-event {
color: var(--gw-gold);
background: #D4AF372E;
border: 1px solid #D4AF3759;
}
.gwhy-calendar-day.has-event.type-navratri {
background: var(--gw-primary);
border-color: rgba(255, 106, 26, .34);
}
.gwhy-calendar-day.has-event.type-amavasya {
background: var(--gw-gold);
border-color: var(--gw-gold);
}
.gwhy-calendar-day.has-event.type-nakshatra {
box-shadow: inset 0 0 0 1px rgba(255, 243, 223, .22);
}
.gwhy-calendar-day.active {
background: var(--gw-gold);
color: var(--gw-ink);
border-color: transparent;
box-shadow: 0 12px 30px rgba(255, 106, 26, .30);
}
.gwhy-calendar-note strong,
.gwhy-calendar-note span,
.gwhy-calendar-note em {
display: block
}
.gwhy-calendar-note strong {
font-family: "Cinzel", serif;
color: var(--gw-gold);
font-size: 13px
}
.gwhy-calendar-note span {
margin-top: 5px;
font-size: 13px
}
.gwhy-calendar-note em {
margin-top: 5px;
color: var(--gw-muted);
font-size: 12px;
font-style: normal
}
.gwhy-yagya-date-panel {
margin: 34px 0 34px;
padding: 26px;
border-radius: var(--radius-lg);
background:
radial-gradient(circle at 85% 12%, rgba(255, 106, 26, .13), transparent 34%),
rgba(255, 255, 255, .035);
border: 1px solid rgba(226, 182, 91, .22);
box-shadow: var(--shadow-soft);
}
.gwhy-date-panel-head {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: flex-start;
padding-bottom: 18px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(226, 182, 91, .18);
}
.gwhy-date-panel-kicker {
display: inline-block;
margin-bottom: 8px;
color: var(--gw-primary-2);
font-size: 11px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
}
.gwhy-date-panel-head h3 {
margin: 0;
color: var(--gw-text);
font-family: var(--gw-font-heading);
font-size: clamp(24px, 3vw, 36px);
font-weight: 500;
line-height: 1.15;
}
.gwhy-date-panel-head strong {
color: var(--gw-gold);
font-size: 14px;
white-space: nowrap;
}
.gwhy-date-panel-body {
display: grid;
gap: 16px;
}
.gwhy-date-panel-body>p {
margin: 0;
color: var(--gw-muted);
line-height: 1.75;
}
.gwhy-date-event-card {
padding: 20px;
border-radius: var(--radius-md);
background: rgba(0, 0, 0, .24);
border: 1px solid rgba(255, 106, 26, .18);
}
.gwhy-date-event-card span {
display: inline-block;
margin-bottom: 8px;
color: var(--gw-primary-2);
font-size: 11px;
font-weight: 800;
letter-spacing: .10em;
text-transform: uppercase;
}
.gwhy-date-event-card h4 {
margin: 0 0 12px;
color: var(--gw-text);
font-family: var(--gw-font-heading);
font-size: 22px;
font-weight: 500;
}
.gwhy-date-event-text {
color: var(--gw-muted);
font-size: 14px;
line-height: 1.75;
}
.gwhy-date-event-text p {
margin: 0 0 12px;
}
.gwhy-date-event-card ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 9px 18px;
margin: 16px 0 18px;
padding: 0;
list-style: none;
}
.gwhy-date-event-card li {
display: flex;
gap: 8px;
color: rgba(255, 243, 223, .82);
font-size: 13px;
line-height: 1.5;
}
.gwhy-date-event-card li i {
color: var(--gw-primary-2);
margin-top: 3px;
}
.gwhy-plans {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px
}
.gwhy-plan {
min-height: 435px;
border-radius: var(--radius-lg);
padding: 35px;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
transition: .25s;
border: 1px solid rgba(226, 182, 91, .22);
background: rgba(255, 255, 255, .025)
}
.gwhy-plan:hover {
transform: translateY(-7px);
box-shadow: var(--shadow-hover);
border-color: rgba(226, 182, 91, .42)
}
.gwhy-plan.featured {
background: radial-gradient(circle at 88% 4%, rgba(226, 182, 91, .28), transparent 38%), rgba(255, 106, 26, .045);
border-color: rgba(226, 182, 91, .55);
box-shadow: var(--shadow-gold)
}
.gwhy-rec {
position: absolute;
right: 35px;
top: 35px;
background: var(--gw-gold);
color: #0a0503;
border-radius: var(--radius-pill);
padding: 7px 10px;
font-size: 9px;
font-weight: 600;
text-transform: uppercase
}
.gwhy-plan-kicker {
color: var(--gw-primary-2);
font-size: 11px;
font-weight: 800;
letter-spacing: .22em;
text-transform: uppercase
}
.gwhy-picon {
width: 42px;
height: 42px;
border-radius: var(--radius-sm);
display: grid;
place-items: center;
background: rgba(255, 106, 26, .10);
border: 1px solid var(--gw-primary-line);
color: var(--gw-primary)
}
.gwhy-plan h3 {
margin: 16px 0 0;
font-family: "Cinzel", serif;
font-size: 18px;
line-height: 1.25
}
.gwhy-plan-price {
display: flex;
align-items: baseline;
gap: 5px;
margin: 12px 0;  }
.gwhy-plan-price strong {
font-size: 28px;
color: var(--gw-text)
}
.gwhy-plan-price span {
display: inline-block;
color: var(--gw-muted);
font-size: 12px
}
.gwhy-plan p {
color: var(--gw-muted);
font-size: 13px;
line-height: 1.55
}
.gwhy-plan ul {
margin: 10px 0 22px;
padding: 0;
list-style: none;
display: grid;
gap: 9px;
font-size: 12.5px;
color: rgba(255, 243, 223, .78)
}
.gwhy-plan li {
display: flex;
gap: 8px
}
.gwhy-plan li i {
color: var(--gw-primary-2);
margin-top: 2px
}
.gwhy-plan .gwhy-btn {
width: 100%;
margin-top: auto
}
.gwhy-about-grid,
.gwhy-mentor-grid,
.gwhy-booking-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: center
}
.gwhy-founder-grid {
display: grid;
grid-template-columns: 0.5fr 1fr;
gap: 30px;
align-items: center
}
.gwhy-bagla-grid {
display: grid;
grid-template-columns: 1fr 0.8fr;
gap: 30px;
align-items: center
}
.gwhy-about-visual,
.gwhy-mentor-photo,
.gwhy-bagla-image {
position: relative;
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid rgba(226, 182, 91, .26);
box-shadow: var(--shadow-gold)
}
.gwhy-about-visual img,
.gwhy-mentor-photo img,
.gwhy-bagla-image img {
width: 100%;
height: auto;
object-fit: cover;
display: block
}
.gwhy-about-chip {
position: absolute;
left: 22px;
bottom: 22px;
display: flex;
gap: 12px;
align-items: center;
padding: 14px 16px;
border-radius: var(--radius-md);
background: rgba(0, 0, 0, .72);
border: 1px solid var(--gw-primary-line);
backdrop-filter: blur(12px)
}
.gwhy-about-chip i {
color: var(--gw-primary)
}
.gwhy-about-chip small {
color: var(--gw-muted)
}
.gwhy-about-cards,
.gwhy-mentor-cards {
display: grid;
gap: 14px;
margin-top: 26px
}
.gwhy-about-cards div,
.gwhy-mentor-cards div {
padding: 22px;
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, .035);
border: 1px solid var(--gw-line)
}
.gwhy-about-cards h3,
.gwhy-mentor-cards h3,
.gwhy-bagla-copy h3 {
margin: 0 0 8px;
font-family: "Cinzel", serif;
color: var(--gw-gold);
font-size: 18px
}
.gwhy-about-cards p,
.gwhy-mentor-cards p {
margin: 0;
color: var(--gw-muted);
line-height: 1.65
}
.gwhy-mentor-section {
background: radial-gradient(circle at 10% 30%, rgba(226, 182, 91, .12), transparent 28%), #100805
}
.gwhy-mentor-photo img {
height: 500px
}
.gwhy-mentor-copy .gwhy-btn {
margin-top: 26px
}
.gwhy-bagla {
background: linear-gradient(180deg, #090403, #050302)
}
.gwhy-devnagari {
display: block;
margin: 8px 0 24px;
color: var(--gw-primary-2);
font-size: 18px;
font-weight: 500;
}
.gwhy-benefit-list {
columns: 2;
list-style: none;
margin: 22px 0 28px;
padding: 0;
color: rgba(255, 243, 223, .76);
font-size: 14px
}
.gwhy-benefit-list li {
break-inside: avoid;
margin-bottom: 10px
}
.gwhy-benefit-list i {
color: var(--gw-gold);
margin-right: 8px
}
.gwhy-bagla-image:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .55))
}
.gwhy-bagla-image span {
position: absolute;
left: 18px;
bottom: 16px;
z-index: 2;
font-family: "Cinzel", serif;
color: var(--gw-gold)
}
.gwhy-founder-media {
position: relative;
border: 1px solid rgba(226, 182, 91, .20);
background: rgba(255, 255, 255, .025);
border-radius: var(--radius-md);
overflow: hidden
}
.gwhy-founder-media iframe,
.gwhy-founder-media img {
width: 100%; border: 0;
display: block;
object-fit: cover
}
.gwhy-founder-media div {
padding: 15px 18px;
display: flex;
justify-content: space-between;
gap: 12px;
color: var(--gw-muted);
font-size: 12px
}
.gwhy-founder-media strong {
color: var(--gw-text);
font-family: "Cinzel", serif
}
.gwhy-founder blockquote {
margin: 26px 0;
padding-left: 22px;
border-left: 2px solid var(--gw-gold);
font-family: var(--gw-font-serif);
font-size: 22px;
line-height: 1.55;
color: rgba(255, 243, 223, .86)
}
.gwhy-founder-name {
display: flex;
gap: 12px;
align-items: center
}
.gwhy-founder-name i {
color: var(--gw-primary);
font-size: 30px
}
.gwhy-founder-name strong,
.gwhy-founder-name small {
display: block
}
.gwhy-founder-name small {
color: var(--gw-muted)
}
.gwhy-faq-grid {
display: grid;
grid-template-columns: .8fr 1.2fr;
gap: 30px;
align-items: start
}
.gwhy-faq-list {
display: grid;
gap: 12px
}
.gwhy-faq-item {
border-radius: var(--radius-lg);
overflow: hidden
}
.gwhy-faq-item button {
width: 100%;
border: 0;
background: transparent;
color: var(--gw-text);
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
padding: 18px;
text-align: left;
font-family: "Cinzel", serif;
font-size: 15px;
font-weight: 700;
cursor: pointer
}
.gwhy-faq-item button strong {
color: var(--gw-primary-2);
font-size: 22px;
transition: var(--ease)
}
.gwhy-faq-item.active button strong {
transform: rotate(45deg)
}
.gwhy-faq-item>div {
display: none;
padding: 0 18px 18px;
color: var(--gw-muted);
font-size: 14px;
line-height: 1.7
}
.gwhy-faq-item.active>div {
display: block
}
.gwhy-booking {
background: radial-gradient(circle at 70% 20%, rgba(226, 182, 91, .12), transparent 28%), #0c0604
}
.gwhy-booking-grid {
align-items: start
}
.gwhy-form-wrap,
.gwhy-journey {
border-radius: var(--radius-lg);
padding: 30px
}
.gwhy-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px
}
.gwhy-form-grid label span {
display: block;
margin-bottom: 8px;
font-size: 12px;
font-weight: 800;
color: rgba(255, 243, 223, .82)
}
.gwhy-form-wrap input,
.gwhy-form-wrap select,
.gwhy-form-wrap textarea {
width: 100%;
border: 1px solid rgba(226, 182, 91, .28);
background: rgba(0, 0, 0, .25);
color: var(--gw-text);
border-radius: var(--radius-sm);
padding: 14px 15px;
font: inherit;
outline: none;
transition: var(--ease)
}
.gwhy-form-wrap select option {
background: #15100c;
color: #fff
}
.gwhy-form-wrap textarea {
min-height: 145px;
resize: vertical
}
.gwhy-form-wrap input:focus,
.gwhy-form-wrap select:focus,
.gwhy-form-wrap textarea:focus {
border-color: rgba(255, 106, 26, .50);
box-shadow: 0 0 0 4px rgba(255, 106, 26, .10)
}
.gwhy-form-grid .full {
grid-column: 1/-1
}
.gwhy-notice {
display: none;
margin-bottom: 16px;
padding: 14px 15px;
border-radius: var(--radius-sm);
font-size: 14px;
font-weight: 700
}
.gwhy-notice.ok {
display: block;
background: rgba(34, 197, 94, .10);
border: 1px solid rgba(34, 197, 94, .24);
color: #bbf7d0
}
.gwhy-notice.err {
display: block;
background: rgba(239, 68, 68, .10);
border: 1px solid rgba(239, 68, 68, .24);
color: #fecaca
}
.gwhy-summary {
display: none;
margin: 16px 0;
border-radius: var(--radius-sm);
padding: 15px;
background: rgba(255, 106, 26, .08);
border: 1px solid var(--gw-primary-line);
color: var(--gw-muted);
font-size: 13px
}
.gwhy-form-wrap .gwhy-btn {
width: 100%;
margin-top: 18px
}
.gwhy-demo-note {
text-align: center;
margin: 14px 0 0;
color: var(--gw-muted);
font-size: 12px
}
.gwhy-journey-step {
display: grid;
grid-template-columns: 46px 1fr;
gap: 16px;
padding: 18px 0;
border-bottom: 1px solid rgba(226, 182, 91, .16)
}
.gwhy-journey-step:last-child {
border: none;
}
.gwhy-journey-step b {
color: var(--gw-gold);
font-family: "Cinzel", serif
}
.gwhy-journey-step h3 {
margin: 0 0 7px;
font-family: "Cinzel", serif;
font-size: 16px
}
.gwhy-journey-step p {
margin: 0;
color: var(--gw-muted);
line-height: 1.6;
font-size: 13px
}
.gwhy-footer {
border-top: 1px solid rgba(226, 182, 91, .14);
padding: 58px 0 22px;
background: rgba(0, 0, 0, .22)
}
.gwhy-footer-grid {
display: grid;
grid-template-columns: 1.25fr .75fr .9fr 1fr;
gap: 36px
}
.gwhy-footer-logo img {
max-width: 120px;
max-height: 90px;
object-fit: contain
}
.gwhy-footer-brand p,
.gwhy-footer-col p,
.gwhy-footer-col a,
.gwhy-footer-menu a {
color: var(--gw-muted);
font-size: 13px;
line-height: 1.75
}
.gwhy-footer-col h3 {
margin: 0 0 15px;
font-family: "Cinzel", serif;
font-size: 14px
}
.gwhy-footer-menu a,
.gwhy-footer-col a {
display: block;
text-decoration: none;
margin-bottom: 8px
}
.gwhy-footer a:hover {
color: var(--gw-primary-2)
}
.gwhy-social {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px
}
.gwhy-social a {
width: 36px;
height: 36px;
display: grid;
place-items: center;
text-decoration: none;
border-radius: var(--radius-round);
border: 1px solid var(--gw-line);
background: var(--gw-surface)
}
.gwhy-footer-bottom {
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 32px;
padding-top: 20px;
border-top: 1px solid var(--gw-line);
color: var(--gw-muted);
font-size: 12px
}
.gwhy-footer-legal {
display: flex;
gap: 16px
}
.gwhy-top {
position: fixed;
left: 18px;
bottom: 18px;
width: 46px;
height: 46px;
display: none;
place-items: center;
z-index: 9998;
border-radius: var(--radius-sm);
border: 1px solid var(--gw-primary-line);
background: rgba(7, 5, 4, .80);
color: var(--gw-primary-2);
cursor: pointer;
backdrop-filter: blur(14px)
}
.gwhy-top.show {
display: grid
}
.gwhy-lightbox {
display: none;
position: fixed;
inset: 0;
z-index: 10000;
background: rgba(0, 0, 0, .88);
align-items: center;
justify-content: center;
padding: 24px
}
.gwhy-lightbox.active {
display: flex
}
.gwhy-lightbox img {
max-width: min(1060px, 95vw);
max-height: 82vh;
object-fit: contain;
border-radius: var(--radius-sm);
border: 1px solid rgba(255, 106, 26, .32);
box-shadow: 0 25px 90px rgba(0, 0, 0, .70)
}
.gwhy-lightbox button {
position: absolute;
right: 24px;
top: 24px;
width: 48px;
height: 48px;
border-radius: var(--radius-pill);
border: 1px solid var(--gw-line);
background: rgba(255, 255, 255, .08);
color: #fff;
font-size: 26px;
cursor: pointer
}
.gwhy-reveal {
opacity: 0;
transform: translateY(22px);
transition: opacity .62s ease, transform .62s ease
}
.gwhy-reveal.show {
opacity: 1;
transform: translateY(0)
}
.gwhy-page-wrap {
padding: 140px 0 80px
}
.gwhy-content-card {
border-radius: var(--radius-lg);
background: var(--gw-surface);
border: 1px solid var(--gw-line);
padding: 35px
}
.gwhy-page-title {
font-family: var(--gw-font-heading);
font-size: 42px;
margin: 0 0 24px
}
.gwhy-entry-content {
color: var(--gw-muted);
line-height: 1.8
}
@media(max-width:1080px) {
.gwhy-cta,
.gwhy-mobile-cta {
margin-top: 10px;
}
.gwhy-nav,
.gwhy-phone,
.gwhy-email,
.gwhy-cta {
display: none
}
.gwhy-menu-toggle {
display: block
}
.gwhy-hero-inner,
.gwhy-plans-head,
.gwhy-about-grid,
.gwhy-mentor-grid,
.gwhy-bagla-grid,
.gwhy-founder-grid,
.gwhy-faq-grid,
.gwhy-booking-grid {
grid-template-columns: 1fr
}
.gwhy-hero-emblem {
transform: none
}
.gwhy-emblem-orbit {
width: min(340px, 70vw)
}
.gwhy-hero-note {
width: min(330px, 72vw)
}
.gwhy-plans {
grid-template-columns: repeat(2, 1fr)
}
.gwhy-founder-media {
order: 2;
}
.gwhy-gallery-grid {
grid-template-columns: repeat(2, 1fr)
}
.gwhy-gitem:nth-child(1) {
height: 360px
}
.gwhy-footer-grid {
grid-template-columns: 1fr 1fr
}
.gwhy-calendar-card {
max-width: 420px
}
.gwhy-benefit-list {
columns: 1
}
}
@media(max-width:720px) {
.gwhy-wrap {
padding: 0 16px
}
.gwhy-section {
padding: 50px 0
}
.gwhy-header {
top: 10px;
padding: 0 10px
}
.gwhy-brand-copy small {
display: none
}
.gwhy-brand-copy strong{
font-size: 20px;
}
.gwhy-logo-wrap {
width: 42px;
height: 42px
}
.gwhy-hero {
min-height: auto;
padding: 126px 0 42px
}
.gwhy-hero-inner {
min-height: auto;
gap: 34px
}
.gwhy-hero h1 {
font-size: 39px;
line-height: 1.08
}
.gwhy-hero p {
font-size: 14.5px;
line-height: 1.75
}
.gwhy-hero-actions .gwhy-btn {
width: 100%
}
.gwhy-emblem-orbit {
width: min(275px, 78vw);
padding: 28px
}
.gwhy-hero-note {
width: min(285px, 84vw);
padding: 16px
}
.gwhy-trust {
grid-template-columns: 1fr
}
.gwhy-plans {
grid-template-columns: 1fr
}
.gwhy-title {
font-size: 32px
}
.gwhy-about-visual img,
.gwhy-mentor-photo img,
.gwhy-bagla-image img {
height: 360px
}
.gwhy-form-grid,
.gwhy-footer-grid {
grid-template-columns: 1fr
}
.gwhy-gallery-grid {
grid-template-columns: 1fr
}
.gwhy-gitem,
.gwhy-gitem:nth-child(1) {
height: 240px;
grid-column: auto;
grid-row: auto
}
.gwhy-footer-bottom {
display: block
}
.gwhy-footer-legal {
margin-top: 12px;
flex-wrap: wrap
}
.gwhy-gallery-filter {
flex-wrap: wrap
}
.gwhy-date-panel-head {
display: block;
}
.gwhy-date-panel-head strong {
display: block;
margin-top: 10px;
}
.gwhy-date-event-card ul {
grid-template-columns: 1fr;
}
.gwhy-yagya-date-panel {
padding: 20px;
}
} .gwhy-about-v2 {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 12% 25%, rgba(255, 106, 26, .10), transparent 30%),
radial-gradient(circle at 90% 70%, rgba(226, 182, 91, .08), transparent 28%);
}
.gwhy-about-v2:before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(226, 182, 91, .035) 1px, transparent 1px),
linear-gradient(90deg, rgba(226, 182, 91, .035) 1px, transparent 1px);
background-size: 72px 72px;
opacity: .35;
pointer-events: none;
}
.gwhy-about-v2-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: .92fr 1.08fr;
gap: 30px;
align-items: center;
}
.gwhy-about-v2-visual {
position: relative;
min-height: 650px;
}
.gwhy-about-v2-orb {
position: absolute;
width: 360px;
height: 360px;
left: -65px;
top: 70px;
border-radius: var(--radius-round);
background:
radial-gradient(circle, rgba(255, 106, 26, .22), transparent 62%),
radial-gradient(circle, rgba(226, 182, 91, .16), transparent 70%);
filter: blur(4px);
opacity: .85;
}
.gwhy-about-v2-main,
.gwhy-about-v2-small {
position: absolute;
overflow: hidden;
border: 1px solid rgba(226, 182, 91, .28);
background: rgba(255, 255, 255, .035);
box-shadow: var(--shadow-gold);
}
.gwhy-about-v2-main {
left: 0;
top: 0;
width: 78%;
height: 530px;
border-radius: 28px;
}
.gwhy-about-v2-small {
right: 0;
bottom: 52px;
width: 48%;
height: 310px;
border-radius: 22px;
z-index: 3;
}
.gwhy-about-v2-main:after,
.gwhy-about-v2-small:after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, transparent 48%, rgba(7, 5, 4, .72)),
radial-gradient(circle at 30% 15%, rgba(226, 182, 91, .16), transparent 34%);
pointer-events: none;
}
.gwhy-about-v2-main img,
.gwhy-about-v2-small img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(.95) contrast(1.05);
transition: transform .55s ease;
}
.gwhy-about-v2-visual:hover img {
transform: scale(1.045);
}
.gwhy-about-v2-chip {
position: absolute;
left: 28px;
bottom: 35px;
z-index: 4;
max-width: 330px;
display: flex;
align-items: center;
gap: 14px;
padding: 17px 18px;
border-radius: var(--radius-md);
background: rgba(7, 5, 4, .82);
border: 1px solid rgba(255, 106, 26, .28);
box-shadow: 0 20px 55px rgba(0, 0, 0, .38);
backdrop-filter: blur(16px);
}
.gwhy-about-v2-chip>span {
width: 46px;
height: 46px;
flex: 0 0 46px;
border-radius: var(--radius-sm);
display: grid;
place-items: center;
color: var(--gw-primary);
background: rgba(255, 106, 26, .12);
border: 1px solid rgba(255, 106, 26, .22);
}
.gwhy-about-v2-chip strong,
.gwhy-about-v2-chip small {
display: block;
}
.gwhy-about-v2-chip strong {
font-family: "Cinzel", serif;
color: var(--gw-text);
font-size: 14px;
line-height: 1.35;
}
.gwhy-about-v2-chip small {
margin-top: 5px;
color: var(--gw-muted);
font-size: 12px;
line-height: 1.55;
}
.gwhy-about-v2-year {
position: absolute;
right: 34px;
top: 46px;
z-index: 5;
width: 124px;
min-height: 124px;
display: grid;
place-items: center;
text-align: center;
padding: 16px;
border-radius: var(--radius-round);
background:
radial-gradient(circle at 50% 10%, rgba(255, 243, 223, .18), transparent 48%),
linear-gradient(135deg, rgba(226, 182, 91, .96), rgba(255, 106, 26, .92));
color: #140703;
box-shadow: 0 24px 70px rgba(255, 106, 26, .22);
}
.gwhy-about-v2-year strong {
display: block;
font-family: "Cinzel", serif;
font-size: 28px;
line-height: 1;
}
.gwhy-about-v2-year span {
display: block;
margin-top: 6px;
font-size: 10px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
.gwhy-about-v2-copy {
position: relative;
}
.gwhy-about-v2-copy .gwhy-title {
max-width: 720px;
line-height: 1.16;
}
.gwhy-about-v2-intro {
margin: 22px 0 0;
max-width: 720px;
color: rgba(255, 243, 223, .88);
font-family: var(--gw-font-serif);
font-size: 24px;
line-height: 1.52;
}
.gwhy-about-v2-text {
margin-top: 18px;
max-width: 740px;
}
.gwhy-about-v2-text p {
margin: 0 0 14px;
}
.gwhy-about-v2-highlight {
display: grid;
grid-template-columns: 38px 1fr;
gap: 14px;
margin-top: 24px;
padding: 20px 22px;
border-radius: var(--radius-md);
background:
radial-gradient(circle at 94% 15%, rgba(255, 106, 26, .13), transparent 34%),
rgba(255, 255, 255, .035);
border: 1px solid rgba(226, 182, 91, .20);
}
.gwhy-about-v2-highlight i {
color: var(--gw-gold);
font-size: 24px;
margin-top: 3px;
}
.gwhy-about-v2-highlight p {
margin: 0;
color: rgba(255, 243, 223, .82);
font-size: 15px;
line-height: 1.75;
}
.gwhy-about-v2-points {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-top: 26px;
}
.gwhy-about-v2-point {
display: grid;
grid-template-columns: 42px 1fr;
gap: 14px;
padding: 18px;
border-radius: var(--radius-md);
background: rgba(255, 255, 255, .032);
border: 1px solid rgba(255, 255, 255, .08);
transition: .24s ease;
}
.gwhy-about-v2-point:hover {
transform: translateY(-3px);
background: rgba(255, 106, 26, .055);
border-color: rgba(255, 106, 26, .22);
}
.gwhy-about-v2-point span {
width: 42px;
height: 42px;
border-radius: var(--radius-sm);
display: grid;
place-items: center;
color: var(--gw-primary-2);
background: rgba(255, 106, 26, .10);
border: 1px solid rgba(255, 106, 26, .18);
}
.gwhy-about-v2-point h3 {
margin: 0 0 6px;
color: var(--gw-gold);
font-family: "Cinzel", serif;
font-size: 15px;
line-height: 1.35;
}
.gwhy-about-v2-point p {
margin: 0;
color: var(--gw-muted);
font-size: 13px;
line-height: 1.62;
}
.gwhy-about-v2-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 26px;
padding-top: 24px;
border-top: 1px solid rgba(226, 182, 91, .16);
}
.gwhy-about-v2-stats div {
padding: 16px;
border-radius: var(--radius-md);
background: rgba(0, 0, 0, .24);
border: 1px solid rgba(226, 182, 91, .16);
}
.gwhy-about-v2-stats strong {
display: block;
color: var(--gw-primary-2);
font-family: "Cinzel", serif;
font-size: 26px;
line-height: 1;
}
.gwhy-about-v2-stats span {
display: block;
margin-top: 8px;
color: var(--gw-muted);
font-size: 12px;
line-height: 1.45;
}
.gwhy-about-v2-copy .gwhy-btn {
margin-top: 28px;
}
@media(max-width:1080px) {
.gwhy-about-v2-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.gwhy-about-v2-visual {
max-width: 640px;
min-height: 620px;
}
}
@media(max-width:720px) {
.gwhy-about-v2-grid {
gap: 20px;
}
.gwhy-about-v2-visual {
min-height: auto;
display: grid;
gap: 14px;
}
.gwhy-about-v2-orb,
.gwhy-about-v2-year {
display: none;
}
.gwhy-about-v2-main,
.gwhy-about-v2-small,
.gwhy-about-v2-chip {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
width: 100%;
}
.gwhy-about-v2-main {
height: 360px;
border-radius: 22px;
}
.gwhy-about-v2-small {
height: 220px;
border-radius: 18px;
}
.gwhy-about-v2-chip {
max-width: 100%;
margin-top: 0;
}
.gwhy-about-v2-intro {
font-size: 20px;
}
.gwhy-about-v2-points,
.gwhy-about-v2-stats {
grid-template-columns: 1fr;
}
.gwhy-about-v2-highlight {
grid-template-columns: 1fr;
}
} .gwhy-about-v2-grid {
grid-template-columns: 1fr 1fr;
gap: 30px;
align-items: center;
}
.gwhy-about-v3-visual {
min-height: auto;
position: relative;
display: grid;
gap: 18px;
}
.gwhy-about-v3-main-card {
position: relative;
height: 430px;
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid rgba(226, 182, 91, .28);
background:
radial-gradient(circle at 20% 10%, rgba(255, 106, 26, .18), transparent 36%),
rgba(255, 255, 255, .035);
box-shadow: var(--shadow-gold);
}
.gwhy-about-v3-main-card img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
opacity: .88;
filter: saturate(.95) contrast(1.05);
transition: transform .55s ease;
}
.gwhy-about-v3-main-card:hover img {
transform: scale(1.045);
}
.gwhy-about-v3-main-card:after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(7, 5, 4, .05), rgba(7, 5, 4, .78)),
radial-gradient(circle at 78% 18%, rgba(226, 182, 91, .20), transparent 34%);
pointer-events: none;
}
.gwhy-about-v3-main-overlay {
position: absolute;
left: 22px;
right: 22px;
bottom: 22px;
z-index: 2;
padding: 18px 20px;
border-radius: var(--radius-md);
background: rgba(7, 5, 4, .78);
border: 1px solid rgba(226, 182, 91, .22);
backdrop-filter: blur(14px);
}
.gwhy-about-v3-main-overlay span {
display: block;
margin-bottom: 7px;
color: var(--gw-primary-2);
font-size: 11px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.gwhy-about-v3-main-overlay strong {
display: block;
color: var(--gw-text);
font-family: "Cinzel", serif;
font-size: 18px;
line-height: 1.45;
}
.gwhy-about-v3-bottom {
display: grid;
grid-template-columns: .8fr 1fr;
gap: 18px;
align-items: stretch;
}
.gwhy-about-v3-small-card {
min-height: 260px;
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid rgba(226, 182, 91, .22);
background: rgba(255, 255, 255, .035);
box-shadow: 0 18px 55px rgba(0, 0, 0, .30);
}
.gwhy-about-v3-small-card img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
opacity: .9;
}
.gwhy-about-v3-promise {
min-height: 260px;
padding: 24px;
border-radius: var(--radius-lg);
background:
radial-gradient(circle at 90% 10%, rgba(255, 106, 26, .14), transparent 36%),
rgba(255, 255, 255, .038);
border: 1px solid rgba(226, 182, 91, .20);
box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
}
.gwhy-about-v3-promise-icon {
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: var(--radius-sm);
color: var(--gw-primary-2);
background: rgba(255, 106, 26, .11);
border: 1px solid rgba(255, 106, 26, .24);
margin-bottom: 16px;
}
.gwhy-about-v3-promise h3 {
margin: 0 0 10px;
color: var(--gw-gold);
font-family: "Cinzel", serif;
font-size: 17px;
line-height: 1.35;
}
.gwhy-about-v3-promise p {
margin: 0;
color: var(--gw-muted);
font-size: 13px;
line-height: 1.65;
}
.gwhy-about-v3-promise ul {
display: grid;
gap: 9px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
.gwhy-about-v3-promise li {
display: flex;
gap: 9px;
align-items: center;
color: rgba(255, 243, 223, .78);
font-size: 13px;
}
.gwhy-about-v3-promise li i {
color: var(--gw-primary-2);
font-size: 12px;
}
.gwhy-about-v3-exp {
position: absolute;
right: -18px;
top: 34px;
z-index: 4;
width: 142px;
min-height: 142px;
display: grid;
place-items: center;
text-align: center;
padding: 18px;
border-radius: 50%;
background: linear-gradient(135deg, var(--gw-gold), var(--gw-primary-2));
color: #130703;
box-shadow: 0 22px 70px rgba(255, 106, 26, .28);
}
.gwhy-about-v3-exp strong {
display: block;
font-size: 32px;
line-height: 1;
}
.gwhy-about-v3-exp span {
display: block;
margin-top: 8px;
font-size: 10px;
font-weight: 900;
line-height: 1.35;
text-transform: uppercase;
} .gwhy-about-v3-visual .gwhy-about-v2-orb,
.gwhy-about-v3-visual .gwhy-about-v2-main,
.gwhy-about-v3-visual .gwhy-about-v2-small,
.gwhy-about-v3-visual .gwhy-about-v2-chip,
.gwhy-about-v3-visual .gwhy-about-v2-year {
display: none !important;
}
@media(max-width:1080px) {
.gwhy-about-v2-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.gwhy-about-v3-visual {
order: 2;
max-width: 760px;
}
}
@media(max-width:720px) {
.gwhy-about-v3-main-card {
height: 360px;
border-radius: 22px;
}
.gwhy-about-v3-bottom {
grid-template-columns: 1fr;
}
.gwhy-about-v3-small-card {
min-height: 230px;
}
.gwhy-about-v3-exp {
right: 14px;
top: 14px;
width: 104px;
min-height: 104px;
padding: 12px;
}
.gwhy-about-v3-exp strong {
font-size: 24px;
}
.gwhy-about-v3-exp span {
font-size: 8px;
}
.gwhy-about-v3-main-overlay {
left: 14px;
right: 14px;
bottom: 14px;
padding: 15px;
}
.gwhy-about-v3-main-overlay strong {
font-size: 15px;
}
}  .gwhy-mentor-v2 {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 10% 18%, rgba(226, 182, 91, .13), transparent 30%),
radial-gradient(circle at 90% 78%, rgba(255, 106, 26, .10), transparent 30%),
#100805;
}
.gwhy-mentor-v2:before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(226, 182, 91, .032) 1px, transparent 1px),
linear-gradient(90deg, rgba(226, 182, 91, .032) 1px, transparent 1px);
background-size: 70px 70px;
opacity: .38;
pointer-events: none;
}
.gwhy-mentor-v2-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1fr 0.7fr;
gap: 30px;
align-items: center;
}
.gwhy-mentor-v2-profile {
position: relative;
display: grid;
gap: 18px;
}
.gwhy-mentor-v2-photo {
position: relative;
min-height: 560px;
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid rgba(226, 182, 91, .28);
background:
radial-gradient(circle at 20% 10%, rgba(255, 106, 26, .13), transparent 34%),
rgba(255, 255, 255, .035);
box-shadow: var(--shadow-gold);
}
.gwhy-mentor-v2-photo img {
width: 100%;
height: 100%;
min-height: 560px;
object-fit: cover;
object-position: center top;
display: block;
filter: saturate(.95) contrast(1.04);
}
.gwhy-mentor-v2-photo:after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(7, 5, 4, .03), rgba(7, 5, 4, .72)),
radial-gradient(circle at 80% 12%, rgba(226, 182, 91, .20), transparent 32%);
pointer-events: none;
}
.gwhy-mentor-v2-exp {
position: absolute;
right: 22px;
top: 22px;
z-index: 3;
width: 138px;
min-height: 138px;
display: grid;
place-items: center;
text-align: center;
padding: 16px;
border-radius: 50%;
background: linear-gradient(135deg, var(--gw-gold), var(--gw-primary-2));
color: #130703;
box-shadow: 0 22px 70px rgba(255, 106, 26, .28);
}
.gwhy-mentor-v2-exp strong {
display: block;
font-family: "Cinzel", serif;
font-size: 34px;
line-height: 1;
}
.gwhy-mentor-v2-exp span {
display: block;
margin-top: 8px;
font-size: 9.5px;
font-weight: 900;
line-height: 1.35;
text-transform: uppercase;
}
.gwhy-mentor-v2-name-card {
margin-top: -112px;
margin-left: 24px;
margin-right: 24px;
position: relative;
z-index: 5;
padding: 24px;
border-radius: var(--radius-lg);
background: rgba(7, 5, 4, .84);
border: 1px solid rgba(226, 182, 91, .28);
box-shadow: 0 20px 70px rgba(0, 0, 0, .40);
backdrop-filter: blur(16px);
}
.gwhy-mentor-v2-name-card span {
display: block;
margin-bottom: 8px;
color: var(--gw-primary-2);
font-size: 11px;
font-weight: 800;
letter-spacing: .13em;
text-transform: uppercase;
}
.gwhy-mentor-v2-name-card h3 {
margin: 0;
color: var(--gw-text);
font-family: "Cinzel", serif;
font-size: 24px;
line-height: 1.25;
}
.gwhy-mentor-v2-name-card p {
margin: 10px 0 0;
color: var(--gw-muted);
font-size: 14px;
line-height: 1.65;
}
.gwhy-mentor-v2-mini-grid {
display: grid;
gap: 12px;
}
.gwhy-mentor-v2-mini {
display: grid;
grid-template-columns: 44px 1fr;
gap: 14px;
align-items: center;
padding: 16px;
border-radius: var(--radius-md);
background: rgba(255, 255, 255, .035);
border: 1px solid rgba(226, 182, 91, .16);
}
.gwhy-mentor-v2-mini i {
width: 44px;
height: 44px;
display: grid;
place-items: center;
border-radius: var(--radius-sm);
color: var(--gw-primary-2);
background: rgba(255, 106, 26, .11);
border: 1px solid rgba(255, 106, 26, .20);
}
.gwhy-mentor-v2-mini strong,
.gwhy-mentor-v2-mini small {
display: block;
}
.gwhy-mentor-v2-mini strong {
color: var(--gw-gold);
font-family: "Cinzel", serif;
font-size: 14px;
line-height: 1.35;
}
.gwhy-mentor-v2-mini small {
margin-top: 4px;
color: var(--gw-muted);
font-size: 12px;
line-height: 1.45;
}
.gwhy-mentor-v2-content .gwhy-title {
max-width: 760px;
line-height: 1.15;
}
.gwhy-mentor-v2-intro {
margin: 22px 0 0;
max-width: 780px;
color: rgba(255, 243, 223, .88);
font-family: var(--gw-font-serif);
font-size: 24px;
line-height: 1.52;
}
.gwhy-mentor-v2-text {
margin-top: 18px;
max-width: 800px;
}
.gwhy-mentor-v2-authority {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-top: 28px;
}
.gwhy-mentor-v2-authority div {
padding: 20px;
border-radius: var(--radius-md);
background:
radial-gradient(circle at 92% 10%, rgba(255, 106, 26, .10), transparent 36%),
rgba(255, 255, 255, .035);
border: 1px solid rgba(255, 255, 255, .08);
transition: .24s ease;
}
.gwhy-mentor-v2-authority div:hover {
transform: translateY(-3px);
border-color: rgba(255, 106, 26, .25);
background-color: rgba(255, 106, 26, .045);
}
.gwhy-mentor-v2-authority span {
width: 42px;
height: 42px;
display: grid;
place-items: center;
margin-bottom: 14px;
border-radius: var(--radius-sm);
color: var(--gw-primary-2);
background: rgba(255, 106, 26, .11);
border: 1px solid rgba(255, 106, 26, .22);
}
.gwhy-mentor-v2-authority h3 {
margin: 0 0 8px;
color: var(--gw-gold);
font-family: "Cinzel", serif;
font-size: 15px;
line-height: 1.35;
}
.gwhy-mentor-v2-authority p {
margin: 0;
color: var(--gw-muted);
font-size: 13px;
line-height: 1.65;
}
.gwhy-mentor-v2-timeline {
margin-top: 28px;
padding: 24px;
border-radius: 22px;
background:
radial-gradient(circle at 88% 8%, rgba(226, 182, 91, .11), transparent 35%),
rgba(0, 0, 0, .22);
border: 1px solid rgba(226, 182, 91, .18);
}
.gwhy-mentor-v2-timeline-head {
margin-bottom: 18px;
}
.gwhy-mentor-v2-timeline-head span {
display: block;
margin-bottom: 6px;
color: var(--gw-primary-2);
font-size: 11px;
font-weight: 800;
letter-spacing: .13em;
text-transform: uppercase;
}
.gwhy-mentor-v2-timeline-head strong {
display: block;
color: var(--gw-text);
font-family: "Cinzel", serif;
font-size: 20px;
line-height: 1.35;
}
.gwhy-mentor-v2-time-row {
display: grid;
grid-template-columns: 92px 1fr;
gap: 18px;
padding: 15px 0;
border-top: 1px solid rgba(226, 182, 91, .14);
}
.gwhy-mentor-v2-time-row b {
color: var(--gw-gold);
font-family: "Cinzel", serif;
font-size: 14px;
line-height: 1.5;
}
.gwhy-mentor-v2-time-row p {
margin: 0;
color: var(--gw-muted);
font-size: 14px;
line-height: 1.68;
}
.gwhy-mentor-v2-awards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 18px;
}
.gwhy-mentor-v2-awards div {
padding: 17px;
border-radius: var(--radius-md);
background: rgba(255, 255, 255, .032);
border: 1px solid rgba(226, 182, 91, .16);
}
.gwhy-mentor-v2-awards strong {
display: block;
color: var(--gw-primary-2);
font-family: "Cinzel", serif;
font-size: 14px;
line-height: 1.35;
}
.gwhy-mentor-v2-awards span {
display: block;
margin-top: 7px;
color: var(--gw-muted);
font-size: 12px;
line-height: 1.45;
}
.gwhy-mentor-v2-content .gwhy-btn {
margin-top: 28px;
}
@media(max-width:1080px) {
.gwhy-mentor-v2-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.gwhy-mentor-v2-profile {
max-width: 680px;
}
}
@media(max-width:720px) {
.gwhy-mentor-v2-photo,
.gwhy-mentor-v2-photo img {
min-height: 430px;
}
.gwhy-mentor-v2-exp {
width: 108px;
min-height: 108px;
right: 14px;
top: 14px;
padding: 12px;
}
.gwhy-mentor-v2-exp strong {
font-size: 25px;
}
.gwhy-mentor-v2-exp span {
font-size: 8px;
}
.gwhy-mentor-v2-name-card {
margin: -86px 14px 0;
padding: 19px;
}
.gwhy-mentor-v2-name-card h3 {
font-size: 20px;
}
.gwhy-mentor-v2-intro {
font-size: 20px;
}
.gwhy-mentor-v2-authority,
.gwhy-mentor-v2-awards {
grid-template-columns: 1fr;
}
.gwhy-mentor-v2-time-row {
grid-template-columns: 1fr;
gap: 6px;
}
} .gwhy-gallery-section {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 12% 18%, rgba(255, 106, 26, .08), transparent 30%),
radial-gradient(circle at 88% 72%, rgba(226, 182, 91, .07), transparent 30%);
}
.gwhy-gallery-section:before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(226, 182, 91, .03) 1px, transparent 1px),
linear-gradient(90deg, rgba(226, 182, 91, .03) 1px, transparent 1px);
background-size: 72px 72px;
pointer-events: none;
opacity: .35;
}
.gwhy-gallery-section .gwhy-wrap {
position: relative;
z-index: 1;
}
.gwhy-gallery-head {
display: grid;
grid-template-columns: 1fr auto;
gap: 34px;
align-items: end;
margin-bottom: 34px;
}
.gwhy-gallery-head-copy {
max-width: 720px;
}
.gwhy-gallery-head-copy .gwhy-title {
line-height: 1.12;
}
.gwhy-gallery-head-copy .gwhy-text {
max-width: 650px;
margin: 18px 0 0;
}
.gwhy-gallery-filter {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 10px;
border-radius: var(--radius-pill);
background: rgba(255, 255, 255, .035);
border: 1px solid rgba(226, 182, 91, .18);
box-shadow: 0 18px 55px rgba(0, 0, 0, .24);
}
.gwhy-gallery-filter button {
position: relative;
min-height: 35px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0 16px;
border-radius: var(--radius-pill);
border: 1px solid rgba(226, 182, 91, .18);
background: rgba(0, 0, 0, .22);
color: rgba(255, 243, 223, .78);
font-size: 12px;
font-weight: 800;
cursor: pointer;
transition: .24s ease;
}
.gwhy-gallery-filter button i {
color: var(--gw-primary-2);
font-size: 12px;
}
.gwhy-gallery-filter button:hover {
color: var(--gw-text);
transform: translateY(-2px);
border-color: rgba(255, 106, 26, .30);
background: rgba(255, 106, 26, .08);
}
.gwhy-gallery-filter button.active {
color: #140703;
background: linear-gradient(135deg, var(--gw-gold), var(--gw-primary-2));
border-color: transparent;
box-shadow: 0 14px 34px rgba(255, 106, 26, .24);
}
.gwhy-gallery-filter button.active i {
color: #140703;
}
.gwhy-gallery-grid-v2 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: 240px;
gap: 16px;
}
.gwhy-gallery-grid-v2 .gwhy-gitem {
height: auto;
min-height: 240px;
grid-column: auto;
grid-row: auto;
border-radius: 18px;
border: 1px solid rgba(226, 182, 91, .22);
background: rgba(255, 255, 255, .035);
overflow: hidden;
transition: opacity .25s ease, transform .25s ease, border-color .25s ease;
}
.gwhy-gallery-grid-v2 .gwhy-gitem:nth-child(1) {
grid-column: span 1; height: auto;
}
.gwhy-gallery-grid-v2 .gwhy-gitem img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
opacity: .9;
}
.gwhy-gallery-grid-v2 .gwhy-gitem:after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(7, 5, 4, .02), rgba(7, 5, 4, .70)),
radial-gradient(circle at 70% 15%, rgba(255, 106, 26, .15), transparent 34%);
pointer-events: none;
}
.gwhy-gallery-grid-v2 .gwhy-gitem span {
z-index: 3;
left: 14px;
right: 14px;
bottom: 14px;
padding: 12px 14px;
border-radius: var(--radius-md);
background: rgba(7, 5, 4, .76);
border: 1px solid rgba(255, 106, 26, .24);
color: var(--gw-text);
font-size: 12px;
font-weight: 900;
backdrop-filter: blur(12px);
}
.gwhy-gallery-grid-v2 .gwhy-gitem:hover {
transform: translateY(-5px);
border-color: rgba(255, 106, 26, .42);
box-shadow: var(--shadow-hover);
}
.gwhy-gallery-grid-v2 .gwhy-gitem.is-hidden {
display: none;
}
.gwhy-gallery-empty {
display: none;
margin-top: 24px;
padding: 28px;
text-align: center;
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, .035);
border: 1px solid rgba(226, 182, 91, .18);
}
.gwhy-gallery-empty.show {
display: grid;
place-items: center;
gap: 8px;
}
.gwhy-gallery-empty i {
color: var(--gw-primary-2);
font-size: 28px;
}
.gwhy-gallery-empty strong {
color: var(--gw-text);
font-family: "Cinzel", serif;
}
.gwhy-gallery-empty span {
color: var(--gw-muted);
font-size: 13px;
}
@media(max-width:1080px) {
.gwhy-gallery-head {
grid-template-columns: 1fr;
align-items: start;
}
.gwhy-gallery-filter {
justify-content: flex-start;
width: fit-content;
border-radius: var(--radius-md);
}
.gwhy-gallery-grid-v2 {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 230px;
}
.gwhy-gallery-grid-v2 .gwhy-gitem:nth-child(1) {
grid-column: span 2;
grid-row: span 1;
}
}
@media(max-width:720px) {
.gwhy-gallery-head {
gap: 22px;
}
.gwhy-gallery-filter {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
}
.gwhy-gallery-filter button {
width: 100%;
justify-content: center;
padding: 0 10px;
}
.gwhy-gallery-grid-v2 {
grid-template-columns: 1fr;
grid-auto-rows: auto;
}
.gwhy-gallery-grid-v2 .gwhy-gitem,
.gwhy-gallery-grid-v2 .gwhy-gitem:nth-child(1) {
grid-column: auto;
grid-row: auto;
height: 250px;
min-height: 250px;
}
} .gwhy-booking-form-pro {
margin-top: 26px;
}
.gwhy-booking-form-pro .gwhy-cf7-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
.gwhy-booking-form-pro label {
display: block;
margin: 0;
}
.gwhy-booking-form-pro label.full {
grid-column: 1 / -1;
}
.gwhy-booking-form-pro label>span {
display: block;
margin-bottom: 7px;
color: rgba(255, 243, 223, .86);
font-size: 12px;
font-weight: 500;
line-height: 1.2;
}
.gwhy-booking-form-pro input,
.gwhy-booking-form-pro select,
.gwhy-booking-form-pro textarea {
width: 100%;
min-height: 48px;
border: 1px solid rgba(226, 182, 91, .24);
background: rgba(0, 0, 0, .34);
color: var(--gw-text);
border-radius: var(--radius-sm);
padding: 12px 14px;
font-weight: 400;
font-size: 14px;
outline: none;
transition: .22s ease;
}
.gwhy-booking-form-pro textarea {
min-height: 112px;
max-height: 150px;
resize: vertical;
}
.gwhy-booking-form-pro input::placeholder,
.gwhy-booking-form-pro textarea::placeholder {
color: rgba(255, 243, 223, .38);
}
.gwhy-booking-form-pro select {
cursor: pointer;
}
.gwhy-booking-form-pro select option {
background: #130906;
color: #fff;
}
.gwhy-booking-form-pro input:focus,
.gwhy-booking-form-pro select:focus,
.gwhy-booking-form-pro textarea:focus {
border-color: rgba(255, 106, 26, .58);
background: rgba(0, 0, 0, .44);
box-shadow: 0 0 0 4px rgba(255, 106, 26, .10);
}
.gwhy-cf7-bottom-row {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
align-items: center;
margin-top: 16px;
}
.gwhy-booking-form-pro .gwhy-cf7-note {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 12px 14px;
border-radius: 14px;
background: rgba(255, 106, 26, .07);
border: 1px solid rgba(255, 106, 26, .16);
color: rgba(255, 243, 223, .68);
font-size: 12px;
line-height: 1.45;
}
.gwhy-booking-form-pro .gwhy-cf7-note i {
display: inline;
width: 30px;
height: 30px;
flex: 0 0 30px;
display: grid;
place-items: center;
border-radius: 10px;
color: var(--gw-primary-2);
background: rgba(255, 106, 26, .12);
border: 1px solid rgba(255, 106, 26, .18);
}
.gwhy-booking-form-pro .gwhy-cf7-submit {
margin: 0;
}
.gwhy-booking-form-pro .gwhy-submit-btn,
.gwhy-booking-form-pro input[type="submit"] {
min-width: 210px;
min-height: 50px;
border: 0;
border-radius: var(--radius-sm);
background: var(--gradient-primary);
color: #140703;
padding: 0 24px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
box-shadow: 0 16px 38px rgba(255, 106, 26, .24);
transition: .22s ease;
}
.gwhy-booking-form-pro .gwhy-submit-btn:hover,
.gwhy-booking-form-pro input[type="submit"]:hover {
transform: translateY(-2px);
box-shadow: 0 20px 46px rgba(255, 106, 26, .30);
}
.gwhy-booking-form-pro .wpcf7-spinner {
margin: 8px 0 0 10px;
}
.gwhy-booking-form-pro .wpcf7-not-valid-tip {
margin-top: 6px;
color: #fecaca;
font-size: 11px;
}
.gwhy-booking-form-pro .wpcf7-response-output {
margin: 16px 0 0 !important;
padding: 13px 14px !important;
border-radius: 14px;
color: var(--gw-text);
font-size: 13px;
} .gwhy-booking-form-pro p {
margin: 0;
}
.gwhy-booking-form-pro br {
display: none;
}
.gwhy-cf7-two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.gwhy-cf7-two-col label {
margin: 0;
}
@media(max-width:720px) {
.gwhy-cf7-two-col {
grid-template-columns: 1fr;
}
}
@media(max-width:720px) {
.gwhy-booking-form-pro .gwhy-cf7-grid {
grid-template-columns: 1fr;
}
.gwhy-cf7-bottom-row {
grid-template-columns: 1fr;
}
.gwhy-booking-form-pro .gwhy-submit-btn,
.gwhy-booking-form-pro input[type="submit"] {
width: 100%;
min-width: 0;
}
} .gwhy-plan-checklist {
gap: 10px;
}
.gwhy-plan-checkbox-item {
display: block;
}
.gwhy-plan-checkbox-item label {
display: flex;
align-items: flex-start;
gap: 9px;
cursor: pointer;
line-height: 1.45;
}
.gwhy-plan-feature-checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
.gwhy-custom-checkbox {
width: 15px;
height: 15px;
min-width: 15px;
border-radius: 2px;
display: inline-grid;
place-items: center;
margin-top: 1px;
border: 1px solid rgba(226, 182, 91, .55);
background: rgba(255, 255, 255, .04);
color: #0a0503;
transition: .2s;
}
.gwhy-custom-checkbox i {
margin: 0;
font-size: 11px;
opacity: 0;
transform: scale(.75);
transition: .2s;
}
.gwhy-plan-feature-checkbox:checked+.gwhy-custom-checkbox {
background: var(--gw-primary);
border-color: var(--gw-primary);
}
.gwhy-plan-feature-checkbox:checked+.gwhy-custom-checkbox i {
opacity: 1;
transform: scale(1);
color: var(--gw-ink);
}
.gwhy-plan-feature-checkbox:focus-visible+.gwhy-custom-checkbox {
outline: 2px solid var(--gw-ink);
outline-offset: 2px;
}
.gwhy-plan-checkbox-note {
margin: -8px 0 16px;
font-size: 12px;
color: var(--gw-primary-2);
}
.gwhy-plan-needs-selection {
border-color: rgba(255, 106, 26, .85);
box-shadow: 0 0 0 3px rgba(255, 106, 26, .16);
} #gwhy-embers {
position: fixed;
inset: 0;
pointer-events: none;
overflow: hidden;
z-index: 1;
}
.ember-particle {
position: absolute;
bottom: -20px;
border-radius: 50%;
background: radial-gradient(circle, #ffd27a 0%, #ff7a18 45%, rgba(255, 72, 0, 0) 75%);
box-shadow:
0 0 10px rgba(255, 118, 24, 0.75),
0 0 22px rgba(255, 72, 0, 0.45);
opacity: 0;
animation-name: gwhyEmberFloat;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes gwhyEmberFloat {
0% {
transform: translate3d(0, 0, 0) scale(0.8);
opacity: 0;
}
12% {
opacity: 0.85;
}
70% {
opacity: 0.55;
}
100% {
transform: translate3d(var(--x), -105vh, 0) scale(0.2);
opacity: 0;
}
}
.gwhy-section,
.gwhy-footer {
position: relative;
z-index: 0;
}
@media (max-width: 767px) {
#gwhy-embers {
opacity: 0.55;
}
} .gwhy-emblem-orbit {
position: relative;
overflow: visible;
isolation: isolate;
}
.gwhy-emblem-card {
position: relative;
z-index: 5;
} .gwhy-emblem-orbit::before,
.gwhy-emblem-orbit::after {
content: "";
position: absolute;
inset: -6px;
border-radius: 50%;
pointer-events: none;
z-index: 1;
border: 1px solid rgba(226, 182, 91, 0.36);
box-shadow:
0 0 22px rgba(226, 182, 91, 0.20),
0 0 60px rgba(255, 122, 28, 0.10);
animation: gwhySacredWave 4s ease-out infinite;
}
.gwhy-emblem-orbit::after {
animation-delay: 2s;
border-color: rgba(255, 137, 42, 0.30);
}
@keyframes gwhySacredWave {
0% {
transform: scale(0.95);
opacity: 0;
}
18% {
opacity: 0.75;
}
100% {
transform: scale(1.28);
opacity: 0;
}
} .gwhy-plan-price-bottom {
padding-bottom: 13px;
font-size: 13px;
line-height: 1.6;
color: var(--gw-muted);
border-bottom: 1px solid rgba(226, 182, 91, .18)
}
.gwhy-plan-price-bottom strong {
color: var(--gwhy-primary);
font-weight: 600;
}
.gwhy-plan-price-bottom em {
color: #ffffff;
font-style: normal;
}
.gwhy-plan-price-bottom a {
color: var(--gwhy-primary, #f28c28);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}