.hero-section{color:#fff;font-weight:600;padding:100px 0}.hero-title{color:#c7c5c1;font-weight:700}@font-face{font-display:swap}.hero-subtitle{color:#ffc107;font-weight:700}.get-started-btn,.signup-btn{background-color:#3a6378;color:#fff}.get-started-btn:hover,.signup-btn:hover{background-color:#ffc107;color:#fff}.why-card{background:#3a6378;transition:transform .3s,box-shadow .3s;border-radius:10px;color:#fff}.why-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}@media (max-width:768px){.why-card{margin-bottom:1rem}}.how-works{background-color:#3a6378}.how-card{background:#fff;margin:0 2px;width:32%;padding-top:19px;border-radius:10px;color:#3a6378}.testimonial-card{background:#3a6378;border-radius:10px;padding:20px;color:#fff}.blog{background-color:#3a6378}.blog .card img{height:215px}.footer{background:#343a40;color:#fff;padding:40px 0}.scrollable-menu{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.scrollable-menu::-webkit-scrollbar{height:8px}.scrollable-menu::-webkit-scrollbar-thumb{background:#3a6378;border-radius:4px}.scrollable-menu::-webkit-scrollbar-track{background:#f8f9fa}.scrollable-menu .btn{min-width:150px;text-align:center}.cal-btn{border:1px solid #3a6378;background-color:#fff;color:#3a6378}.cal-btn:hover{background-color:#3a6378;color:#fff}.cal-btn-list .active{background-color:#3a6378;color:#fff}.cal-main .content{padding:30px;background:#fffbfb;border-radius:4px;color:#48443f;margin-top:40px;border:1px solid #3a6378;margin-bottom:30px}.cal-main .content h3{font-weight:700;font-size:34px;margin-bottom:30px}.cal-main .content p{margin-bottom:30px}.cal-main .content .more-btn{display:inline-block;background:#3a6378;padding:6px 30px 8px;color:#fff;border-radius:50px;text-decoration:none;font-weight:600;transition:all .4s ease-in-out}.cal-main .content .more-btn i{font-size:14px}.cal-main .content .more-btn:hover{color:#3a6378;background:#fff;border:1px solid #3a6378}input{border:1px solid #3a6378;border-radius:4px;background-color:#fff;font-size:1rem;font-weight:700;color:#3a6378;padding:1rem 1.5rem;width:160px;margin:0 1rem;height:50px}label{font-weight:700;font-size:1rem;color:#3a6378;margin:0 1rem;display:block;text-align:left}select{width:160px;height:50px;padding:11px;border:1px solid #3a6378;color:#3a6378;margin:0 1rem;background:#fff}.final-result{display:flex;justify-content:center;width:350px;margin:20px 2rem 0;border:2px solid #3a6378;border-radius:4px;background-color:#fff;font-size:1rem;font-weight:700;color:#3a6378}.final-result__to-win{margin-left:.5rem}.final-result__to-win,.final-result__payout{margin-right:1rem;padding:.5rem 0;text-align:center;min-width:100px}.final-result__amount{font-family:"PT Sans",sans-serif;font-weight:700;font-size:1.25rem;color:#3a6378;padding:.5rem 0}.par-add{margin-top:50%;color:#3a6378;border:1px solid #3a6378;padding:3px 7px;border-radius:5px;cursor:pointer}.reset{border:2px solid #3a6378;border-radius:4px;background-color:#fff;font-family:"PT Sans",sans-serif;font-size:1rem;font-weight:700;color:#3a6378;padding:1rem 1.5rem;width:160px;margin:50px 1.5rem 0}.reset:hover{background-color:#3a6378;color:#fff}.remove-bet{background-color:#ea4e4e;color:#f8f9fa}.remove-bet:hover{border:1px solid #ea4e4e;color:#ea4e4e}.add-btn{background-color:#3a6378;color:#fff;margin-left:20px}.add-btn:hover{border:1px solid #3a6378;color:#3a6378;background-color:#fff}.hedge-output{border:1px solid #3a6378;text-align:center;margin-bottom:20px;padding:20px;border-radius:10px;width:80%;margin:0 auto 20px;color:#fff;font-size:16px;font-weight:600;background-color:#3a6378}.houtput{display:flex;justify-content:space-between}