@media (max-width: 1199px) {

    html,
    body {
        overflow-x: clip;
    }

    #header-sticky {
        overflow-x: clip;
    }
}


.spinner {
    position: relative !important;
    width: 9em !important;
    height: 9em !important;
}

.spinner-ring {
    position: absolute !important;
    inset: 0 !important;
    border: 3px solid rgba(0,0,0,.2) !important;
    border-top-color: var(--theme) !important;
    border-radius: 50% !important;
    animation: spinner 1s linear infinite !important;
}

.spinner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border: 3px solid rgba(0,0,0,.2) !important;
    border-top-color: var(--theme) !important;
    border-radius: 50% !important;
    animation: spinner 1s linear infinite !important;
}

.spinner img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 65% !important;
    transform: translate(-50%, -50%) !important;
}

:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #efe700;
  --header: #030523;
  --text: #434343;
  --border: #FCFCFC;
  --bg: #F5F6F6;
  --bg2: #030523;
  --bg3: #F7F3EE;
  --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}
.title-span{
    color: var(--theme) !important;
}

.scan-qr{
    max-width: 150px;
}