.no-border {
    border: none !important;
}

.loader {
    width: 50px;
    padding: 8px;
    margin: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #2f3e56;
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    to {
        transform: rotate(1turn);
    }
}

/* HTML: <div class="loader"></div> */
.loader-2 {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
}

@keyframes l5 {
    0% {
        box-shadow: 20px 0 #2f3e56, -20px 0 #4a5e7f;
        background: #2f3e56;
    }

    33% {
        box-shadow: 20px 0 #2f3e56, -20px 0 #4a5e7f;
        background: #4a5e7f;
    }

    66% {
        box-shadow: 20px 0 #4a5e7f, -20px 0 #2f3e56;
        background: #4a5e7f;
    }

    100% {
        box-shadow: 20px 0 #4a5e7f, -20px 0 #2f3e56;
        background: #2f3e56;
    }
}

@media only screen and (max-width: 992px) {
    .homePage #premiumSec {
        display: none !important;
    }

    .mobOnly {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) {
    .mobOnly {
        display: none !important;
    }
}
#Header .topFlx {
    display: block !important;
}
@media only screen and (max-width: 992px) {
    #Header .topFlx .flxB .ritB {
        display: none !important;
    }
}
@media only screen and (max-width: 992px) {
    #Header .topFlx .flxB .lftB {
        width: 100% !important;
    }
}
@media only screen and (max-width: 992px) {
    #Header .topFlx .sp-container{
        max-width: 100% !important;
        padding: 0 !important;
    }
}

.error {
    display: block!important;
    color: inherit !important;
}