@import"https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";

.ah-color-red {
    color: red
}

.ah-color-button-red {
    color: #d80d0d
}

.ah-color-gray {
    color: #d9d9d9
}

.ah-color-deep-gray {
    color: #150d0d
}

.ah-color-gradient-gray-1 {
    color: #292929
}

.ah-color-gradient-gray-2 {
    color: #565555
}

.ah-color-white {
    color: #fff
}

.ah-color-yellow {
    color: #fc0
}

.ah-color-green {
    color: #42b229
}

.ah-color-blue {
    color: #086db4
}

.ah-color-brown {
    color: #97262a
}

.ah-color-light-gray {
    color: #f0f0f0
}

.ah-color-background-red {
    color: #ffebeb
}

.ah-color-dark-yellow {
    color: #f7941d
}

.ah-bg-red {
    background-color: red
}

.ah-bg-button-red {
    background-color: #d80d0d
}

.ah-bg-gray {
    background-color: #d9d9d9
}

.ah-bg-deep-gray {
    background-color: #150d0d
}

.ah-bg-gradient-gray-1 {
    background-color: #292929
}

.ah-bg-gradient-gray-2 {
    background-color: #565555
}

.ah-bg-white {
    background-color: #fff
}

.ah-bg-yellow {
    background-color: #fc0
}

.ah-bg-green {
    background-color: #42b229
}

.ah-bg-blue {
    background-color: #086db4
}

.ah-bg-brown {
    background-color: #97262a
}

.ah-bg-light-gray {
    background-color: #f0f0f0
}

.ah-bg-background-red {
    background-color: #ffebeb
}

.ah-bg-dark-yellow {
    background-color: #f7941d
}

.ah-fanek {
    font-family: "Anek Bangla", serif
}

.ah-finter {
    font-family: "Inter", serif
}

select {
    -webkit-appearance: none
}

.ah-section {
    overflow: auto;
    align-items: flex-start !important
}

.curve-object {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 65%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    z-index: 2
}

.curve-object-alt {
    height: 65%
}

.brand-logo {
    max-width: 120px;
    width: 100%
}

.brand-logo-slammer {
    max-width: 165px
}

.event-logo {
    max-width: 155px;
    width: 80%;
    margin-top: 11px
}

.event-logo-smaller {
    max-width: 120px;
    margin-top: 20px
}

.event-logo-alt {
    margin-top: -15%;
    transform: translateY(-30%)
}

.ah-text-containner-smaller {
    max-width: 85%
}

.drink-more-text {
    max-width: 90%;
    font-size: 12px
}

.award-history-box {
    width: 100%
}

.award-history-icon {
    width: 22px;
    height: 22px
}

.award-history-single {
    background: #f0f0f0;
    padding: 10px 5px 10px 10px;
    border-left: 6px solid rgba(0, 0, 0, 0)
}

.award-history-text {
    color: #97262a;
    font-size: 16px;
    font-weight: 600
}

.award-history-numb {
    color: #97262a;
    font-size: 12px;
    font-weight: 400
}

.award-history-picon {
    width: 60px
}

.award-history-date {
    font-size: 12px;
    font-weight: 600;
    color: #7d7d7d
}

.award-history-date-icon {
    width: 11px;
    margin-right: 5px
}

.award-history-status-marked {
    border-color: red;
    background-color: #ffebeb
}

.main-form-box {
    margin-top: 15vh;
    max-width: 280px
}

.toc-box {
    margin-top: 10vh;
    max-width: 330px;
    height: 65vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.toc-box .event-logo {
    margin-top: -70px
}

.toc-box-text-inner {
    height: 100%;
    overflow: auto
}

.ah-simple-input {
    padding: 6px 20px;
    border-radius: 50px;
    width: 100%;
    height: 40px
}

.primary-button {
    width: -moz-max-content;
    width: max-content
}

.dotter-bg {
    position: relative
}

.dotter-bg>* {
    position: relative;
    z-index: 2
}

.dotter-bg::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    opacity: .08;
    content: "";
    background-blend-mode: overlay;
    z-index: -1
}

