/* ============================================================ Handicap Estimator — page-specific styles Loaded only on /handicap-estimator/ via @push('head'). websiteHome.css is deferred on this page (see website-layout.blade.php). ============================================================ */ /* Banner overrides */ .main-banner-section{min-height:600px;display:flex;align-items:center;justify-content:center} .main-banner-content{z-index:2;width:100%;padding:20px} .main-banner-content .main-banner-heading{font-size:48px;font-weight:700;margin:0 0 15px;color:#fff} .main-banner-content .main-banner-text{font-size:21px;line-height:1.2;margin:0 0 20px;color:#fff} /* Tool section */ .cate-main{padding:50px 0 20px} .about-game-main{padding-top:50px} .about-game-main.short-bg{background-image:url('/assets/website-images/newsletter_bg.webp');background-repeat:no-repeat;background-position:top center;background-size:100% auto} .divide-side-main{display:flex;flex-wrap:wrap;align-items:flex-start} .divide-side-main .side-box-section{background:#1b2e5f;border-radius:20px;padding:20px;width:32.3%;margin-right:2.3%} .handicap-estimator .divide-side-main .side-box-section{min-height:465px} .form-section.handcap-sidebar{display:flex;flex-direction:column} .form-section h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:20px} .divide-side-main .main-box-contnet{flex:1} .box-content-inner.handicap-box{background:#fff;box-shadow:0 4px 15px 0 rgba(0,0,0,.2);border-radius:15px;padding:30px;position:relative} /* Result display */ .middle-sec-contain{border-radius:10px;padding:20px;background:#EBF8FF;margin-bottom:20px;margin-top:80px} .middle-sec-contain .result{margin-top:-73px} .middle-sec-contain .result p{font-weight:600;font-size:60px;line-height:70px;text-align:center;color:#fff;background:#1B2E5F;border-radius:20px;padding:15px 30px} .middle-sec-contain .course p{font-weight:700;font-size:30px;margin:0;color:#000;line-height:38px} .middle-sec-contain .club-add-box{color:#444;font-size:21px;line-height:30px;text-align:center} .divide-side-main .main-box-contnet .box-content-inner.handicap-box ul{gap:20px} .divide-side-main .main-box-contnet .box-content-inner.handicap-box ul li{background:#EBF8FF;border-radius:0 0 10px 10px} .divide-side-main .main-box-contnet .box-content-inner.handicap-box ul li .handicap-sub-h{background:#1B2E5F;border-radius:10px 10px 0 0;padding:16px 15px} .divide-side-main .main-box-contnet .box-content-inner.handicap-box ul li .handicap-sub-h p{font-weight:600;font-size:24px;color:#fff;line-height:100%;text-align:center} .divide-side-main .main-box-contnet .box-content-inner.handicap-box ul li .handicap-content-box{padding:15px} .divide-side-main .main-box-contnet .box-content-inner.handicap-box ul li .handicap-content-box p{margin:0;font-weight:500;color:#000;font-size:20px;line-height:28px;text-align:center} .handicap-box h2{font-weight:700;color:#000;font-size:40px;line-height:100%;text-transform:capitalize;margin-bottom:20px} /* How it works / factors boxes */ .struc-freat{display:flex;gap:0 30px;margin-bottom:30px} .wbox-blue-content{background:#fff;box-shadow:0 4px 15px 0 rgba(0,0,0,.2);border-radius:15px;padding:30px;flex:1} .wbox-blue-content h2{font-size:32px;color:#000;font-weight:700;display:flex;align-items:center} .wbox-blue-content ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 0;margin-top:15px;margin-bottom:0} .wbox-blue-content ul li{background:#EBF8FF;border-radius:10px;padding:15px;width:100%} .wbox-blue-content ul li h3{font-size:21px;margin:0;font-weight:500} .wbox-blue-content ul li p{font-size:18px;margin:0;line-height:1.2} /* FAQ card */ .nh-faq-section{padding:0 0 80px} .nh-faq-card{display:flex;align-items:flex-start;gap:60px;background:#EBF8FF;border-radius:30px;overflow:hidden;padding:50px 30px;border:1px solid #B0D9ED} .nh-faq-left{flex:0 0 420px;max-width:420px} .nh-faq-right{flex:1;min-width:0} .nh-faq-title{font-size:42px;font-weight:600;line-height:1.15;color:#11182B;margin:0 0 18px} .nh-faq-desc{font-size:18px;color:#0F1528;line-height:1.7;margin:0 0 32px} .nh-faq-help-link{color:#D3393F;font-weight:400;text-decoration:underline;text-underline-offset:2px} .nh-faq-illustration{width:364px;margin-top:10px} .nh-faq-illustration img{width:100%;height:auto;display:block} .nh-faq-item{background:#fff;border-radius:10px;margin-bottom:15px;overflow:hidden;transition:box-shadow 0.3s} .nh-faq-item.nh-faq-open{box-shadow:0 4px 20px rgba(0,0,0,0.08)} .nh-faq-question{width:100%;background:none;border:none;padding:17px 15px;text-align:left;font-size:16px;font-weight:600;color:#0B2239;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px} .nh-faq-icon{display:inline-flex;flex-shrink:0;width:32px;height:32px;border:1.5px solid #B0D9ED;border-radius:50%;align-items:center;justify-content:center;background:#EBF8FF} .nh-faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease} .nh-faq-item.nh-faq-open .nh-faq-answer{max-height:500px} .nh-faq-answer p{padding:0 15px 17px;font-size:15px;color:#374151;line-height:1.7;margin:0} /* Get-started CTA */ .get-started-cta{background:#D3393F;padding:30px;display:flex;justify-content:space-between;align-items:center;margin:50px 0;border-radius:30px} .get-started-cta h2{font-size:40px;color:#fff} .get-started-cta p{font-size:21px;margin-bottom:0;color:#fff} .getcta_right{display:flex;gap:10px} /* Select2 NitroPack guard — kept as fallback; primary rule is the inline