#MainContainer{background:linear-gradient(to bottom, rgba(224, 82, 0, 0.2), #000000),#111216 !important;z-index:0}.buildABonusPage{min-height:400px;max-width:800px;display:flex;flex-direction:column;align-self:center;justify-self:center;padding-top:64px;padding-bottom:120px;gap:80px;width:100%}@media only screen and (max-width: 800px){.buildABonusPage{padding:32px 16px 80px 16px;gap:64px}}.buildABonusPage #BackgroundImage{position:fixed;left:0px;top:0px;overflow:hidden;width:100%;height:100vh;z-index:-2;object-fit:cover;background:linear-gradient(to bottom, rgba(224, 82, 0, 0.2), #000000),#111216}.buildABonusPage picture{width:100%;margin-top:64px}.buildABonusPage #BannerImage{width:100%}.buildABonusPage .text-box{max-width:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;margin:0 auto;text-align:center}.buildABonusPage .text-box .row{width:100%;display:flex;justify-content:center}.buildABonusPage .text-box .row h2{margin:0;padding:0}.buildABonusPage .text-box .signup-button{display:flex;padding:16px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:#ffbe31;color:#071019;text-align:center;font-family:"Roboto",sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.buildABonusPage .text-box #Title{color:#fff;font-size:40px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:5px 5px 5px rgba(0,0,0,.5)}.buildABonusPage .text-box #Description{color:#fff;font-size:16px;font-weight:400}.buildABonusPage .text-box #Subtitle{margin-top:32px;color:#fff;font-size:32px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.buildABonusPage .strength-steps{display:flex;justify-content:center;gap:20px;padding-top:95px}.buildABonusPage .strength-steps .step-container{display:flex;flex-direction:column;align-items:center;position:relative;max-width:250px}.buildABonusPage .strength-steps .step-container img{position:absolute;z-index:1;transform:translateY(-70%);max-width:200px}.buildABonusPage .strength-steps .step-container .step-box{display:flex;flex-direction:column;min-height:200px;justify-content:flex-end;gap:10px;padding:20px 24px;border-radius:4px;border:1px solid #5c5c5c;background:rgba(18,24,32,.6);backdrop-filter:blur(4px)}.buildABonusPage .strength-steps .step-container .step-box p{margin:0;text-align:center}.buildABonusPage .strength-steps .step-container .step-box .step-title{color:#ffbe31;text-align:center;font-size:24px;font-style:normal;font-weight:800;line-height:normal;text-transform:uppercase}.buildABonusPage .strength-steps .step-container .step-box .step-description{color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal}@media only screen and (max-width: 800px){.buildABonusPage .strength-steps{flex-wrap:wrap;justify-content:center;width:100%;max-width:500px;gap:100px;align-self:center}.buildABonusPage .strength-steps .step-container{width:100% !important;max-width:500px}.buildABonusPage .strength-steps .step-container img{transform:translateY(-50%)}}.buildABonusPage .range-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;border-radius:4px;border:1px solid #5c5c5c;background:rgba(18,24,32,.6);width:100%;gap:32px}.buildABonusPage .range-container .button-container{display:flex;flex-direction:column;gap:20px}.buildABonusPage .range-container .button-container .box{flex-direction:column}.buildABonusPage .range-container .button-container>div{display:flex;gap:20px;justify-content:space-between}.buildABonusPage .range-container .button-container.step1{width:100%}.buildABonusPage .range-container .button-container.step1 .show-selection{width:100%;font-family:"Roboto",sans-serif}.buildABonusPage .range-container .button-container.step1 #claimNowButton,.buildABonusPage .range-container .button-container.step1 .codeText{display:none}.buildABonusPage .range-container .button-container.step1 .input-wrapper{display:none}.buildABonusPage .range-container .button-container.step2{width:100%}.buildABonusPage .range-container .button-container.step2 .codeText{display:flex;width:calc(50% - 10px);color:#ffbe31;text-align:left;font-size:28px;font-style:normal;font-weight:700;line-height:40px}.buildABonusPage .range-container .button-container.step2 #claimNowButton{display:flex;width:100%;font-family:"Roboto",sans-serif;cursor:pointer}.buildABonusPage .range-container .button-container.step2 .codeText{border-radius:4px;border:1px solid #5c5c5c;background:rgba(19,33,48,.6);padding:12px 30px;justify-content:space-between;align-items:center}.buildABonusPage .range-container .button-container.step2 .input-wrapper{width:100%;display:flex;flex-direction:column;position:relative}.buildABonusPage .range-container .button-container.step2 .input-wrapper input{width:100%}.buildABonusPage .range-container .button-container.step2 .input-wrapper svg{position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer}.buildABonusPage .range-container .button-container.step2 .show-selection{display:none}.buildABonusPage .range-container .show-selection{display:flex;padding:16px 24px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:4px;border:1px solid #5c5c5c;background:#ffbe31;color:#071018;text-align:center;font-size:28px;font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase;cursor:pointer}.buildABonusPage .range-container .show-selection:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6;box-shadow:none;border:1px solid #aaa;pointer-events:none;transition:background-color .3s ease}.buildABonusPage .range-container #tabs-container{width:100%}.buildABonusPage .range-container #tabs-container .tabs{width:100%;display:flex;justify-content:space-between;gap:20px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.buildABonusPage .range-container #tabs-container .tabs::-webkit-scrollbar{display:none}.buildABonusPage .range-container #tabs-container .tabs .tab-button{padding:16px 24px;border-radius:4px;border:1px solid #ffbe31;background:rgba(18,24,32,.6);backdrop-filter:blur(4px);text-transform:uppercase;width:calc((100% - 40px)/3);text-align:center;font-size:24px;font-weight:700;white-space:nowrap;user-select:none;cursor:pointer}.buildABonusPage .range-container #tabs-container .tabs .tab-button.disabled{pointer-events:none;opacity:.2}.buildABonusPage .range-container #tabs-container .tabs .tab-button.active{border-radius:4px;border:1px solid #5c5c5c;background:#ffbe31;color:#071018}.buildABonusPage .range-container #tabs-container .tab-content{flex-direction:column;gap:32px;padding-top:20px;display:none}.buildABonusPage .range-container #tabs-container .tab-content .errorMessage{color:red;font-family:"Lato",sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1px;display:flex;justify-content:center;gap:10px;margin-top:12px}.buildABonusPage .range-container #tabs-container .tab-content.active{display:flex}.buildABonusPage .range-container .range-group{position:relative;width:100%}.buildABonusPage .range-container .range-group .range-label{display:block;font-weight:bold;color:#fff;font-size:20px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1px;text-transform:capitalize}@media only screen and (max-width: 800px){.buildABonusPage .range-container .range-group .range-label{font-size:16px}}.buildABonusPage .range-container .range-group input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:linear-gradient(to right, rgb(255, 190, 49) 0%, rgb(255, 190, 49) 0%, #5C5C5C 0%, #5C5C5C 100%);border-radius:4px;outline:none;margin:16px 0;background:#5c5c5c}.buildABonusPage .range-container .range-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#ffbe31;border-radius:50%;cursor:pointer;margin-top:0}.buildABonusPage .range-container .range-group input[type=range]::-moz-range-thumb{width:24px;height:24px;background:#ffbe31;border-radius:50%;cursor:pointer}.buildABonusPage .range-container .range-group .track-labels{display:flex;justify-content:space-between;font-size:14px;width:100%}.buildABonusPage .range-container .range-group .track-labels span{color:#fff;font-size:20px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1px;text-transform:capitalize;width:85px}.buildABonusPage .range-container .range-group .track-labels span:first-of-type{text-align:left}.buildABonusPage .range-container .range-group .track-labels span:nth-of-type(2){text-align:center}.buildABonusPage .range-container .range-group .track-labels span:nth-of-type(3){text-align:right}.buildABonusPage .range-container .range-group .track-labels span.active{color:#ffbe31}@media only screen and (max-width: 800px){.buildABonusPage .range-container .range-group .track-labels span{font-size:18px}}.buildABonusPage .range-container .range-group.disabled input[type=range]{opacity:.4;pointer-events:none}@media only screen and (max-width: 865px){.buildABonusPage .range-container{padding:40px 0 40px 20px}.buildABonusPage .range-container #tabs-container .tabs .tab-button{width:100%;font-size:20px}.buildABonusPage .range-container #tabs-container .tabs .tab-button:last-of-type{margin-right:20px}.buildABonusPage .range-container #tabs-container .tab-content{padding-right:20px}.buildABonusPage .range-container #tabs-container .button-container .box .input-wrapper,.buildABonusPage .range-container #tabs-container .button-container .box button{width:100%;font-size:20px}.buildABonusPage .range-container #tabs-container #claimNowButton{font-size:20px}}