.carousel-wrap.banner[data-v-d18d14a0]{heighT:600px}@keyframes transitionFromLeftToCenter-568952f2{0%{transform:translate(-100%);opacity:0}50%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:1}}@keyframes transitionFromRightToCenter-568952f2{0%{transform:translate(100%);opacity:0}50%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:1}}.new-section[data-v-568952f2]{background:#00041c;.section[data-v-568952f2] {width: 100%; padding-bottom: 100px; .title[data-v-568952f2] {margin-bottom: 55px; font-size: 50px; text-align: center; font-weight: bold; text-transform: uppercase;}} .benefit-section[data-v-568952f2] {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; .benefits[data-v-568952f2] {display: flex; justify-content: space-around; align-items: center; padding-bottom: 75px; width: 100%; view-timeline-name: --transitionFromLeftToCenter; view-timeline-axis: block; animation: transitionFromLeftToCenter-568952f2 .5s ease-in-out forwards; animation-timeline: --transitionFromLeftToCenter; .benefit-section-item[data-v-568952f2] {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; position: relative; img[data-v-568952f2] {object-fit: contain; object-position: center;} .overlay[data-v-568952f2] {font-size: 20px; font-weight: bold; color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; .focus[data-v-568952f2] {font-size: 40px; line-height: 40px; font-weight: bold; color: #362f80;}}} .benefit-section-title[data-v-568952f2] {font-size: 24px;} &.between[data-v-568952f2] {justify-content: space-between; align-items: flex-start; gap: 20px; view-timeline-name: --transitionFromRightToCenter; view-timeline-axis: block; animation: transitionFromRightToCenter-568952f2 .5s ease-in-out forwards; animation-timeline: --transitionFromRightToCenter; .features-item[data-v-568952f2] {font-size: 16px; line-height: 18px; img[data-v-568952f2] {width: 175px;} .benefit-title[data-v-568952f2] {font-size: 24px; margin-bottom: 20px; font-weight: bold;} flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: justify;}}}} .provider-section[data-v-568952f2] {view-timeline-name: --transitionFromLeftToCenter; view-timeline-axis: block; animation: transitionFromLeftToCenter-568952f2 .5s ease-in-out forwards; animation-timeline: --transitionFromLeftToCenter; .provider-list[data-v-568952f2] {display: grid; grid-template-columns: repeat(9,1fr); gap: 20px; margin-bottom: 75px; .provider-item[data-v-568952f2] {width: 100%; height: 66px; img[data-v-568952f2] {width: 100%; height: 100%; object-fit: contain; object-position: center;}}}} .bigwin[data-v-568952f2] {img[data-v-568952f2] {width: 100%; height: 100%; object-fit: contain; object-position: center;}} .games[data-v-568952f2] {display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; padding-top: 20px; width: 100%; .game-items[data-v-568952f2] {position: relative; height: 300px; display: flex; align-items: flex-end; transform: scale(.99); &[data-v-568952f2]:hover {cursor: pointer; transform: scale(1); transition: all .3s ease-in-out;} img[data-v-568952f2] {width: 100%; object-fit: cover; object-position: center;} >.overlay[data-v-568952f2] {position: absolute; right: 5px; bottom: 5px; width: 40%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; height: 62%; .heading[data-v-568952f2] {font-weight: bold; font-size: 24px; line-height: 24px; color: #00041c; text-transform: uppercase;} .button[data-v-568952f2] {padding: 6px 12px; margin-top: 15px; color: rgb(0,0,0); border-radius: 6px; border: 1px solid rgb(0,0,0); width: fit-content; cursor: pointer; font-size: 13px;}}}}}.spinwheel-trigger-wrapper[data-v-59664cd0]{position:fixed;z-index:3;top:80px;right:0px;display:flex;flex-direction:column}.spinwheel-trigger-wrapper .spinwheel-triger-item[data-v-59664cd0]{position:relative}.spinwheel-trigger-wrapper .spinwheel-triger-item img[data-v-59664cd0]{cursor:pointer;width:auto;height:250px}.spinwheel-trigger-wrapper .spinwheel-triger-item .close[data-v-59664cd0]{position:absolute;border-radius:50px;border:1px solid rgb(255,255,255);font-size:12px;top:0px;right:0px;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;height:20px;width:20px;color:#fff}