.dotter-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    content: "";
    z-index: 1
}

.toc-box-text-inner>p {
    font-size: 14px;
    font-weight: 600;
    font-family: "Anek Bangla", "Self Serif"
}

.toc-box-text-inner>p:first-child {
    font-size: 18px
}

.ah-checkbox {
    display: none
}

.ah-checkbox-label {
    position: relative;
    padding-left: 30px
}

.ah-checkbox-label::before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    width: 15px;
    height: 15px;
    background-color: #d9d9d9;
    border-radius: 50px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ah-checkbox:checked+.ah-checkbox-label::before {
    content: "✔";
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 10px;
    background: red
}

.quiz-page-logo-wrap {
    max-width: 120px
}

.quiz-tab-title {
    flex: auto;
    transition: .25s all ease-in-out;
    z-index: 2;
    position: relative;
    font-size: 14px
}

.quiz-header {
    position: relative;
    box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, .2509803922)
}

.quiz-header::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    z-index: 1;
    border-radius: 30px;
    background-color: #fff;
    content: "";
    height: 100%;
    box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, .2509803922);
    transition: .4s all ease-in-out
}

.history-tab-active.quiz-header::after {
    transform: translateX(55%);
    width: 65%
}

.question-radio {
    display: none
}

.question-radio-label {
    height: 48px;
    padding: 5px;
    width: 100%;
    gap: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border: 2px dashed #d9d9d9;
    border-radius: 50px;
    cursor: pointer;
    transition: .25s all ease-in-out
}

.question-radio-label::before {
    content: "A";
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #d9d9d9;
    aspect-ratio: 1/1;
    border-radius: 50px;
    transition: .25s all ease-in-out;
    font-family: "Anek Bangla", "Self Serif"
}

.question-radio-label:nth-child(02)::before {
    content: "B"
}

.question-radio-label:nth-child(03)::before {
    content: "C"
}

.question-radio-label:nth-child(4)::before {
    content: "D"
}

.question-radio-label:nth-child(05)::before {
    content: "E"
}

.question-radio-label:nth-child(06)::before {
    content: "F"
}

.question-radio-label:nth-child(07)::before {
    content: "G"
}

.question-radio-label:nth-child(08)::before {
    content: "H"
}

.question-radio-label:nth-child(09)::before {
    content: "I"
}

.question-radio-label:nth-child(10)::before {
    content: "J"
}

.label-ans-correct.checked {
    background: #e7ffef
}

.label-ans-correct.checked::before {
    background: #42b229;
    color: #fff
}

.label-ans-incorrect.checked {
    background: #ffebeb
}

.label-ans-incorrect.checked::before {
    background: red;
    color: #fff
}

.timmer {
    font-size: 50px;
    font-weight: 600;
    font-family: "Anek Bangla", "Self Serif"
}

.timmer span {
    color: #086db4
}

.brand-footer-logo {
    margin-top: 15px;
    width: 120px
}

.times-up-logo {
    width: 50%;
    max-width: 120px;
    margin: 0
}

.timeout-text {
    font-size: 25px
}

.win-icon {
    width: 25%
}

.ah-winer-price-text {
    font-size: 14px
}

.ah-winer-price-text span {
    font-size: 30px;
    color: red
}

.price-inner-content {
    max-height: 70vh;
    overflow: auto
}

.paymen-label {
    flex: auto;
    border: 1px solid red
}

.paymen-label img {
    max-width: 100%
}

.otp-input {
    width: 42px;
    height: 42px;
    text-align: center;
    font-size: 16px;
    border-radius: 0px;
    border: 1px solid #ccc;
    padding: 10px !important
}

.opt-containner {
    max-width: 283px;
    width: 100%
}

