*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:'Lato',sans-serif;
background:#120a1e;
color:#f0eaf7;
line-height:1.8;
}
.container{
width:min(1200px,92%);
margin:auto;
}
a{color:inherit}
h2{
font-size:38px;
color:#f5e0a6;
font-weight:900;
margin-bottom:25px;
text-align:center;
}
h2 span{color:#FEBE0D}
.hl{color:#FEBE0D;font-weight:700}
p.sub{
text-align:center;
max-width:820px;
margin:0 auto 45px;
font-size:18px;
color:#d8cce8;
}
p.sub.tight{margin-bottom:10px}
p.sub.small{
font-size:16px;
font-weight:700;
color:#FEBE0D;
margin-bottom:30px;
}
.intro-text{
text-align:center;
max-width:1000px;
margin:0 auto 45px;
font-size:17px;
color:#e5dcf2;
}
.intro-text strong{color:#fff}
.btn-primary{
background-color:#FFBF0D;
border:none;
border-radius:3px;
box-shadow:none;
box-sizing:border-box;
color:#000;
cursor:pointer;
display:inline-block;
font-family:'Lato',sans-serif;
font-size:20px;
font-weight:600;
height:44px;
line-height:20px;
padding:12px 24px;
text-align:center;
text-decoration:none;
transition:all .3s ease;
}
.btn-primary:hover{
background-color:#ffd54f;
}
.center-btn{text-align:center;margin-top:35px}

/* HEADER (shared) */
header{
background:#0d0616;
position:sticky;
top:0;
z-index:100;
border-bottom:1px solid #2a1a3d;
}
.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
}
.logo img{height:90px}
nav ul{
display:flex;
gap:45px;
list-style:none;
}
nav a{
text-decoration:none;
color:#fff;
font-size:19px;
font-weight:700;
transition:.3s;
}
nav a:hover,
nav .active{color:#FEBE0D}
.btns{display:flex;gap:18px}
.btn{
background:#FFBF0D;
color:#000;
padding:12px 28px;
border-radius:8px;
font-weight:700;
font-size:17px;
text-decoration:none;
transition:all .3s ease;
}
.btn:hover{background:#ffd54f}

/* HERO */
.hero2{
position:relative;
background:#000 url('assets/mahadev-book-banner-generator.png') center top/cover no-repeat;
min-height:85vh;
display:flex;
align-items:center;
overflow:hidden;
}
.hero2-overlay{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.25) 55%,#120a1e 100%);
}
.hero2-content{
position:relative;
z-index:2;
padding:90px 0 70px;
}
.hero2-content h1{
font-size:50px;
line-height:1.2;
color:#f5e0a6;
font-weight:900;
margin-bottom:30px;
text-align:center;
}
.hero2-content p{
font-size:19px;
margin-bottom:18px;
color:#f0eaf7;
max-width:1100px;
}
.hero2-content strong{color:#FEBE0D}
.hero2-tagline{font-weight:700}
.hero2-cta{text-align:center;margin-top:35px}

/* WELCOME / INTRO */
.welcome-section{padding:70px 0}
.welcome-wrap{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:60px;
align-items:start;
}
.welcome-content h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
line-height:1.4;
margin-bottom:22px;
}
.welcome-content p{
font-size:17px;
color:#e5dcf2;
margin-bottom:20px;
}
.welcome-content .hl{color:#FEBE0D;font-weight:700}
.welcome-content .center-btn{text-align:center;margin-top:10px}
.welcome-image img{
width:100%;
border-radius:10px;
display:block;
}
@media(max-width:991px){
.welcome-wrap{grid-template-columns:1fr}
.welcome-image{order:-1}
}

/* WHAT IS MAHADEV BOOK */
.about-id-section{padding:70px 0 ;background:#000}
.about-id-wrap{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:60px;
align-items:start;
margin-bottom:35px;
}
.about-id-image img{
width:100%;
border-radius:10px;
display:block;
}
.about-id-content h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
line-height:1.4;
margin-bottom:22px;
}
.about-id-content p{
font-size:17px;
color:#e5dcf2;
margin-bottom:20px;
}
.about-id-content .hl{color:#FEBE0D;font-weight:700}
.about-id-content ol{padding-left:20px;margin-bottom:20px}
.about-id-content li{font-size:17px;color:#e5dcf2;margin-bottom:10px}
.about-id-content strong{color:#FEBE0D}
.about-id-closer{text-align:center}
.about-id-closer p{font-size:17px;color:#e5dcf2;margin-bottom:10px}
@media(max-width:991px){
.about-id-wrap{grid-template-columns:1fr}
}

/* WHAT WE ACTUALLY DO */
.what-we-do-section{padding:70px 0}
.what-we-do-wrap{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:60px;
align-items:start;
}
.what-we-do-content h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
line-height:1.4;
margin-bottom:22px;
}
.what-we-do-content>p{
font-size:17px;
color:#e5dcf2;
margin-bottom:20px;
}
.do-item{margin-bottom:18px}
.do-item h3{
font-size:17px;
color:#FEBE0D;
margin-bottom:6px;
font-weight:700;
}
.do-item p{
font-size:17px;
color:#e5dcf2;
margin-bottom:0;
}
.what-we-do-image img{
width:100%;
border-radius:10px;
display:block;
}
@media(max-width:991px){
.what-we-do-wrap{grid-template-columns:1fr}
.what-we-do-image{order:-1}
}

/* ABOUT TABLE */
.about-table-section{
background:#130D1D;
padding:70px 0;
}
.about-table-section h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
margin-bottom:22px;
}
.about-table-section p{
font-size:17px;
color:#e5dcf2;
margin-bottom:20px;
max-width:none;
}
.about-table-section .hl{color:#FEBE0D;font-weight:700}
.about-table-section strong{color:#fff}
.info-table{
width:100%;
border-collapse:collapse;
border:1px solid #d8c98a;
border-radius:8px;
overflow:hidden;
margin-top:10px;
}
.info-table thead th{
background:#FFD500;
color:#1a1200;
font-weight:800;
text-transform:uppercase;
font-size:14px;
letter-spacing:.5px;
padding:16px 24px;
text-align:left;
}
.info-table tbody th,
.info-table tbody td{
padding:16px 24px;
font-size:15px;
color:#1a1200;
text-align:left;
font-weight:400;
border-bottom:1px solid #e2d9a8;
}
.info-table tbody th{font-weight:700}
.info-table tbody tr:nth-child(odd){background:#fdf6d8}
.info-table tbody tr:nth-child(even){background:#ffffff}
.info-table tbody tr:last-child th,
.info-table tbody tr:last-child td{border-bottom:none}

/* CARDS SECTIONS */
.cards-section{padding:70px 0}
.cards-section.alt{background:#130D1D}
.cards-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}
.cards-grid.three{grid-template-columns:repeat(3,1fr)}
.feature-card{
background:#221533;
border:1px solid #3a2a52;
border-radius:12px;
padding:30px;
text-align:center;
transition:.3s;
}
.feature-card:hover{
border-color:#FEBE0D;
transform:translateY(-6px);
}
.feature-card.outline{text-align:left}
.feature-card .icon{font-size:38px;margin-bottom:16px}
.icon-circle{
width:70px;
height:70px;
margin:0 auto 18px;
border-radius:50%;
background:#333;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
}

.intro-text.left{text-align:left;margin:0 0 18px;max-width:none}

.why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin:35px 0 45px;
}
.why-card{
background:#1c1030;
border:1px solid #3a2a52;
border-radius:10px;
padding:26px;
transition:.3s;
}
.why-card:hover{border-color:#FEBE0D}
.why-icon{font-size:32px;margin-bottom:14px}
.why-card h3{
color:#fff;
font-size:18px;
font-weight:700;
padding-bottom:14px;
margin-bottom:14px;
border-bottom:1px solid #3a2a52;
}
.why-card p{
color:#d8cce8;
font-size:15px;
padding-left:12px;
border-left:2px solid #FEBE0D;
}
@media(max-width:991px){
.why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:576px){
.why-grid{grid-template-columns:1fr}
}
.feature-card h3{color:#FEBE0D;font-size:21px;margin-bottom:12px}
.feature-card p{color:#d8cce8;font-size:16px}

/* STEPS */
.steps-section{padding:70px 0;background:#130D1D}
.steps-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}
.step-box{
background:#221533;
border:1px solid #3a2a52;
border-radius:12px;
padding:30px;
position:relative;
}
.step-num{
display:block;
font-size:40px;
font-weight:900;
color:transparent;
-webkit-text-stroke:1.5px #FEBE0D;
margin-bottom:10px;
}
.step-box h4{font-size:19px;margin-bottom:14px;color:#FEBE0D;font-weight:700}
.step-box ul{list-style:none}
.step-box li{
position:relative;
color:#d8cce8;
font-size:15px;
margin-bottom:12px;
padding-left:18px;
}
.step-box li::before{
content:"";
position:absolute;
left:0;
top:8px;
width:6px;
height:6px;
border-radius:50%;
background:#d8cce8;
}

/* ACCOUNT SIGNUP GUIDE */
.signup-guide-section{padding:70px 0}
.guide-item{margin-bottom:24px}
.guide-item h3{
color:#FEBE0D;
font-size:19px;
font-weight:700;
margin-bottom:8px;
}
.guide-item p{
color:#e5dcf2;
font-size:16px;
}
.guide-item .hl{color:#FEBE0D;font-weight:700}

/* PASSWORD RESET */
.password-reset-section{padding:70px 0}
.reset-step{
border:1px solid #FEBE0D;
border-radius:10px;
padding:24px 28px;
margin-bottom:22px;
}
.reset-step h3{
color:#FEBE0D;
font-size:19px;
font-weight:700;
margin-bottom:10px;
}
.reset-step p{
color:#e5dcf2;
font-size:16px;
margin-bottom:0;
}
.reset-step .hl{color:#FEBE0D;font-weight:700}

/* KEY FEATURES */
.key-features-section{padding:70px 0}
.key-features-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin:35px 0 45px;
}
.key-feature-card{
background:#1c1030;
border:1px solid #3a2a52;
border-radius:10px;
padding:26px;
transition:.3s;
}
.key-feature-card:hover{border-color:#FEBE0D}
.key-feature-icon{font-size:34px;margin-bottom:14px}
.key-feature-card h3{color:#FEBE0D;font-size:18px;margin-bottom:14px;font-weight:700}
.key-feature-card ul{padding-left:20px}
.key-feature-card li{color:#d8cce8;font-size:15px;margin-bottom:8px}
@media(max-width:991px){
.key-features-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:576px){
.key-features-grid{grid-template-columns:1fr}
}

/* WHAT IS A MAHADEV BOOK ID */
.id-info-section{padding:70px 0}
.id-info-wrap{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:50px;
align-items:start;
}
.id-info-content h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
line-height:1.4;
margin-bottom:22px;
}
.id-info-content p{
font-size:17px;
color:#e5dcf2;
margin-bottom:20px;
}
.id-info-content .hl{color:#FEBE0D;font-weight:700}
.id-info-content strong{color:#fff}
.left-btn{margin-top:10px}
.id-info-image img{
width:100%;
border-radius:10px;
display:block;
}
@media(max-width:991px){
.id-info-wrap{grid-template-columns:1fr}
.id-info-image{order:-1}
}

/* TYPES OF BETTING IDS */
.id-types-section{padding:70px 0;border-top:1px solid #2a1a3d}
.id-types-section h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
margin-bottom:20px;
}
.id-types-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
margin:30px 0;
}
.id-type-card{
background:#fdf0da;
border:1px solid #e8963c;
border-radius:8px;
padding:22px 24px;
}
.id-type-card.wide{grid-column:1/-1}
.id-type-card h3{
color:#c9701a;
font-size:18px;
font-weight:700;
margin-bottom:10px;
}
.id-type-card p{
color:#3a2a10;
font-size:15px;
margin-bottom:0;
}
@media(max-width:991px){
.id-types-grid{grid-template-columns:1fr}
.id-type-card.wide{grid-column:auto}
}

/* HOW TO GET THE ID */
.get-id-section{padding:70px 0;background:#130D1D}
.get-id-item{margin-bottom:24px}
.get-id-item h3{
color:#FEBE0D;
font-size:19px;
font-weight:700;
margin-bottom:8px;
}
.get-id-item h3 .num{color:#e5dcf2;font-weight:400}
.get-id-item p{
color:#e5dcf2;
font-size:16px;
}
.get-id-item .hl{color:#FEBE0D;font-weight:700}

/* BONUSES & PROMOTIONS */
.bonus-section{padding:70px 0}
.bonus-section h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
margin-bottom:20px;
}
.bonus-subheading{
color:#FEBE0D;
font-weight:700;
font-size:17px;
margin-bottom:24px;
}
.bonus-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}
.bonus-card{
border:1px solid #FEBE0D;
border-radius:10px;
padding:20px 22px;
}
.bonus-card h3{
color:#FEBE0D;
font-size:17px;
font-weight:700;
margin-bottom:14px;
line-height:1.35;
}
.bonus-card ul{list-style:none}
.bonus-card li{
position:relative;
color:#e5dcf2;
font-size:14px;
margin-bottom:10px;
padding-left:16px;
}
.bonus-card li::before{
content:"";
position:absolute;
left:0;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:#e5dcf2;
}
@media(max-width:991px){
.bonus-grid{grid-template-columns:1fr}
}

/* IDS OFFERED */
.ids-offered-section{padding:70px 0;background:#130D1D}
.id-offer-item{margin-bottom:22px}
.id-offer-item h3{
color:#FEBE0D;
font-size:18px;
font-weight:700;
margin-bottom:8px;
}
.id-offer-item p{
color:#e5dcf2;
font-size:16px;
}

/* LEARNING & STRATEGY HUB */
.hub-section{padding:70px 0}
.hub-section h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
margin-bottom:20px;
}
.hub-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
margin:35px 0;
}
.hub-card{
background:#1c1030;
border-radius:10px;
padding:26px;
}
.hub-icon{font-size:28px;margin-bottom:14px;color:#F4E1A6}
.hub-card h3{
color:#F4E1A6;
font-size:18px;
font-weight:700;
margin-bottom:12px;
}
.hub-card p{
color:#d8cce8;
font-size:15px;
}
@media(max-width:991px){
.hub-grid{grid-template-columns:1fr}
}

/* EXPLORE MAHADEV ONLINE BOOK */
.explore-section{padding:70px 0}
.explore-wrap{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:50px;
align-items:center;
}
.explore-image img{
width:100%;
border-radius:10px;
display:block;
}
.explore-content h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
margin-bottom:20px;
}
.explore-content p{
font-size:17px;
color:#e5dcf2;
margin-bottom:18px;
}
@media(max-width:991px){
.explore-wrap{grid-template-columns:1fr}
}

/* SPORTS BETTING */
.sports-section{padding:70px 0}
.sports-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}
.sport-card{
border:1px solid #FEBE0D;
border-radius:10px;
padding:22px 24px;
}
.sport-card h3{color:#FEBE0D;font-size:19px;font-weight:700;margin-bottom:16px}
.sport-card ul{list-style:none}
.sport-card li{
position:relative;
color:#e5dcf2;
font-size:15px;
margin-bottom:10px;
padding-left:16px;
}
.sport-card li::before{
content:"";
position:absolute;
left:0;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:#e5dcf2;
}

/* CASINO GAMES */
.casino-section{padding:70px 0;background:#130D1D}
.casino-section h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
margin-bottom:20px;
}
.casino-section .sub{
text-align:left;
margin:0 0 35px;
max-width:none;
}
.casino-row{
border:1px solid #FEBE0D;
border-radius:10px;
padding:20px 24px;
margin-bottom:20px;
}
.casino-row h3{color:#FEBE0D;font-size:19px;font-weight:700;margin-bottom:10px}
.casino-row p{color:#e5dcf2;font-size:16px;margin-bottom:0}

/* SECURITY */
.security-section{padding:70px 0}
.security-wrap{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:50px;
align-items:center;
}
.security-content h2{
font-size:25px;
text-align:left;
margin-bottom:22px;
}
.security-item{margin-bottom:20px}
.security-item h3{
color:#FEBE0D;
font-size:18px;
font-weight:700;
margin-bottom:8px;
}
.security-item h3 .num{color:#e5dcf2;font-weight:400}
.security-item p{color:#e5dcf2;font-size:16px}
.security-image img{
width:100%;
border-radius:12px;
display:block;
}

/* PAYMENT METHODS */
.payment-section{padding:70px 0}
.payment-section h2{
font-size:25px;
text-align:left;
margin-bottom:22px;
}
.payment-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px;
}
.payment-box{
background:#1c1030;
border:1px solid #FEBE0D;
border-radius:10px;
padding:22px 24px;
}
.payment-box h3{color:#FEBE0D;font-size:19px;font-weight:700;margin-bottom:10px}
.payment-box p{color:#e5dcf2;font-size:16px}

/* CUSTOMER SUPPORT */
.support-section{padding:70px 0}
.support-wrap{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:50px;
align-items:center;
}
.support-content h2{
font-size:25px;
color:#F4E1A6;
text-align:left;
margin-bottom:20px;
}
.support-content p{color:#d8cce8;font-size:17px;margin-bottom:25px}
.support-image img{
width:100%;
border-radius:12px;
display:block;
border:2px solid #FEBE0D;
}

/* FAQ */
.faq-section{padding:70px 0}
.faq-list{max-width:1000px;margin:auto}
details{
background:transparent;
border:1px solid #FEBE0D;
border-radius:30px;
padding:14px 30px;
margin-bottom:14px;
}
summary{
font-weight:600;
color:#fff;
cursor:pointer;
font-size:16px;
list-style:none;
position:relative;
padding-left:28px;
}
summary::-webkit-details-marker{display:none}
summary::before{
content:"↗";
position:absolute;
left:0;
top:0;
color:#FEBE0D;
font-weight:700;
}
details[open] summary{color:#FEBE0D}
details p{
margin-top:14px;
padding-left:28px;
color:#d8cce8;
font-size:15px;
}

/* DISCLAIMER */
.disclaimer-section{
padding:40px 0;
background:#0d0616;
border-top:1px solid #2a1a3d;
}
.disclaimer-section h3{
color:#F4E1A6;
font-size:20px;
margin-bottom:14px;
}
.disclaimer-section p{
font-size:14px;
color:#a897c2;
margin-bottom:8px;
}
.disclaimer-section .hl{color:#FEBE0D;font-weight:700}

/* FOOTER */
.footer2{
background:#0d0616;
padding:60px 0 0;
border-top:1px solid #2a1a3d;
}
.footer-grid{
display:grid;
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:35px;
padding-bottom:40px;
}
.footer-logo{height:60px;margin-bottom:16px}
.footer-col p{color:#c9bfd9;font-size:15px;margin-bottom:10px}
.footer-col h4{color:#fff;margin-bottom:18px;font-size:19px;font-weight:700}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:12px}
.footer-col a{color:#fff;text-decoration:none;font-size:15px;font-weight:600}
.footer-col a:hover{color:#FEBE0D}
.social-icons{display:flex;gap:12px;margin-bottom:20px}
.social-icons a{
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:14px;
font-weight:700;
text-decoration:none;
color:#fff;
}
.social-icons a.pinterest{background:#e60023}
.social-icons a.twitter{background:#000;border:1px solid #3a2a52}
.social-icons a.medium{background:#02b875}
.social-icons a.youtube{background:#ff0000;font-size:11px}
.footer-bottom{
padding:20px 0;
text-align:center;
border-top:1px solid #2a2035;
}
.footer-bottom p{color:#e5dcf2;font-size:15px}
.footer-tags{
color:#7a6f8f;
font-size:14px;
line-height:2.2;
padding:20px 0 30px;
}
.footer-tags a{text-decoration:none;font-weight:700}
.footer-tags .tag-gold{color:#FEBE0D}
.footer-tags .tag-grey{color:#7a6f8f}

/* WHATSAPP FLOATING BUTTON */
.whatsapp-button{
position:fixed;
bottom:24px;
right:24px;
z-index:1000;
display:inline-flex;
align-items:center;
padding:12px 24px;
background-color:#25D366;
color:#fff;
text-decoration:none;
font-family:'Lato',sans-serif;
font-size:16px;
font-weight:700;
border-radius:50px;
box-shadow:0 6px 12px rgba(0,0,0,.25);
transition:background-color .3s,box-shadow .3s,color .3s;
}
.whatsapp-button svg{
margin-right:10px;
width:24px;
height:24px;
fill:#fff;
flex-shrink:0;
}
.whatsapp-button:hover{
background-color:#20b557;
box-shadow:0 6px 8px rgba(0,0,0,.15);
color:#000;
}
.whatsapp-button:hover svg{fill:#000}
@media(max-width:576px){
.whatsapp-button{
padding:10px 16px;
font-size:14px;
right:14px;
bottom:14px;
}
.whatsapp-button svg{width:20px;height:20px;margin-right:6px}
}

/* SUB-PAGE HEADER */
.page-header{
padding:70px 0 55px;
text-align:center;
background:linear-gradient(180deg,#1c1030,#120a1e);
}
.page-header h1{
font-size:42px;
color:#f5e0a6;
font-weight:900;
margin-bottom:12px;
}
.page-header p{color:#d8cce8;font-size:15px}
.page-header a{color:#FEBE0D;text-decoration:none}

/* GENERIC PAGE SECTION (sub-pages) */
.page-section{padding:60px 0}
.page-section.alt{background:#130D1D}
.page-section h2{
font-size:28px;
color:#F4E1A6;
text-align:left;
margin-bottom:20px;
}
.page-section p{
font-size:17px;
color:#e5dcf2;
margin-bottom:18px;
max-width:900px;
}
.page-section .hl{color:#FEBE0D;font-weight:700}
.page-section.center h2{text-align:center}
.page-section.center p{text-align:center;margin-left:auto;margin-right:auto}

/* STATS STRIP */
.stats-strip{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:22px;
margin:35px 0;
}
.stat-box{
text-align:center;
background:#1c1030;
border:1px solid #3a2a52;
border-radius:10px;
padding:26px;
}
.stat-box .num{
display:block;
font-size:32px;
font-weight:900;
color:#FEBE0D;
margin-bottom:8px;
}
.stat-box p{color:#d8cce8;font-size:15px;margin-bottom:0}

/* CONTACT FORM */
.contact-form{
max-width:700px;
display:grid;
gap:16px;
margin-top:10px;
}
.contact-form input,
.contact-form textarea{
width:100%;
background:#1c1030;
border:1px solid #3a2a52;
border-radius:8px;
padding:14px 16px;
color:#fff;
font-family:'Lato',sans-serif;
font-size:15px;
}
.contact-form textarea{resize:vertical;min-height:130px}
.contact-form input:focus,
.contact-form textarea:focus{outline:none;border-color:#FEBE0D}

/* RESPONSIVE */
@media(max-width:991px){
.nav{flex-direction:column;gap:16px;padding:16px 0}
nav ul{flex-wrap:wrap;justify-content:center;gap:18px}
.security-wrap,
.support-wrap{grid-template-columns:1fr}
.hero2-content h1{font-size:38px}
.cards-grid,
.cards-grid.three,
.steps-grid,
.sports-grid,
.payment-grid,
.stats-strip{grid-template-columns:repeat(2,1fr)}
h2{font-size:30px}
.page-header h1{font-size:32px}
}
@media(max-width:576px){
.cards-grid,
.cards-grid.three,
.steps-grid,
.sports-grid,
.payment-grid,
.footer-grid,
.stats-strip{grid-template-columns:1fr}
.hero2-content h1{font-size:30px}
h2{font-size:26px}
.logo img{height:50px}
.page-header h1{font-size:26px}
}