.payment-label-alt {
    width: 125px;
    height: 70px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.payment-label-alt input[type=radio] {
    display: none
}

.payment-label-bkash {
    background-image: url("../images/bkash-button.svg")
}

.payment-label-nagad {
    background-image: url("../images/nagad.svg")
}

.payment-label-bkash:has(input[type=radio]:checked) {
    background-image: url("../images/bkash-selected.svg")
}

.payment-label-nagad:has(input[type=radio]:checked) {
    background-image: url("../images/nagad-selected.svg")
}

.confirmation-popup {
    background: rgba(0, 0, 0, .76);
    top: 0 !important;
    left: 0 !important
}

.confirmation-popup-inner {
    width: 100%;
    max-width: 352px;
    z-index: 5
}

.confirmation-popup-cbox {
    border: 1px solid #d9d9d9
}

.confirmation-popup-icon {
    width: 36px;
    margin-top: -20px;
    transform: translateY(-10px)
}

.confirmation-popup-text {
    line-height: 1.3
}

.confirmation-popup-hidden {
    visibility: hidden
}

.mf-grid-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: 10px;
    justify-content: stretch;
    align-items: stretch
}

.mf-grid-box .confirmation-popup-text:nth-child(1) {
    font-weight: 600
}

.confirmation-popup-text-bg {
    padding-left: 40px;
    background-image: url("../images/info-icon.png");
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 13px
}

.mega-gift-section {
    background-image: url("../images/mega-gift-background.gif");
    background-position: 87% 100%;
    background-size: auto 170%;
    background-repeat: no-repeat;
    position: relative
}

.mega-gift-section::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url("../images/background-topper.png");
    background-size: cover
}

.mega-gift-text-wrap {
    max-width: 247px
}

.mega-gift-priumary-text-wrap {
    transition: .15s all ease-in-out;
    z-index: 2
}

.mega-gift-priumary-text-wrap-alt {
    position: absolute;
    z-index: 1;
    transform: translateY(-76px) scale(0.8);
    opacity: 0;
    transition: .1s all ease-in-out
}

.tapped .mega-gift-priumary-text-wrap {
    transform: scale(1.5);
    opacity: 0
}

.tapped .mega-gift-priumary-text-wrap-alt {
    transform: translateY(-76px) scale(1);
    opacity: 1
}

.mega-gift-icon {
    width: 108px;
    margin-top: -60px;
    z-index: 2
}

.tapped .boom-1 {
    animation: boom .25s ease-in-out;
    animation-delay: .09s;
    z-index: 3
}

.tapped .boom-2 {
    animation: boom2 .25s ease-in-out;
    animation-delay: .09s;
    z-index: 2
}

.event-second-click-box {
    z-index: 3;
    display: none
}

.tapped .event-second-click-box {
    display: block
}

.gift-info-title {
    position: absolute;
    top: 0;
    background: linear-gradient(0deg, #FF0000 0%, #3D0000 100%);
    line-height: 1;
    color: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0px 0px 4px 4px
}

.gift-info-title::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 15px);
    z-index: -1;
    height: 50%;
    background-color: #a30101;
    border-radius: 4px 4px 0px 0px
}

.gift-goes-to {
    line-height: 1.6;
    font-size: 20px
}

.drop-iocn {
    width: auto;
    height: 23px
}

.git-visualize-box {
    background-image: url("../images/gift-visual-background.png");
    padding-top: 30px;
    padding-left: 25%;
    padding-right: 25%;
    width: 100%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.git-visualize-box::after {
    content: "";
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/gift-banner-icon.png");
    position: absolute;
    background-repeat: no-repeat;
    background-position: right calc(100% - 20px)
}

.button-icon {
    width: 26px;
    height: 26px
}

.profile-repeater-box {
    border-bottom: 1px solid rgba(35, 33, 32, .52)
}

.profile-data-label {
    width: 70px;
    min-width: -moz-max-content;
    min-width: max-content
}

.history-button {
    margin-left: auto;
    float: right;
    margin-top: 10px
}

.backdropP {
    z-index: 1
}

.mfs-icon {
    border: 1px solid #d80d0d;
    border-radius: 5px;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mfs-icon-img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width: 480px) {
    .curve-object {
        height: 55%
    }

    .curve-object-alt {
        height: 72%
    }
}

@keyframes boom {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes boom2 {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0px)
    }
}

/*# sourceMappingURL=overright.min.css.map */