@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        -webkit-appearance: -apple-pay-button;
        margin: 10px 10px 0 10px;
        -apple-pay-button-style: black;
        -apple-pay-button-type: plain;
        height: 40px;
        cursor: pointer;
    }
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}


body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.margin-auto {
    margin-left:auto;
    margin-right:auto;
}

.promotion {
    color: #4cae21;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 10px;
}

.tallbox {
    height:65px !important;
}

.signupoverride {
    width: 30% !important;
}

.btnHide {
    display:none;
}

.ticket-text {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 14px;
    color: white;
}

.comp5Text {
    font-size:22px;
    font-weight:400;
}

.comp5TextHomeTile {
    font-size:16px;
    font-weight:600;
}

.padding3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.accordion {
    box-shadow: 3px 3px 3px #8b8997;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1.25rem;
    font-weight:bold;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    cursor: pointer;
}

.accordion-button:not(.collapsed).accordionOverride {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

.roundedAccordionParent {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-bottom: 15px;
}

.roundedAccordion.accordion-item:last-of-type {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.roundedAccordion.accordion-item:first-of-type {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.roundedAccordion.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.roundedAccordion.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.roundedAccordion.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.accordionOverride.accordion-button:focus {
    box-shadow: none;
}

.accordionBaseline:not(.collapsed) {
    border-bottom: 1px solid #CCCCCC;
}

.noTimer {
    height: 80px;
    margin-top: 30px;
    color: #E33BAA;
    font-weight: 700;
}

.compLeftTile {
    width: 100%;
    border-radius: 20px;
    background-color: #ffffff;
    /*box-shadow: 3px 3px 3px #8b8997;*/
}

.compLeftTileDescription {
    padding: 20px;
    padding-left:32px;
}

.pink-box-Desktop {
    background-color: #E33BAA; /* Light pink background */
    /*border: 3px solid #ff66b2;*/ /* Pink border */
    border-radius: 10px;
    width: 70%; /* Adjust width as needed */
    text-align: left;
    position: relative;
    z-index: 1;
    color:white;
}

.pink-box-Mobile {
    background-color: #E33BAA; /* Light pink background */
    /*border: 3px solid #ff66b2;*/ /* Pink border */
    border-radius: 10px;
    width: 100%; /* Adjust width as needed */
    text-align: left;
    position: relative;
    z-index: 1;
    color:white;
}

.overlay-image-desktop {
    width: 30%; /* Adjust size as needed */
    margin-left: -10px; /* Moves the image slightly over the pink box */
    position: relative;
    z-index: 2;
}

.overlay-image-left-desktop {
    width: 30%; /* Adjust size as needed */
    margin-right: -10px; /* Moves the image slightly over the pink box */
    position: relative;
    z-index: 2;
}

.overlay-image-mobile {
    width: 60%; /* Adjust size as needed */
    /*margin-left: -10px;*/ /* Moves the image slightly over the pink box */
    position: relative;
    z-index: 2;
}

.overlay-image-left-mobile {
    width: 60%; /* Adjust size as needed */
    /*margin-right: -10px;*/ /* Moves the image slightly over the pink box */
    position: relative;
    z-index: 2;
}

.timeline {
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
    width: 90%;
    /*max-width: 800px;*/
}

.timeline-group {
    margin-bottom: 30px;
    border-left: 5px double #345CE8;
    border-radius: 25px;
}

.timeline-date {
    text-align: center;
    border-radius: 10px;
    margin-bottom: 12px;
    background-color: #345CE8;
    padding-bottom: 7px;
}

.timeline-items {
    display: flex;
    flex-direction: column;
    position: relative;
}

.timeline-item {
    position: relative;
    padding: 3px 20px;
    margin-bottom: 10px;
}

.timeline-marker {
    position: absolute;
    left: 20px;
    top: -15px;
    width: 40px;
    height: 45px;
    border-radius: 50%;
    border: none;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .timeline-marker::after {
        content: '';
        width: 40px; /* Adjust size as needed */
        height: 45px; /* Adjust size as needed */
        background-image: url('../images/fuzz_blue.png'); /* Path to your image */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

.timeline-content {
    margin-left: 30px;
}

.ticket-overlay {
    display: inline-block;
    position: relative;
    text-align: left;
}

.ticket-image {
    max-width: 100px;
    height: auto;
}

.ticket-text {
    padding: 10px 15px;
    background-color: #f8f9fa;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.shareComp {
    font-weight:600;
    font-style:italic;
}

#maxPerPerson {
    font-size:14px;
}

.nav-item a {
    text-decoration: none;
}

/*Update nav link styles - WhiteLabel*/
.nav-link-ggv {
    color: white;
    padding-right:30px;
}

    .nav-link-ggv:hover {
        color: #4cae21;
    }

.nav-link-ggv-mobile {
    color: white;
}

.nav-item-mobile {
    /*border-bottom: 1px solid white;*/
    margin-bottom: 15px;
}

.nav-item-mobile a {
    text-decoration: none;
    text-transform:uppercase;
    font-size:18px;
    font-weight:bold;
}

.offcanvas {
    background-color: #345CE8; /* Match your theme */
    color: #000000;
    width: 90%;
    border-left: 5px solid white;
}

.navbar-light .navbar-toggler {
    /*border-color: white;*/
    background-color: rgba(255, 255, 255, 0.5);
}

.navbar-toggler {
    padding:2px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out;
}

.basket-icon-mobile {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-top: 0px;
}

.confirm-table {
    font-size:14px;
}
.testClassOne {
    background-color: red;
}
.hideOnDesktop {
    display: none;
}
.hideOnDesktopImportant {
    display: none !important;
}

.showInNavMobile {
    display:none;
}
.nav-item-mobile .showInNavMobile {
    display: block;
}
.nav-item-mobile .basket-icon {
    margin-left: 0;
}
/* Style the range slider track */
.QuantityControlSlider input[type=range] {
    -webkit-appearance: none; /* Remove default styling */
    -moz-appearance: none; /* Remove default styling for Firefox */
    appearance: none;
    width: 100%; /* Adjust as needed */
    height: 12px; /* Apply height */
    background: #4cae21; /* Track color */
    border-radius: 5px; /* Rounded edges */
    outline: none; /* Remove focus outline */
    cursor: pointer; /* Pointer on hover */
    margin-top: 10px;
}

    /* Style the slider thumb */
    .QuantityControlSlider input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default thumb */
        height: 20px;
        width: 20px; /* Thumb width */
        background: #345ce8; /* Thumb color */
        border-radius: 50%; /* Circular thumb */
        cursor: pointer;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

    .QuantityControlSlider input[type=range]::-moz-range-thumb {
        height: 20px;
        width: 20px;
        background: #345ce8;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

    .QuantityControlSlider input[type=range]::-ms-thumb {
        height: 20px;
        width: 20px;
        background: #345ce8;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

    /* Adjust range track for IE/Edge */
    .QuantityControlSlider input[type=range]::-ms-track {
        width: 100%;
        height: 20px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }


/*We no longer move the bin icon around*//*WRONG, we do again :)*/
.basketbinmobile {
    display: none;
}

.navMaxDiv {
    padding: 0;
    margin: 0;
}
    .navMaxDiv a {
        text-decoration: none;
        padding: 0;
        margin: 0;
    }

.navMaxRow {
    padding: 0;
    margin: 0;
}

.maxNavContainer {
    padding: 0;
}
.navContainer {
    padding: 0;
    margin: 0;
}
.navContainer > * {
    padding: 0;
    margin: 0;
}

.navLeft {
    padding-top: 10px;
}
.navRight {
    padding-bottom: 0px;
}

.navLeft a {
    color: #FFFFFF;
}
    .navLeft a:hover {
        color: #e33baa;
    }

.navRight a {
    color: black;
    padding:5px;
}

.navZigZag {
    padding: 0;
    margin: 0;
}
.zig-zag-wrap {
    padding: 0;
    margin: 0;
    width: 100%;
    /*height: 100%;*/
}
.imgZigZag {
    padding: 0;
    margin: 0;
    width: 100%;
    /*height: 100%;*/
}
.custom-nav-item {
    vertical-align: central;
}

.tp-wid {
    margin-top: 25px;
}

.divBT_Mobile, .divBT_MobileBox {
    display: none;
}


/*GGC input welcome popup*/
 
.wheelbody {
    /*font-family: 'Titillium Web', sans-serif;*/
   /* background: #191B28;*/
}

.roulette-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/*    .roulette-wrapper .selector {
        width: 3px;
        background: grey;
        left: 50%;
        height: 100%;
        transform: translate(-50%,0%);
        position: absolute;
        z-index: 2;
    }*/

    .roulette-wrapper .selector {
        z-index: 2;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 30px solid red; /* Arrow color */
        filter: drop-shadow(0 2px 2px rgba(0,0,0,0.3));
        margin: 20px auto;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .roulette-wrapper .wheel {
        display: flex;
    }

        .roulette-wrapper .wheel .wheelrow {
            display: flex;
        }

            .roulette-wrapper .wheel .wheelrow .card {
                height: 75px;
                width: 75px;
                margin: 3px;
                border-radius: 8px;
                border-bottom: 3px solid rgba(0,0,0,0.2);
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-size:2em;
            }

.card.blue {
    background: #345CE8;
}

.card.pink {
    background: #E33BAA;
}

.card.gren {
    background: #b5f523;
    color: black;
}

.OutcomeMessage {
    color: black;
    /*font-weight: bold;*/
    justify-content: center;
}

* {
    box-sizing: border-box;
}

.confetti-containerHome {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: 9999;
}

.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: red;
    opacity: 0.8;
    animation: fall 3s linear infinite;
    transform: rotate(45deg);
}

@keyframes fall {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(100vh) rotate(360deg);
        opacity: 0;
    }
}

/*legend GGC in pop up*/


@media(min-width:768px) {
    .showOnMobile {
        display: none;
    }
    .navMaxDiv {
        background: linear-gradient(to right, #345CE8, #345CE8, #345CE8, #345CE8, #345CE8, #345CE8, #345CE8, #345CE8, #DCB9FD, #DCB9FD, #DCB9FD, #DCB9FD);
    }
    /*.custom-nav-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .custom-nav-item {
        flex: 0 0 auto;
    }*/
    .navLeft {
        background-color: #345CE8;
        padding-bottom: 10px;
    }
    .navRight {
        background-color: #DCB9FD;
        padding-top: 10px;
        text-align: right;
        color:black;
    }
        .navRight a:hover {
            color: #ffffff;
        }
    .navLeftItem {
        background-color: #345CE8;
    }
    .navRightItem {
        background-color: #DCB9FD;
    }
    .hideableNavButtonWrap {
        /*width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        border: 0;
        border-image: 0;
        border-image-width: 0;*/
        /*border-image-height: 0;*/
        display: none;
    }
    .hideableNavButton {
        /*width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        border: 0;
        border-image: 0;
        border-image-width: 0;*/
        /*border-image-height: 0;*/
        display: none;
    }
}
@media(max-width:767px) {
    .hideOnMobile {
        display: none;
    }
    .hideOnMobileImportant {
        display: none !important;
    }

    .hideOnDesktop {
        display:block;
    }
    .hideOnDesktopImportant {
        display: block !important;
    }

    .divBT_Desktop, .divBT_DesktopBox {
        display: none;
    }

    .divBT_Mobile, .divBT_MobileBox {
        display: block;
    }

    .divBT_MobileBox {
        background-image: url("../Images/BT_Mobile.png");
        background-size: cover;
        background-position: center;
    }

    .divBT_Mobile {
        background-repeat: no-repeat;
        width: 100%;
        height: 115px;
    }

    .navMaxDiv {
        background-color: #345CE8;
    }

    .custom-nav-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .custom-nav-item {
        flex: 0 0 auto;
        width: 100%;
        text-align: center;
    }
    .navLogoVoxWrap {
        display: flex;
        flex-wrap: wrap;
    }

    .navLogoVoxItem {
        flex: 0 0 auto;
        width: 90%;
        text-align: center;
    }
    .hideableNavButtonWrap {
        flex: 0 0 auto;
        width: 10%;
        text-align: center;
    }
    .hideableNavButton {
        flex: 0 0 auto;
        text-align: center;
    }

    .navLeft {
        width: 100%;
    }

    .navRight {
        width: 100%;
    }
        .navRight a:hover {
            color: #DC89FD;
        }
    .navZigZag {
        display: none;
    }
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/* No, don't */ 
/*input,
select,
textarea {
    max-width: 380px;
}*/

.aclass > div {
    margin-top: 20px;
}

.bred {
    background-color: red;
}

.bgre {
    background-color: green;
}

.compbutt {
    width: 100%;
    text-align: center;
    background-color: limegreen;
}

/* Form box and border */
.ggv-form-background {
    background-color: white;
    border: 4px solid #000000;
    box-shadow: 15px 15px 10px black;
}

/* Form input classes */
.custom-input {
    width: 100%;
    padding: 10px;
    /*border: none;*/
    border-radius:0;
    font-size: 16px;
    color: black;
}

.custom-bottom-border {
    /*border-bottom: 2px solid #000000;*/
}

.col-form-label {
    font-size: 20px;
}

/* Adjustable Parameter Scheme */


.text-red input {
    color:red;
}
/* Title Prime Colour */
.AC1 {
    color: #000000;
    font-size: 50px;
}

.pHalf {
    font-weight: bold;
    /*font-style: italic;*/
}

/* Title Secondary Colour */
.AC2 {
    color: #99ff22;
    background-color: #99ff22;
}

/* Title Alt Colour */
.AC3 {
    color: #150f69;
    font-size: 35px;
}

/* Title Alt Secondary Colour */
.AC4 {
    background-color: #b72891;
}

/* Background Primary Colour */
.BC1 {
    /*background-color: none;*/
}

/* Background Secondary Colour WhiteLabel */
.BC2 {
    background-color: black;
}

.BC2-Light {
    background-color: #e4f6f2;
}

/* Background Third Colour */
.BC3 {
    background-color: #e33baa;
}

/* Background Fourth Colour */
.BC4 {
    background-color: #dcb9fd;
}

/* Background Fifth Colour */

/* Background Colour - WhiteLabel */

.BC5 {
    background-color: black;
}

/* Background Sixth Colour */
.BC6 {
    background-color: #345ce8;
    color: #ffffff;
}

.BC6-Image {
    background-image: url('../images/Rectangle_Flash_Blue.png');
    height:499px;
}

/* Background Seventh Colour */
.BC7 {
    background-color: #18142f;
    color: #ffffff;
}

/* Primary Menu Text Colour */
.CC1 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.CC1-Nav {
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    font-style:italic;
}

.CC2-Nav {
    font-size: 16px;
    font-weight: 400;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.nav-divider {
    width: 2px;
    height: 20px; /* Adjust as needed */
    background-color: white; /* Divider color */
    margin: 0 10px; /* Optional spacing */
}

/* Primary Menu Background Colour */
.CC2 {
    /* Transparent */
}

/* Primary Section Title Colour WhiteLabel */
.DC1 {
    color: #4cae21;
    font-size: 52px;
    font-weight: 800;
    font-style: italic;
    padding-top: 1rem;
    text-align: center;
    text-shadow: -2px -2px 0 white, /* Top-left shadow */
    2px -2px 0 white, /* Top-right shadow */
    -2px 2px 0 white, /* Bottom-left shadow */
    2px 2px 0 white, /* Bottom-right shadow */
    0 -2px 0 white, /* Top shadow */
    0 2px 0 white, /* Bottom shadow */
    -2px 0 0 white, /* Left shadow */
    2px 0 0 white; /* Right shadow */
}

/*Comp Heading WhiteLabel*/
.DC1-Pink {
    color: #4cae21;
    font-size: 52px;
    font-weight: 800;
    font-style: italic;
    padding-top: 1rem;
    text-align: center;
    text-shadow: -2px -2px 0 white, /* Top-left shadow */
    2px -2px 0 white, /* Top-right shadow */
    -2px 2px 0 white, /* Bottom-left shadow */
    2px 2px 0 white, /* Bottom-right shadow */
    0 -2px 0 white, /* Top shadow */
    0 2px 0 white, /* Bottom shadow */
    -2px 0 0 white, /* Left shadow */
    2px 0 0 white; /* Right shadow */
}

/* Secondary Section Title Colour */
.DC2 {
    color: #ffffff;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

/* Third Section Title Colour */
.DC3 {
    color: #3e4fb7;
}

/* Fourth Section Title Colour */
.DC4 {
    color: #99ff22;
}

.DC5 {
    color: #b5f523;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

/* Splash Section First Text */
.E1 {
    color: #ffffff;
    font-size: 70px;
    /*background-color: none;*/
    font-weight: bold;
    line-height: 1;
    margin-top: 20px;
}

/* Splash Section Second Text */
.E2 {
    color: #ffffff;
    font-size: 20px;
    /*background-color: none;*/
    margin-bottom: 20px;
}

/* Splash Section Third Text */
.E3 {
    color: #000000;
    font-size: 20px;
    background-color: #77ffee;
    border: 3px solid #000000;
    font-weight: bold;
    min-width: 40%;
    width: 350px;
    text-align: center;
    transform: skew(-30deg);
}

/* Splash Section Fourth Text */
.E4 {
    color: #000000;
    font-size: 16px;
    background-color: #99ff22;
    border: 3px solid #000000;
    border-radius: 25px;
    font-weight: bold;
    min-width: 20%;
    width: 150px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Splash Section Fifth Text */
.E5 {
    color: #ffffff;
    font-size: 16px;
    background-color: #b72891;
    border: 3px solid #000000;
    border-radius: 25px;
    /*box-shadow:inherit;*/
    font-weight: bold;
    min-width: 50%;
    width: 350px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Splash Section Sixth Text */
.E6 {
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}

/* Splash Section Seventh Text */
.E7 {
    color: #99ff22;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

/* Container area for Splash parts 6 & 7 */
.E8 {
    background-color: #b72891;
    border: 3px solid #000000;
    transform: rotate(20deg);
}

/* Bottom area of Splash Zone */
/* Outdated, this is now in a Partial. CSS is below, search "headDataBarSection" */
/*.splashBottom {
    background-color: #ffffff;
    color: #000000;
    height:100px;
}
    .splashBottom .sEmph {
        font-weight: bold;
        font-size: 16px;
        padding-left: 5px;
        padding-top: 2px;
    }
    .splashBottom .sNoEmph {
        font-weight: bold;
        font-size: 10px;
    }

.splashBottomTimerBox {
    border: 0.75px solid #d1d1d1;
    text-align: center;
    border-radius: 10px;
    padding-left: 20px;
    margin-right: 2px;
    width:38px;
    height:50px;
}

.splashBottomTimerBox .row {
    width: 100%;
    text-align: center;
}*/

.position-relative {
    position: relative; /* Required for absolute positioning within this container */
}

.position-absolute {
    position: absolute;
}

.overlay-button {
    top: 50%; /* Adjust to position the button vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Center both horizontally and vertically */
    z-index: 2; /* Ensure button appears above the image */
}

.carousel-inner img {
    object-fit: cover; /* Ensures the image fills the space */
    width: 100%;
}

.carousel-inner {
    position: relative;
    overflow: hidden; /* Prevents overflow of the next slide */
}

.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Ensure the slides take the full width */
    height: 100%; /* Optional: ensures the slides match the container's height */
    z-index: 1;
    transition: transform 0.6s step-end;
}

    .carousel-item.active {
        z-index: 2; /* Active item should always appear on top */
        position: relative; /* Bring the active item back to normal flow */
    }

.carousel-control-prev,
.carousel-control-next {
    z-index: 5; /* Higher than slides and other elements */
}

@media (min-width: 768px) {
    .carousel-inner img {
        /*height: 300px;*/ /* Set height for desktop view */
    }

    .comp5TextHomeTile {
        font-size: 16px;
        font-weight: 600;
    }
}

@media (max-width: 767.98px) {
    .carousel-inner img {
        /*height: 300px;*/ /* Adjust for mobile view */
    }
}

.splashZoneOuterContainer {
    /*background-image: url("../images/bg1.png");*/
    background-position-x: center;
    /*height: 300px;*/
}

@media(min-width:1200px) {
    .splashZoneOuterContainer {
        /*background-image: url("../images/Hero-Tech-Bundle-v2.png");*/
        height: 300px;
        background-repeat: no-repeat;
    }
    .carousel-inner img {
        height: 300px;
    }
    .btnHeroEnter {
        position: absolute;
        bottom: 60px;
        left: 50px;
    }
}


.homeTileName {
    height: 70px;
    text-align: left;
    font-size: 16px;
    /*padding-top: 5px;*/
    font-weight: 800 !important;
    font-style: italic;
}

.tilePrice {
    text-align: left;
    font-size: 30px;
    font-weight: bold;
}

.areaQuantityStated {
    text-align: center;
    font-size: 22px;
    /*font-weight: 600;
    font-style: italic;*/
}

.accountSection {
    background-color: #ffffff;
    border-radius: 15px;
    margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 32px;
    padding-right: 32px;
    box-shadow: 3px 3px 3px #8b8997;
}

.promo-bar {
    background-color: #345CE8;
    color: white;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    width: 100%;
}

@media(max-width:430px) {
    .splashZoneOuterContainer {
        /*background-image: url("../images/Mobile-TechBundle-v2.png");*/
        height: 201px;
        width:100%;
        background-size: 670px 201px;
        background-repeat: no-repeat;
    }

    .carousel-inner img {
        height: 201px;
    }

    .footergap {
        padding-top: 20px;
        font-size:12px;
    }

    .btnHeroEnter {
        position: absolute;
        bottom: 100px;
        left: 10px;
    }

/*    .GoGoCash {
        width:144px;
        height:77px;
    }*/

    .accountSection {
        background-color: #ffffff;
        border-radius: 15px;
        margin-bottom: 20px;
        padding-top: 15px;
        font-size:10px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        box-shadow: 3px 3px 3px #8b8997;
    }

    .btnRemoveFromBasket {
        margin-top: 10px;
        margin-bottom: 10px;
    }


    .tilePrice {
        padding-left: 15px;
        font-size: 22px;
        font-weight: bold;
    }

    .ticketLarge {
        width: 30px;
        height: 30px;
    }

}

.splashZoneRowMain {
    /*background-image: url("../images/bg1.png");*/
    /*background-color: #FFFFFF;*/
    /*height: 495px;*/
}
.splashBottom {
    background-color: #FFFFFF;
}
.splashZoneRowBottom {
    padding-top: 8px;
    padding-bottom: 8px;
}

.splashZoneBackground {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.homeHeadImage {
    position: absolute;
    /*width: 120%;*/
    width: 2400px;
    height: 610px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -100;
    margin: 0;
    padding: 0;
}

.icon-home {
    width: 30px;
    padding-top: 7px;
}

/* Lower first button */
.L1 {
    color: #ffffff;
    font-size: 20px;
    background-color: #b72891;
    border: 3px solid #000000;
    border-radius: 25px;
    /*box-shadow:inherit;*/
    font-weight: bold;
    min-width: 200px;
    width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Lower second button */
.L2 {
    color: #000000;
    font-size: 20px;
    background-color: #99ff22;
    border: 3px solid #000000;
    border-radius: 25px;
    font-weight: bold;
    min-width: 20%;
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Lower second button */
.L3 {
    color: #ffffff;
    font-size: 20px;
    background-color: #3e4fb7;
    border: 3px solid #000000;
    border-radius: 25px;
    font-weight: bold;
    min-width: 20%;
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}
/* Lower second button */
.L4 {
    color: #ffffff;
    font-size: 20px;
    background-color: #b72891;
    border: 3px solid #000000;
    border-radius: 25px;
    font-weight: bold;
    min-width: 20%;
    width: 150px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*
    Colours are:

    Pink = #e33baa
    Light Purple = #dcb9fd
    Turquoise = #c9eee6
    Neon Green = #b5f523
    Blue = #345ce8
    Dark Blue = #18142f

    The logos are also attached.
*/

/* Background Override WhiteLabel */
.divRootClass {
    background-color: none;
}

.fitContent {
    width:fit-content;
}

.compBoxStandard {
    background-color: #ffffff;
    border-radius: 15px;
/*    margin-top: 20px;*/
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 32px;
    padding-right: 32px;
    box-shadow: 3px 3px 3px #8b8997;
}

.compBoxBasket {
    background-color: #ffffff;
    border-radius: 15px;
    /*    margin-top: 20px;*/
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 3px 3px 3px #8b8997;
}
@media(max-width:768px) {
    .compBoxBasket {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.compBoxBasketBannerRecommended {
    /*border-radius: 15px;*/
    border-radius: 15px 15px 0 0;
    /*    margin-top: 20px;*/
    margin-bottom: 20px;
    /*padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;*/
    box-shadow: 3px 3px 3px #8b8997;

    /*background-color: #345CE8;*/
    background-color: #AE1AC9;
    color: white;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    text-transform: uppercase;
}

.compBoxAccountMenu {
    background-color: #ffffff;
    border-radius: 15px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 3px 3px 3px #8b8997;
}

.cashAlternative {
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
}

/* HeadDataBarPartial -specific*/
/* Bottom area of Splash Zone */
.headDataBarSection {
    background-color: #ffffff;
    /*border-radius: 10px;*/
    color: #000000;
    /*height: 200px;*/
    /*margin-bottom: -50px;*/
    /*z-index: -100;*/
    /*padding:40px;
    padding-top: 24px;*/
    /*padding-bottom: 60px;*/
    padding-bottom: 3px;
}

    .headDataBarSection .sEmph {
        font-weight: bold;
        font-size: 24px;
        padding-left: 0px;
        padding-top: 3px;
        text-align: center;
    }

    .headDataBarSection .sNoEmph {
        font-weight: bold;
        font-size: 14px;
        /*text-align: center;*/
    }

.headDataBarNextDrawInText {
    padding: 0;
    /*padding-top: 13px;*/ /*Use media page width thing to set this pading-top later, for now using sm/md/lg*/
    margin-top: -10px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    font-style: italic;
    color: #E33BAA;
}

.headDataBarSectionTimerBox {
    border: 0.75px solid #dadada;
    border-radius: 10px;
    height: 65px;
    text-align: center;
    box-shadow: 3px 3px 3px #8b8997;
}
    .headDataBarSectionTimerBox .container {
        padding: 0;
    }

    .headDataBarSectionTimerBox .row {
        /*width: 100%;
        text-align: center;*/
    }


/*.rowCloudImage {
    background-image: url("../Images/Cloud_Tur.png");
    background-repeat: repeat-y;
    height: 50px;
    z-index: 200;
    float: 
}*/
.rowCloudImage1 {
    /*position: relative;*/
}
/*.rowCloudImage2 {
    background-image: url("../Images/Cloud_Tur.png");
    background-repeat: repeat-x;
    z-index: 2;
    position: fixed;
    left: 0px;
    right: 0px;
    margin-top: -50px;
    margin-right: -50px;*/
    /*bottom: 0px;*/
    /*width: 100%;
    height: 50px;
    padding: 0;
}*/
.rowCloudImage2 {
    margin-top: -50px;
    margin: 0;
    padding: 0;
}
.correctedWidthRow {
    width: 100%;
}
.correctedWidthClouds {
    height: 50px;
    margin: 0;
    padding: 0;
}
.divCloudsBox {
    background-repeat: repeat-x;
    height: 50px;
    /*margin-top: -50px;
    margin-bottom: 100px;*/
}
.divCloudsUpContainer {
    position: relative;
}
.divCloudsUpwards {
    position: absolute;
    margin-top: -50px;
    z-index: 30;
    height: 50px;
    width: 100%;
}
.divCloudsTur {
    /*background-image: url("../Images/Cloud_Tur.png")*/
    background-image: url("../Images/Repeatable_Cloud_Teal.png");
}
.divCloudsTeal {
    background-image: url("../Images/Repeatable_Cloud_Teal.png");
}
.cloudsPinkBehind {
    background-color: #E33BAA;
}
.divCloudsPink {
    background-image: url("../Images/Repeatable_Cloud_Pink.png");
}
.divCloudsBlueWithPink {
    background-image: url("../Images/Repeatable_Cloud_Blue_With_Pink.png");
}
.divCloudsBlue {
    background-image: url("../Images/Repeatable_Cloud_Blue.png");
}
.cloudsWhiteBG {
    background-color: #FFFFFF;
}

/*Whitelabel info text*/
.infoHighlight {
    color: #4cae21;
}
.currentlyHidden {
    display: none;
}

.divBT_Desktop {
    background-image: url("../Images/BT_Desktop.png");
    background-size: cover;
    background-position: center;
}

.divBT_DesktopBox {
    background-repeat: no-repeat;
    width: 100%;
    height: 75px;
}

/* Live page (offline) */

.liveOfflineText1 {
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.liveOfflineText2 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.liveOfflineButton {
    font-size: 22px;
    /*vertical-align: middle;*/
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.homeWatchLiveButton {
    font-size: 22px;
    /*vertical-align: middle;*/
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #B5F523;
    /* Settings from btnGeneralBlue: */
    border: solid 3px black;
    border-radius: 30px;
    /*background-color: #345ce8;*/
    text-align: center;
    font-weight: bold;
    box-shadow: #000000 4px 4px;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: black;
}
    .homeWatchLiveButton a {
        text-decoration: none;
        color: #ffffff;
    }
    .homeWatchLiveButton:hover {
        cursor: pointer;
        /*background-color: #99adf3;*/
        background-color: #DAFA91;
    }

/* Navbar styling - WhiteLabel */

.navSolidBlue {
    background-color: black;
}


.basket-icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    /*margin-left: 10px;*/
    margin-top:-5px;
}

.basket-section {
    cursor: pointer;
    user-select: none;
}

    .basket-section .fa-shopping-basket {
        font-size: 24px;
    }

    /*Basket Item Count WhiteLabel*/
    .basket-section .item-count {
        color: #4cae21;
        font-weight: bold;
        text-decoration: none;
        /*padding: 0;*/
        font-size: 18px;
    }
    .basket-section .item-cost {
        /*display: none !important;*//*TODO: Remove this when ready!*/
        color: #FFFFFF;
        text-decoration: none;
        font-size: 16px;
    }

.basketImage img {
    width: 100%;
    box-shadow: 3px 3px 3px #8b8997;
}

.fuzz-image-center {
    width: 125px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.star {
    width: 100px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.text-white {
    color:white;
}

.GGV_Logo_pink {
    /*height:45px;*/
    width:100%;
    max-width: 280px;
    margin-left:-15px;
    margin-top:-15px;
}

.WhiteLabel-Footer-Logo {
    width: 30%;
    max-width: 280px;
    margin-left: -15px;
    margin-top: -15px;
}

.footerUL {
    padding-left: 0px;
}

#section7 ul {
    list-style-type: none;
}

.padding-top-80 {
    padding-top: 80px;
}

.padding-top-100 {
    padding-top: 100px;
}

.smallText {
    font-size: 10px;
}

.largeText {
    font-size: 30px;
}

.checkout-form-field {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid black;
    border-radius: 0;
}
.checkout-form-row {
    padding-right: 15px;
}

.checkoutHeading {
    font-size:20px;
}

.btnCheckoutCopy {
    border: solid 3px black;
    border-radius: 30px;
    background-color: #e33baa;
    text-align: center;
    font-weight: bold;
    box-shadow: #000000 4px 4px;
    font-size: 16px;
    color: white;
    height: 40px;
}

    .btnCheckoutCopy a {
        text-decoration: none;
        color: #000000;
    }
    .btnCheckoutCopy:hover {
        cursor: pointer;
        background-color: #F19DD4;
    }

/*Tick Box Checkout WhiteLabel*/
.chkSameAddress, .chkGeneral {
    width: 22px;
    min-width: 22px;
    height: 15px !important;
    accent-color: #4cae21;
}
.labelChkSameAddress:hover {
    cursor: pointer;
}

.form-check .chkSameAddress {
    accent-color: #B5F523;
    cursor: pointer;
}

.ggcHeading {
    font-weight: bold;
    font-size: 20px;
}

/*Checkout Button WhiteLabel*/
.btnCheckoutGeneral {
    color: white;
    background-color: #4cae21;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding: 10px;
    border: 0 !important;
}

    .btnCheckoutGeneral:hover {
        text-decoration: none;
        cursor: pointer;
        background-color: #4cae21;
    }

.btnBasketPopupGeneral {
    color: black;
    background-color: #b5f523;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding: 10px;
    border: none !important;
    text-decoration: none;
    margin-top:10px;
}

    .btnBasketPopupGeneral:hover {
        text-decoration: none;
        cursor: pointer;
        background-color: #DAFA91;
        color: #000000;
    }

.btnBasketPopupCloser {
    border: 1px solid black;
    border-radius: 30px; /*
    background-color: green;
    color: white;*/
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #000000;
}

    .btnBasketPopupCloser:hover {
        color: #ECA9ED;
        cursor: pointer;
        background-color: #EEEEEE;
    }
.basketPopupImage {
    width: inherit;
/*    border-top-left-radius: 20px;
    border-top-right-radius: 20px;*/
/*    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: black;*/
}
.basketPopupTitle {
    font-size: 20px;
    text-align: center;
    margin-bottom: 6px;
    border-width: 0 1px 1px 1px;
    border-color: black;
    border-style: solid;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #000000;
}
/*.btnBasketPopupCloser {
    border: 2px solid #8b8997;
    border-radius: 20px;*/ /*
    background-color: green;
    color: white;*/
/*background-color: white;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    width: 30px;
    height: 30px;
    padding: 0px;
    color: black;
}*/
.btnCheckoutEditBasket {
    border: solid 3px black;
    border-radius: 30px;
    background-color: #e33baa;
    text-align: center;
    font-weight: bold;
    box-shadow: #000000 3px 3px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    height: 30px;
    text-decoration: none;
    color: #000000;
}

    .btnCheckoutEditBasket a {
        text-decoration: none;
        color: #000000;
    }

    .btnCheckoutEditBasket:hover {
        cursor: pointer;
        background-color: #F19DD4;
        color: #000000;
    }

.btnCheckoutContinue {
    color: #ffffff;
    background-color: black;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding: 10px;
    border: none !important;
}

    .btnCheckoutContinue a {
            text-decoration: none;
        }
    .btnCheckoutContinue:hover {
        cursor: pointer;
        background-color: black;
    }

.subtitle1 {
    font-size: 26px;
    font-weight:bold;
    text-transform:uppercase;
    font-style:italic;
}

.subtitle2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.form-control {
    max-width: 100%;
    box-sizing: border-box;
}

.compTitleCheckout {
    font-size: 18px;
    border-bottom: 1px solid #8b8997;
    margin-bottom: 5px;
    padding: 5px;
}


/*Comp Total WhiteLabel*/
.compTotalCheckout {
    font-size: 32px;
    font-weight: bold;
    color: #4cae21;
}

.payment-header {
    background-color: #345ce8;
    height: 60px;
    color: white;
    font-weight: 300;
    font-size: 24px;
    padding-top: 10px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #8b8997;
}

.payment-disclaimer {
    color: black;
    font-weight: 300;
    font-size: 12px;
    padding-top: 5px;
}

.tileButton {
    color: #ffffff;
    background-color: #000044;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    margin-left: -10px;
    padding-top: 8px;
}

.howitheading {
    text-align:center;
    font-size:50px;
    font-style:italic;
    font-weight:bold;
}

.howitdesc {
    text-align: center;
    font-size: 18px;
}

.Howitworksimg {
    width:100%;
}

/* General Border Box */
.generalTile {
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    padding-left: 32px;
    padding-right: 32px;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #8b8997;
}

/*General Page Title WhiteLabel*/
.generalTitle {
    font-style: italic;
    font-weight: 800;
    text-align: center;
    color: #4cae21;
    font-size: 52px;
    padding-top: 1rem;
    text-shadow: -2px -2px 0 white, /* Top-left shadow */
    2px -2px 0 white, /* Top-right shadow */
    -2px 2px 0 white, /* Bottom-left shadow */
    2px 2px 0 white, /* Bottom-right shadow */
    0 -2px 0 white, /* Top shadow */
    0 2px 0 white, /* Bottom shadow */
    -2px 0 0 white, /* Left shadow */
    2px 0 0 white; /* Right shadow */
}

.generalCompTitle {
    font-style: italic;
    font-weight: 800;
    text-align: center;
}

/*General Hyperlinks WhiteLabel*/
.generalLink {
    text-decoration: none;
    color: #4cae21;
}

.faqHeading {
    font-weight: 600;
    font-size: 20px;
}

/* WhiteLabel Heading Info Pages */
.faqWLHeading {
    color: #4cae21;
    font-weight: 600;
}

.faqPinkHeading {
    color: #e33baa;
    font-weight:600;
}

/* Home Tile */
.homeTile {
    width: 100%;
    border-radius: 20px;
    text-align: center;
    padding: 20px;
    padding-left: 32px;
    padding-right: 32px;
    background-color: #ffffff;
    /*box-shadow: 3px 3px 3px #8b8997;*/
}

.homeTileNameContainer {
    padding: 0;
    margin-bottom:20px;
}

.homeTile .sEmph {
    font-weight: bold;
    font-size: 24px;
    padding-left: 0px;
    padding-top: 5px;
    text-align: center;
}

.homeTile .sNoEmph {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.perEntry {
    font-weight:300;
    font-size:14px;
}

.homeTileTimerBox {
    border: 0.75px solid #dadada;
    /*justify-content: center;*/
    /*padding-left: 20px;
    margin-right: 5px;*/
    height: 65px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #8b8997;
    /*text-align: center;*/
}
.homeTileTimerBox .container {
    /*border: 0.75px solid #dadada;*/
    /*justify-content: center;*/
    /*padding-left: 20px;
    margin-right: 5px;*/
    /*height: 65px;*/
    /*text-align: center;*/
    padding: 0;
}

    .homeTileTimerBox .row {
        /*width: 100%;
        text-align: center;*/
    }

/*Home Gallery*/
.gallery-item {
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 15px;
    margin: 10px;
}

    .gallery-item img {
        border-radius: 10px;
        max-width: 100%;
        height: auto;
    }

.carousel-inner {
    display: flex;
}

.carousel-item {
    display: flex;
    gap: 10px;
}

/*WhiteLabel Comp Closes in*/
.tileDeadlineStated {
    color: #4cae21;
    background-color: #fff;
    width: 120px;
    /*height: 50px;*/
    margin: 4px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 5px 4px 5px 4px;
    text-align: center;
}
.tileAccountDeadlineStated {
    color: #E33BAA;
    background-color: #fff;
    /*width: 120px;*/
    /*height: 50px;*/
    margin: 4px;
    border-radius: 6px;
    font-size: 20px;
    font-weight: bold;
    font-style:italic;
    /*padding: 12px 4px 2px 4px;*/
    text-align:center;
}

.tileBarRow {
    margin-top: 8px;
}

.tileBarContainer {
    position: relative;
    height: 23px;
    padding: 0;
}

/*Tile bar changes WhiteLabel*/
.tileBarBG {
    position: absolute;
    background-color: rgba(76, 174, 33, 0.5);
    height: 12px;
    border-radius: 6px;
    width: 100%;
}

.tileBarSold {
    position: absolute;
    background-color: #4cae21;
    height: 12px;
    border-radius: 6px;
    min-width: 12px;
}

.tileCount {
    font-size: 14px;
    font-weight:bold;
    padding: 0;
    text-align: right;
    padding-right: 15px;
    margin-top: -2px;
}

/*Home tile changes WhiteLabel*/
.homeTileColPrice {
    text-align: left;
    font-size: 25px;
    font-weight: bold;
    padding: 0;
    color: #4cae21;
}

.homeTileColButton {
    padding: 0;
}

.homeTileButton {
    color: #ffffff;
    /*background-color: #18142F;*/
    background-color: #4cae21;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding-top: 8px;
}
    .homeTileButton:hover {
        /*blue=#345CE8*/
        background-color: #345CE8;
        color: #FFFFFF;
        cursor: pointer;
    }

/*WhiteLabel Nav Bar Login Button*/
.homeLoginButton {
    color: #ffffff;
    /*background-color: #18142F;*/
    background-color: #4cae21;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding: 5px;
}

    /*WhiteLabel Nav Bar Login Button*/
    .homeLoginButton:hover {
        background-color: #4cae21;
        color: #FFFFFF;
        cursor: pointer;
    }

 /*WhiteLabel Nav Bar Button*/

.homeRegisterButton {
    color: #ffffff;
    /*background-color: #18142F;*/
    background-color: #4cae21;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding: 5px;
    border: none !important;
}

    /*WhiteLabel Nav Bar Button*/
    .homeRegisterButton:hover {
        background-color: #4cae21;
        color: #FFFFFF;
        cursor: pointer;
    }

.drawTile {
    border-radius: 5px;
    padding: 12px;
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #8b8997;
    margin-bottom: 0px;
}

.winnerTile {
    border-radius: 5px;
    padding: 5px;
    /*padding-left: 32px;
    padding-right: 32px;*/
    background-color: #ffffff;
    box-shadow: 3px 3px 3px #8b8997;
    margin-bottom: 40px;
}
.winnerTile img {
    width: 100%;
    border-radius:5px;
}
.winnerPersonName {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.winnerCompetitionName {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.winnerAltValue {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
}

.winnerDrawDate {
    margin-top: 10px;
    /*font-size: 20px;
    font-style: italic;
    font-weight: bold;*/
}

.winnerQuote {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    margin-top:10px;
}

.winnerDetailsContainer {
    height:150px;
    margin-top:15px;
}

/*Competition Page small text WhiteLabel*/
.small-pink {
    font-size: 12px;
    color: #4cae21;
    font-weight: 400;
}

.small-black {
    font-size: 12px;
    color: #18142F;
    font-weight: 400;
}

.titleCompPage {
    font-size: 24px;
    font-weight: bold;
    color: #18142F;
    font-style: italic;
}

.per-entry {
    font-size: 18px;
    font-weight: 300;
}

.ticket-small {
    padding-right:10px;
}

.tobeverticallysameheight {
    display: flex;
    /*flex-direction: column;*/
    align-items: stretch;
}
.tobeverticallysameheight2 {
    align-items: stretch;
}

.competitionTimerBox {
    border: 0.75px solid #dadada;
    /*justify-content: center;*/
    /*padding-left: 20px;
    margin-right: 5px;*/
    height: 65px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #8b8997;
    /*text-align: center;*/
}

    .competitionTimerBox .container {
        /*border: 0.75px solid #dadada;*/
        /*justify-content: center;*/
        /*padding-left: 20px;
    margin-right: 5px;*/
        /*height: 65px;*/
        /*text-align: center;*/
        padding: 0;
    }

    .competitionTimerBox .row {
        /*width: 100%;
        text-align: center;*/
    }

.competitionDetails .sEmph {
    font-weight: bold;
    font-size: 24px;
    padding-left: 0px;
    padding-top: 5px;
    text-align: center;
}

.competitionDetails .sNoEmph {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

/*WhiteLabel QTY Slider*/
#quantitySlider {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: #ccc;
    border-radius: 3px;
    outline: none;
    padding: 0;
    margin: 0;
}

    /* WebKit for Chrome, Safari */
    #quantitySlider::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: black;
        cursor: pointer;
        margin-top: -7px; /* Centers thumb on the track */
    }

    /* Firefox */
    #quantitySlider::-moz-range-thumb {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background: black;
        cursor: pointer;
    }

    /* Optional: Track styles */
    #quantitySlider::-webkit-slider-runnable-track {
        background: #ddd;
        height: 6px;
        border-radius: 3px;
    }

    #quantitySlider::-moz-range-track {
        background: #ddd;
        height: 6px;
        border-radius: 3px;
    }

.numberQuantity {
    font-size: 14px;
    font-weight:bold;
    padding: 0;
}

#numberQuantityMin {
    padding-left: 4px;
}
#numberQuantityMax {
    text-align: right;
}

.rowQuantityControlArrows {
    margin-top: 0px;
}

#ticketPurchasingCount {
    color: #E33BAA;
}

.question {
    font-size: 20px;
    font-weight: 1000;
    font-style: italic;
    text-transform: uppercase;
}

.qAnswer {
    border: 2px solid #8b8997;
    border-radius: 25px;
    padding: 10px;
    margin: 5px;
    background-color: #e4f6f2;
    font-size: 20px;
    font-weight: 1000;
    text-transform: uppercase;
}

.qAnswer:hover {
    cursor: pointer;
}

.radAnswer {
    transform: scale(2);
}

.radAnswer:hover {
    cursor: pointer;
}

.colBtnQuantityArrow {
    padding: 0;
}

/*.colBtnQuantityArrowRight {
    text-align:right;
}*/

/*WhiteLabel QTY Buttons*/
.btnQuantityArrow {
    touch-action: manipulation;
    border: 2px solid #4cae21;
    box-shadow: 3px 3px 3px #8b8997;
    border-radius: 5px;
    color: white;
    background-color: #4cae21;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    padding: 0;
}

.rowBtnCompAddToBasket {
    margin-top: 15px;
}

.btnCompAddToBasket {
    border-radius: 6px;
    background-color: #18142F;
    color: #FFFFFF;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
}
    .btnCompAddToBasket:hover {
        color: #FFFFFF !important;
        /*color: #345CE8 !important;*/
        background-color: #345CE8;
        /*background-color: #B5F523;*/
    }

/*Instant Win in Competition page*/

.instantWinTileNameContainer {
    padding: 0;
}

.instantWinTileName {
    height: 70px;
    text-align: left;
    font-size: 20px;
    padding-top: 5px;
}

.instantWinTileDescription {
    height: 70px;
    text-align: left;
    font-size: 14px;
    padding-top: 5px;
}

.hiddenInstantWinTickets {
    display: none;
}

.hiddenInstantWinPageControls {
    display: none;
}

.instantWinTicketNumber {
    padding: 5px;
    text-align:center;
    margin: 10px;
    font-weight:400;
    color:white;
    font-size:18px;
    min-height:40px;
    width:100px;
    border-radius:5px;
}
    .instantWinTicketNumber.ticketAvailable {
        background-color: #e33baa;
        /*box-shadow: 3px 3px 3px #8b8997;*/
        /*border-radius: 25px;*/
    }

        .instantWinTicketNumber.ticketAvailable::after {
            content: "\AWin Now";
            white-space: pre;
             font-weight:200;
             font-size:14px;
        }

    .instantWinTicketNumber.ticketWon {
        background-color: #8B8997;
        /*box-shadow: 3px 3px 3px #8b8997;*/
        /*border-radius: 25px;*/
        height: 65px;
    }
        .instantWinTicketNumber.ticketWon::after {
            content: "\AWON!";
            white-space: pre;
            font-weight:bold;
        }

.instantWinTileBarRow {
    margin-top: 8px;
}

.instantWinTileBarContainer {
    position: relative;
    height: 23px;
    /*padding: 0;*/
}

.instantWinTileBarBG {
    position: absolute;
    background-color: #F19DD4;
    height: 12px;
    border-radius: 6px;
    width: 100%;
}

.instantWinTileBarWon {
    position: absolute;
    background-color: #E33BAA;
    height: 12px;
    border-radius: 6px;
    min-width: 12px;
}

.instantWinTileCount {
    font-size: 18px;
    padding: 0;
    text-align: right;
    padding-right: 15px;
    margin-top: -2px;
    font-weight: bold;
    margin-bottom: 15px;
}

/*Basket Page*/
.basketTitle {
    color: #e33baa;
    font-size: 52px;
    font-weight: 800;
    font-style: italic;
    text-align: left;
    text-shadow: -2px -2px 0 white, /* Top-left shadow */
    2px -2px 0 white, /* Top-right shadow */
    -2px 2px 0 white, /* Bottom-left shadow */
    2px 2px 0 white, /* Bottom-right shadow */
    0 -2px 0 white, /* Top shadow */
    0 2px 0 white, /* Bottom shadow */
    -2px 0 0 white, /* Left shadow */
    2px 0 0 white; /* Right shadow */
}

/*Basket Tile - WhiteLabel*/
.basketTile {
   /* background-color: #e4f6f2;*/
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 4px;
}

    .basketTile:first-of-type {
        margin-top: 4px;
    }

.basketTileName {
    color: #000000;
    text-decoration: none;
    font-weight: 600;
}

.basketTicketQuantityChange {
    border: 2px solid #8b8997;
    border-radius: 20px; /*
    background-color: green;
    color: white;*/
    background-color: white;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    width: 30px;
    height: 30px;
    padding: 0px;
    color: black;
    user-select: none;
}
    .basketTicketQuantityChange:hover {
        cursor: pointer;
    }

.basketTicketQuantityDecrease:hover {
    background-color: #E33BAA;
}
.basketTicketQuantityIncrease:hover {
    background-color: #B5F523;
}

.basketTicketBinItem {
    display: inline-block;
    border: 2px solid #8b8997;
    border-radius: 20px;
    background-color: white;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    width: 30px;
    height: 30px;
    padding: 0px;
    color: black;
}
.basketTicketBinItem:hover {
    background-color: grey;
    cursor: pointer;
}

.basketTileTimer {
    padding: 0;
    margin-top: 10px;
}

    .basketTileTimer .sEmph {
        font-weight: bold;
        font-size: 20px;
        padding-top: 5px;
        text-align: center;
    }

    .basketTileTimer .sNoEmph {
        font-weight: bold;
        font-size: 12px;
        text-align: center;
    }

/*Basket Text Comp timer WhiteLabel*/
.basketTileTimerOpeningText {
    font-size: 16px;
    font-weight: bold;
    color: #4cae21;
}

.basketTileTimerBox {
    border: 0.75px solid #dadada;
    /*justify-content: center;*/
    /*padding-left: 20px;
    margin-right: 5px;*/
    height: 60px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px #8b8997;
    /*text-align: center;*/
}

    .basketTileTimerBox .container {
        /*border: 0.75px solid #dadada;*/
        /*justify-content: center;*/
        /*padding-left: 20px;
    margin-right: 5px;*/
        /*height: 65px;*/
        /*text-align: center;*/
        padding: 0;
    }

    .basketTileTimerBox .row {
        /*width: 100%;
        text-align: center;*/
    }

/*Basket QTY Whitelabel*/
.basketTileQuantity {
    font-weight: bold;
    color: #4cae21;
}

.btnRemoveFromBasket {
    border: solid 1px #8b8997;
    border-radius: 20px;
    font-size: 12px;
    box-shadow: #8b8997 3px 3px;
    padding: 2px;
    text-align: center;
    background-color: #EEEEEE;
    color: #888888;
}

    .btnRemoveFromBasket:hover {
        cursor: pointer;
        color: black;
    }

.textTotal {
    font-weight:bold;
    font-size: 20px;
}

#entireTotal {
    margin-bottom:10px;
}

.basketQuantityText {
    padding-top: 3px;
    margin: 0 1.8rem;
    text-align: center;
    font-size: 16px;
}
/*.btnRemoveFromBasket:hover {
        background-color: #E33BAA;
        color: #DCB9FD;
        cursor: pointer;
    }*/
.rowBasketSummarySeparation {
    margin-top: 20px;
}

.rowBasketSummarySubheading {
    font-weight: bold;
}

.btnContinueToCheckout {
    border-radius: 30px;
    background-color: #18142F;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}

.btnSection {
    /*border: 1px solid #000000;*/
    background-color: #EEEEEE;
    text-align: center;
    border-radius: 30px;
}

/*Competitions List Page*/
.btnCompsChoiceActive {
    color: white;
}
.btnCompsChoiceInactive {
    color: grey;
}
.compsDisplayActive {

}
.compsDisplayInactive {
    display: none;
}
.btnCompsChoice {
    font-size: 20px;
    font-weight: 600;
    border: 0.75px solid #000000;
}
    .btnCompsChoice:hover {
        cursor: pointer;
    }
.rowSeparation {
    margin-top: 20px;
}

.competitionsListPage .sEmph {
    font-weight: bold;
    font-size: 24px;
    padding-left: 0px;
    padding-top: 2px;
    text-align: center;
}

.competitionsListPage .sNoEmph {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

/*Comp Timer Box WhiteLabel*/
.competitionsListPageTimerBox {
    border: 0.75px solid #4cae21;
    background-color: #4cae21;
    color: white;
    border-radius: 10px;
    /*box-shadow: 3px 3px 3px #4cae21;*/
    height: 65px;
    /*text-align: center;*/
}

    .competitionsListPageTimerBox .container {
        /*border: 0.75px solid #dadada;*/
        /*justify-content: center;*/
        /*padding-left: 20px;
    margin-right: 5px;*/
        /*height: 65px;*/
        /*text-align: center;*/
        padding: 0;
    }

    .competitionsListPageTimerBox .row {
        /*width: 100%;
        text-align: center;*/
    }

.toggleHidden {
    display: none;
}

.toggle-content {
    display: none; /* Initially hide the content */
}

.toggle-header {
    cursor: pointer;
    font-size:32px;
    margin-bottom:20px;
}

.btnSection:hover {
    cursor: pointer;
}
.btnSectionRight {
    /*text-align: right;*/
}
.generalSubheading {
    font-weight: bold;
}
.closeSection {
    /*border: 1px solid black;*/
    border-radius: 30px; /*
    background-color: green;
    color: white;*/
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #000000;
}

    .closeSection:hover {
        color: #DCB9FD;
        cursor: pointer;
    }

.closeInset {
    padding-right: 20px !important;
}

.noFormatting {
    padding: 0 !important;
    margin: 0 !important;
    width: initial;
}
.noPadding {
    padding: 0 !important;
}

.timerSpacingControlClass {
    padding-left: 3px;
    padding-right: 3px;
}
/*Account Page stuff*/

@media(min-width:992px) {
    .btnTab {
        width: 25%;
    }
    #btnShowUpcoming {
        margin-left: 12px;
        margin-right: 30px;
    }
}
@media(max-width:991px) {
    .btnTab {
        width: 42%;
        font-size: 18px !important;
        padding-top: 3px;
    }
    #btnShowUpcoming {
        margin-left: 12px;
        margin-right: 8px;
    }

    .CC1-Nav {
        font-size: 16px;
    }

    .headDataBarNextDrawInText {
        font-size: 14px;
        padding-top: 0px !important;
        margin-top: 0px;
    }
}

.footergap {
    margin-top: 0px;
}

.accountTicketNumbersToggle {
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
    margin-top: 5px;
    border-radius: 20px;
    width:fit-content;
}
.accountTicketNumbersToggle:hover {
    cursor: pointer;
}
.accountTicketNumberTile {
    background-color: #e4f6f2;
    margin:2px;
    margin-right: 3px;
    border-radius: 5px;
}
/*.GoGoCash {
    width: 100%;
}*/

.ggcSmall {
    height: 80px;
    width: 150px;
}

.ggcLeftPadding {
    padding-left:15px;
}

.sectionHidden {
    display: none;
}

/*Add WhiteLabel Background*/
.bg-image-WhiteLabel {
    background-image: url('/Images/bg-blurred.jpg'); /* Adjust the path as needed */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/*General Button WhiteLabel*/
.btnGeneral {
    color: white;
    background-color: #4cae21;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding: 10px;
    border: 0 !important;
}

.btnGeneral a {
    text-decoration: none;
    color: #000000;
}
    .btnGeneral:hover {
        cursor: pointer;
        background-color: black;
    }

.btnGeneralPink {
    color: #ffffff;
    background-color: #E33BAA;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding: 10px;
    border: none !important;
}

    .btnGeneralPink a {
        text-decoration: none;
        color: #000000;
    }
    .btnGeneralPink input {
        text-decoration: none;
        color: #000000 !important;
    }
    .btnGeneralPink:hover {
        cursor: pointer;
        background-color: #f19dd4;
    }

.btnGeneralBlue {
    /*border: solid 3px black;*/
    border:none !important;
    border-radius: 5px;
    background-color: #345ce8;
    text-align: center;
    font-weight: bold;
    /*box-shadow: #000000 4px 4px;*/
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: #ffffff;
}

    .btnGeneralBlue a {
        text-decoration: none;
        color: #ffffff;
    }

    .btnGeneralBlue:hover {
        cursor: pointer;
        background-color: #99adf3;
    }

.btnStripped {
    /*border: solid 3px black;*/
    border-radius: 30px;
    border: none;
    background-color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    /*box-shadow: #000000 4px 4px;*/
    box-shadow: none;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: #444444;
}

    .btnStripped a {
        text-decoration: none;
        color: #444444;
    }

    .btnStripped:hover {
        cursor: pointer;
        background-color: #DDDDDD;
        color: #000000;
    }

/*Button Checkout Bottom WhiteLabel*/
.btnCheckoutOrderProceed {
    padding-top: 12px;
    color: white;
    text-decoration: none;
}
    .btnCheckoutOrderProceed a {
        color: white;
        text-decoration: none;
    }
.btnCheckoutOrderProceed:hover {
    cursor: pointer;
    color: white;
    text-decoration: none;
}
    .btnCheckoutOrderProceed a:hover {
        cursor: pointer;
        color: white;
        text-decoration: none;
    }
    /*Account Tab Buttons WhiteLabel*/
.btnTab {
    color: black;
    background-color: #4cae21;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    padding: 10px;
    border: none !important;
}

    .btnTab a {
        text-decoration: none;
        color: #000000;
    }

    .btnTab:hover {
        cursor: pointer;
        background-color: #4cae21;
    }

    .btnTab.activeBtnGeneral {
        background-color: black;
        color:white;
        
    }

.areaNumberEntered {
    font-weight: 600;
    padding-top:10px;
}
.numberEntered {
    font-size:16px;
}


.mainSectionSpacing {
    padding-bottom: 20px;
}

.footer-link {
    text-decoration:none;
    list-style:none;
    color:white;
}

    .footer-link:hover {
        color: #4cae21;
    }

/*Footer HREF WhiteLabel*/

.footerhrefwl {
    color: #4cae21;
}

.footerhrefpink {
    color: #e33baa;
}

.footerhrefgreen {
    color: #B5F523;
}

.accountButtonMedium {
    font-size: 22px;
    margin-top: 10px;
}

.ticketsEmptyBox {
    background-color: #ffffff;
    border-radius: 15px;
    margin-top: 32px;
    margin-bottom: 20px;
    margin-left: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 32px;
    padding-right: 32px;
    box-shadow: 3px 3px 3px #8b8997;
}

/*Modal stuff*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1050; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 2% auto; /* 15% from the top and centered */
    padding: 35px;
    border: 1px solid #888;
    border-radius: 15px;
    width: 70%; /* Could be more or less, depending on screen size */
}
.modal-content2 {
    margin-top: 10cqmin;
    width: 80cqmin !important;
}
.modal-content3 {
    margin-top: 20cqmin;
    width: 80cqmin !important;
}

.modal-backdrop {
    z-index: 1040;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.contactLink {
    color: #b5f523;
    text-decoration:none;
}

    .contactLink:hover {
        color: #e33baa;
        text-decoration: none;
    }

.instructHidden {
    display: none;
}

/* Reworked Nav bar "navSolid" */

.navSolidMaxDiv {
    padding: 0;
    margin: 0;
}

    .navSolidMaxDiv a {
        text-decoration: none;
        padding: 0;
        margin: 0;
    }

.navSolidMaxRow {
    padding: 0;
    margin: 0;
}

.maxNavSolidContainer {
    padding: 0;
}

.navSolidContainer {
    padding: 0;
    margin: 0;
}

    .navSolidContainer > * {
        padding: 0;
        margin: 0;
    }

.navSolidLeft {
    padding-top: 14px;
    /*padding-bottom: 10px;*/
}

.navSolidRight {
    padding-bottom: 0px;
}

.navSolidLeft a {
    color: #FFFFFF;
}

    .navSolidLeft a:hover {
        color: #b5f523;
    }

.navSolidRight a {
    /*color: black;*/
    /*color: #FFFFFF;*/
    padding: 5px;
}
.navSolidTextWhite {
    color: #FFFFFF;
}
.navSolidTextBlack {
    color: #000000;
}
.navSolidTextWhite:hover {
    color: #e33baa;
}
.navSolidTextBlack:hover {
    color: #000000;
}
.navSolidTextWhite a {
    color: #FFFFFF;
}
.navSolidTextBlack a {
    color: #000000;
}
.navSolidTextWhite a:hover {
    color: #e33baa;
}
.navSolidTextBlack a:hover {
    color: #000000;
}
.navSolidZigZag {
    padding: 0;
    margin: 0;
}

.custom-navSolid-item {
    vertical-align: central;
}
.manualBurger {
    width: 35px;
    height: 35px;
    background-image: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border: solid 1px white;
    box-shadow: 2px 2px 2px white;
    padding: 5px;
    margin: -10px 0px 0 -26px;
}

    .manualBurger::before,
    .manualBurger::after,
    .manualBurger div {
        content: '';
        width: 100%;
        height: 2px;
        background-color: white;
    }
@media(min-width:992px) {
    .navSolidLeft {
        padding-bottom: 10px;
    }
    .navSolidLeftItem {
        margin-left: 30px;
    }
    .navSolidRight {
        padding-top: 24px;
        padding-left: 0px;
    }
}
@media(min-width:768px) and (max-width:991px) {
    .maxNavSolidContainer {
        width: 100%;
        max-width: 100%;
    }
    .navSolidLeft {
        padding-bottom: 10px;
        padding-right: 0px;
    }
    .navSolidLeftItem {
        margin-left: 0px;
    }
    .navSolidRight {
        padding-top: 14px;
        padding-left: 0px;
    }

    .custom-nav-item-mobile {
        list-style: none;
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .custom-navSolid-wrap-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .custom-navSolid-wrap-mobile a {
            text-decoration: none;
        }

    .nav-username {
        margin-bottom: 5px; /* Space between the username and logout button */
    }

    .logout-button {
        display: inline-block;
    }

    .btnGeneralPink {
        color: #ffffff;
        background-color: #E33BAA;
        font-weight: bold;
        text-align: center;
        border-radius: 6px;
        font-size: 15px;
        padding: 10px;
        border: none !important;
    }

}
@media(min-width:1200px) {
    .navUsernameArea {
        /*max-width: 164px;*//*Get this from screen size where (A)992px - (B)828px = (C)164px*/
        /*max-width: calc(100vw - 828px);*//*Original correct formula wasn't constrictive enough.*/
        max-width: calc(100vw - 600px);
        display: inline-block;
        text-overflow: ellipsis;
    }
}
@media(min-width:992px) and (max-width:1199px) {
    .navUsernameArea {
        /*max-width: 164px;*//*Get this from screen size where (A)992px - (B)828px = (C)164px*/
        /*max-width: calc(100vw - 828px);*//*Original correct formula wasn't constrictive enough.*/
        /*max-width: calc(100vw - 845px);*/
        max-width: 172px;
        display: inline-block;
        text-overflow: ellipsis;
    }

    .CC1-Nav {
        font-size: 16px;
    }

    .comp5Text {
        font-size:18px;
    }
}
@media(min-width:829px) and (max-width:991px) {
    .navUsernameArea {
        max-width: 200px;
        display: inline-block;
        text-overflow: ellipsis;
    }

    .CC1-Nav {
        font-size: 16px;
    }
}
@media(min-width:809px) and (max-width:828px) {
    .navUsernameArea {
        max-width: 180px;
        display: inline-block;
        text-overflow: ellipsis;
    }

    .CC1-Nav {
        font-size: 16px;
    }
}
@media(min-width:789px) and (max-width:808px) {
    .navUsernameArea {
        max-width: 140px;
        display: inline-block;
        text-overflow: ellipsis;
    }

    .CC1-Nav {
        font-size: 16px;
    }
}
@media(min-width:768px) and (max-width:788px) {
    .navUsernameArea {
        max-width: 120px;
        display: inline-block;
        text-overflow: ellipsis;
    }

    .CC1-Nav {
        font-size: 16px;
    }
}

.imageStretch {
    border-radius: 5px;
}

.homeTileStretch {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*box-shadow: 3px 3px 3px #8b8997;*/
    padding-top: 0;
}

@media(min-width:768px) {
    .navSolidMaxDiv {
        /*background: linear-gradient(to right, #345CE8, #345CE8, #345CE8, #345CE8, #345CE8, #345CE8, #345CE8, #345CE8, #DCB9FD, #DCB9FD, #DCB9FD, #DCB9FD);*/
        background-color: #345CE8;
    }
    /*.custom-navSolid-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .custom-navSolid-item {
        flex: 0 0 auto;
    }*/
    .navSolidLeft {
        background-color: #345CE8;
        /*padding-bottom: 10px;*/
        flex-grow: 1;
        width: fit-content;
    }

    .navSolidRight {
        /*background-color: #DCB9FD;*/
        background-color: #345CE8;
        /*padding-top: 10px;*/
        text-align: right;
        color: black;
        width: fit-content;
    }

        .navSolidRight a:hover {
            /*color: #ffffff;*/
        }

    .navSolidLeftItem {
        background-color: #345CE8;
        margin-left:7px;
        text-transform:uppercase;
    }

    .navSolidRightItem {
        background-color: #DCB9FD;
        background-color: #345CE8;
    }

    .hideablenavSolidButtonWrap {
        /*width: 0;
        height: 0;
        padding: 0;
        margin: 0;
        border: 0;
        border-image: 0;
        border-image-width: 0;*/
        /*border-image-height: 0;*/
        display: none;
    }

    /*.navAreaToToggle {*/
    /*display: flex;*/
    /*align-items: center;
        justify-content: space-between;
    }*/

    .navAreaToToggle {
        display: initial !important;
    }
    .imageStretch {
        margin: -32px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    #CybotCookiebotDialog {
        width: 90% !important; /* Reduce the width for smaller screens */
        max-height: 40% !important; /* Limit the height to 50% of the screen */
        top: auto !important; /* Remove vertical centering */
        bottom: 10px !important; /* Position it closer to the bottom */
        transform: translateX(-50%) !important; /* Center horizontally only */
        overflow: auto !important; /* Allow scrolling if content overflows */
        font-size: 14px !important; /* Adjust font size for better fit */
        line-height: 20px !important; /* Reduce line height */
        padding: 10px !important; /* Reduce padding */
    }

    #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
        background-color: #FFFFFF !important;
        border: 2px solid #1032CF !important;
        border-radius: .25em !important;
        color: #141414 !important;
        display: block !important;
        font-weight: 400 !important;
        padding: 5px !important;
        text-align: center !important;
        user-select: none !important;
        width: 100% !important;
    }

    #CybotCookiebotDialogHeader {
        align-items: center !important;
        border-bottom: 1px solid #D6D6D6 !important;
        display: block !important;
        /* padding: 1em; */
        width: 100% !important;
    }
}

.nav-login {
    margin-bottom: 20px; /* Space between the username and logout button */
}

@media(max-width:767px) {
    .hideOnMobile {
        display: none;
    }
    .hideOnMobileImportant {
        display: none !important;
    }

    .noTimer {
        height: 60px;
        margin-top: 27px;
        font-size: 12px;
    }

    .custom-nav-item-mobile {
        list-style: none;
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .custom-navSolid-wrap-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .custom-navSolid-wrap-mobile a {
       text-decoration:none;
    }

    .nav-username {
        margin-bottom: 5px; /* Space between the username and logout button */
    }

    .nav-login {
        margin-bottom: 20px; /* Space between the username and logout button */
    }

    .logout-button {
        display: inline-block;
    }

    .btn-close {
        background-color:white;
    }

    .basketTile {
        /*background-color: #e4f6f2;*/
        border-radius: 10px;
        padding: 5px;
        /*margin-top: 10px;
        margin-bottom: 10px;*/
    }

    .basketTileName {
        font-size:14px;    
    }

    .btnCheckoutGeneral {
        font-size:14px;
    }
    .btnBasketPopupGeneral {
        font-size: 14px;
    }

    .btnGeneralPink {
        color: #ffffff;
        background-color: #E33BAA;
        font-weight: bold;
        text-align: center;
        border-radius: 6px;
        font-size: 15px;
        padding: 10px;
        border: none !important;
    }

    .navSolidMaxDiv {
        background-color: #345CE8;
        z-index: 99;
        position: fixed;
        top:0;
    }
    /*#divRoot {
        margin-top: 70px;
    }*/
    .maxNavSolidContainer {
        padding-bottom: 10px;
    }

    .custom-navSolid-wrap {
        display: flex;
        flex-wrap: wrap;
        text-align: right;
    }

    .custom-navSolid-item {
        flex: 0 0 auto;
        width: 100%;
        text-align: center;
    }

    .navSolidLogoVoxWrap {
        display: flex;
        flex-wrap: wrap;
        /*width: 90%;*/
        /*flex: 0 0 auto;*/
        /*text-align:right;*/
    }

    .navSolidLogoVoxItem {
        flex: 0 0 auto;
        width: 90%;
        text-align: center;
    }

    .hideablenavSolidButtonWrap {
        flex: 0 0 auto;
        width: 10%;
        text-align: center;
    }

    .hideablenavSolidButton {
        flex: 0 0 auto;
        text-align: center;
    }

    .navSolidLeft {
        width: 100%;
        padding-bottom: 0px;
    }

    .navggvlogo {
        max-height:40px;
        max-width:190px;
    }

    .navSolidRight {
        width: 100%;
    }

        .navSolidRight a:hover {
            /*color: #DC89FD;*/
        }

    .navBigButtonOuter {
        color: #000000;
        /*margin: 10px 0;*/
    }

        .navBigButtonOuter a {
            color: #000000;
            /*margin: 10px 0;*/
        }

    .navSolidMaxDiv .navBigButtonOuter a {
        color: #000000;
        /*margin: 10px 0;*/
    }

    .basketIconArea {
        margin-bottom: 5px;
    }

    .basketTileTimerOpeningText {
        font-size: 12px;
        font-weight: bold;
        color: #e33baa;
    }

    .DC1 {
        font-size: 34px;
    }

    .DC1-Pink {
        font-size: 34px;
    }

    .imageStretch {
        margin: -24px;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .instantWinTileName {
        font-size: 14px;
        /*text-align: right;*/
    }

    .hideOnMobileImportant {
        display: none !important;
    }

    .hideOnDesktopImportant {
        display: block !important;
    }

    .instantWinTileShowTicketNumbers {
        float: right;
        /*margin-left:85px;*/
        font-size: 14px;
        margin-bottom: 15px;
    }

    .instantWinTileCount {
        font-size: 14px;
        padding: 0;
        /*text-align: right;*/
        padding-right: 15px;
        margin-top: -2px;
        font-weight: bold;
        margin-bottom: 15px;
        float: left;
    }

}

.tileImageInstantWin {
    height: 120px;
    border-radius: 5px;
}

@media(max-width:350px) {
    .instantWinTileShowTicketNumbers, .btnInstantWinShowNumbers {
        width: 100%;
    }

    .tilePrice {
        font-size: 24px;
    }
    .lineItemsTable {
        font-size: 14px;
    }

    .noTimer {
        height: 80px;
        margin-top: 20px;
        font-size: 12px;
    }

    .headDataBarSection {
        background-color: #ffffff;
        padding-left: 5px;
        padding-right: 5px;
    }

}
@media (max-width: 575px) {
    .DC1 {
        padding-top:10px;
        font-size: 20px;
    }

    .DC1-Pink {
        padding-top: 10px;
        font-size: 20px;
    }

    .comp5Text {
        font-size: 16px;
    }

    .ticketsEmptyBox {
        margin-left: 2px;
    }

    .drawtext {
        font-size:14px;
    }

    .headDataBarNextDrawInText {
        font-size: 13px;
        padding-top: 15px;
    }

    .tileImageInstantWin {
        height: 90px;
    }

    .instantWinTileShowTicketNumbers {
        /* margin-left: 10px;*/
        font-size: 12px;
        margin-bottom: 15px;
    }

    .howitheading {
        font-size: 20px;
    }

    .howitdesc {
        font-size: 13px;
    }

    .fuzzhide {
        display: none;
    }

    .areaQuantityStated {
        text-align: center;
        font-size: 18px;
       /* font-weight: 600;*/
       /* font-style: italic;*/
       /* padding-top: 5px;*/
    }

    .headDataBarSection .sNoEmph {
        font-weight: bold;
        font-size: 12px;
        /* text-align: center; */
    }

/*    .headDataBarSection .sEmph {
        font-weight: bold;
        font-size: 14px;
        padding-left: 0px;
        padding-top: 3px;
        text-align: center;
    }

    .headDataBarSectionTimerBox {
        border: 0.75px solid #dadada;
        border-radius: 10px;
        height: 50px;
        text-align: center;
        box-shadow: 3px 3px 3px #8b8997;
    }*/

    .generalTitle {
        font-style: italic;
        font-weight: 800;
        text-align: center;
        font-size: 18px;
    }

    .generalCompTitle {
        font-style: italic;
        font-weight: 800;
        text-align: center;
        font-size: 18px;
    }

    .tileDescription {
        font-size: 12px;
    }

    .winnerDetailsContainer {
        height: 150px;
        margin-top: 15px;
    }

    .winnerPersonName {
        font-size: 14px;
        font-style: italic;
        font-weight: bold;
    }

    .winnerCompetitionName {
        font-size: 14px;
        font-style: italic;
        font-weight: bold;
    }

    .winnerDrawDate {
      font-size:14px;
    }

    .winnerQuote {
        font-size: 14px;
        font-style: italic;
        font-weight: bold;
        margin-top: 10px;
    }

    /*Modal stuff*/
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1050; /* Sit on top */
        left: 0;
        /*top: 30px;*/
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
    /* Modal Content/Box */
    .modal-content {
        background-color: #fefefe;
        margin: 2% auto; /* 15% from the top and centered */
        padding-left: 20px;
        padding-right: 20px;
        padding-top:5px;
        padding-bottom:5px;
        border: 1px solid #888;
        border-radius: 15px;
        width: 80%;
        font-size:12px;
    }
    .modal-content3 {
        margin-top: 20cqmin;
        width: 80cqmin !important;
    }

    .modal-backdrop {
        z-index: 1040;
    }

    .accountButtonMedium {
        font-size: 14px;
    }

    .numberEntered {
        font-size: 14px;
        font-weight:600;
    }

    .tileAccountDeadlineStated {
        color: #E33BAA;
        background-color: #fff;
        /* width: 120px; */
        /* height: 50px; */
        margin: 4px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        /* padding: 12px 4px 2px 4px; */
        text-align: center;
    }

    .accountTicketNumbersToggle {
        font-size:14px;
    }

    .accountTicketNumberTile {
        background-color: #e4f6f2;
        margin: 2px;
        border-radius: 5px;
        font-size:14px;
    }

    .shareComp {
        padding-left: 15px;
        padding-right: 15px;
    }


    .colBtnTicketCount {
        padding-left: 5px;
        padding-right: 5px;
    }

}


@media (min-width: 768px) and (max-width: 991px) {
    .signupoverride {
        width: 50% !important;
    }
}

/*@media (min-width: 768px) {*/
@media (min-width: 992px) {

    .accountSection {
        margin-left: 24px;
    }

    #accountMenuColumn {
        flex: 0 0 auto;
        width: 25%;
    }
    #accountContentColumn {
        flex: 0 0 auto;
        width: 75%;
    }
    #accountNavMobile {
        display: none;
    }
    #accountNavMobileButton {
        display: none;
    }


    .hideablenavSolidButtonAccountWrap {
        display: none;
    }

    .hideablenavSolidButtonAccount {
        display: none;
    }

    .navggvlogo {
        max-height: 40px;
    }
}



/*@media(min-width:992px) and (max-width:992px) {
}*/
/*@media (max-width: 767px) {*/
@media (max-width: 991px) {


    #accountMenuColumn {
        flex: 0 0 auto;
        width: 0;
        display: none;
    }
    #accountContentColumn {
        flex: 0 0 auto;
        width: 100%;
    }
    .accountTitle, .accountTitleRow {
        margin-left: auto;
        margin-right: auto;
    }

    .hideablenavSolidButtonAccountWrap {
        flex: 0 0 auto;
        width: 10%;
        text-align: center;
    }

    .hideablenavSolidButtonAccount {
        flex: 0 0 auto;
        text-align: center;
    }

    .payment-header {
        font-size: 16px;
        height:45px;
    }

    /*We don't move the bin icon between large and medium!*/

    /*We no longer move the bin icon around*//*WRONG, we do again :)*/
    /*.basketbinmobile {
        display: block;
    }*/

    /*We no longer move the bin icon around*//*WRONG, we do again :)*/
    /*.basketbin {
        display: none;
    }*/

}

@media(max-width:462px) {

    .comp5TextHomeTile {
        padding-top: 5px;
    }
}

@media(min-width:463px) and (max-width:767px) {

    .comp5TextHomeTile {
        padding-top: 12px;
    }
}

@media(min-width:768px) {

    .comp5TextHomeTile {
        padding-top: 20px;
    }
}

@media(max-width:355px) {

    .beQuick {
        height: 40px !important;
        padding-top:12px !important;
    }
}

@media(max-width:1199px) {
    .homeTileName {
        height: 80px;
        text-align: left;
        font-size: 16px;
        font-weight: 800 !important;
        font-style: italic;
    }
}


@media(max-width:767px) {
    .homeTileName {
        height: 85px;
        text-align: left;
        font-size: 14px;
        font-weight: 800 !important;
        font-style: italic;
    }

    .homeTile {
        width: 100%;
        border-radius: 20px;
        text-align: center;
        padding-left: 24px;
        padding-right: 24px;
        background-color: #ffffff;
        box-shadow: 3px 3px 3px #8b8997;
    }

        .homeTile .sEmph {
            font-weight: bold;
            font-size: 12px;
            padding-left: 0px;
            padding-top: 5px;
            text-align: center;
        }

        .homeTile .sNoEmph {
            font-weight: bold;
            font-size: 8px;
            text-align: center;
        }

    .homeTileTimerBox {
        border: 0.75px solid #dadada;
        height: 45px;
        border-radius: 10px;
        box-shadow: 3px 3px 3px #8b8997;
    }

    .comp5TextHomeTile {
        font-size: 11px;
        font-weight: 600;
    }

    .tileCount {
        font-size: 10px;
        font-weight: bold;
        padding: 0;
        /*text-align: right;*/
        padding-right: 0px;
    }

    /*WhiteLabel Comp Closes in*/
    .tileDeadlineStated {
        color: #4cae21;
        background-color: #fff;
        width: 120px;
        margin: 4px;
        border-radius: 6px;
        font-size: 10px;
        font-weight: bold;
        font-style: italic;
        padding: 5px 4px 5px 4px;
        text-align: center;
    }

    .body-content {
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .col-6 {
        flex: 0 0 auto;
        width: 50%;
        padding-left:5px;
        padding-right:5px;
    }

    /*We no longer move the bin icon around*//*WRONG, we do again :)*/
    .basketbinmobile {
        display: block;
    }

    /*We no longer move the bin icon around*//*WRONG, we do again :)*/
    .basketbin {
        display:none;
    }

    .basketTitle {
        font-size:34px;
    }
}


@media(min-width:992px) and (max-width:1199px) {
    .splashZoneOuterContainer {
        /*background-image: url("../images/Hero-Tech-Bundle-v2.png");*/
        height: 270px;
        background-size: 2700px 270px;
        background-repeat: no-repeat;
    }
    .carousel-inner img {
        height: 270px;
    }

    .btnHeroEnter {
        position: absolute;
        bottom: 60px;
        left: 50px;
    }

    .signupoverride {
        width: 50% !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .splashZoneOuterContainer {
        /*background-image: url("../images/Hero-Tech-Bundle-v2.png");*/
        height: 243px;
        background-size: 2430px 243px;
        background-repeat: no-repeat;
    }
    .carousel-inner img {
        height: 243px;
    }

    .btnHeroEnter {
        position: absolute;
        bottom: 45px;
        left: 20px;
    }

    .btnRemoveFromBasket {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .navggvlogo {
        max-height: 40px;
    }

    .noTimer {
        height: 80px;
        margin-top: 50px;
        font-size: 16px;
    }
}

@media(max-width:767px) {
    .splashZoneOuterContainer {
        /*background-image: url("../images/Mobile-TechBundle-v2.png");*/
        height: 240px;
        background-size: 800px 240px;
        background-repeat: no-repeat;
    }
    .carousel-inner img {
        height: 240px;
    }

    .btnHeroEnter {
        position: absolute;
        bottom: 80px;
        left: 20px;
    }

    .btnRemoveFromBasket {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .footergap {
        padding-top: 20px;
        font-size: 12px;
    }

    .signupoverride {
        width: 90% !important;
    }
}

.accountTitle {
    padding: 0;
    margin: 0;
    margin-top:20px;
    width: fit-content;
}

.manualBurgerAccount {
    width: 40px;
    height: 40px;
    background-image: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border: solid 2px black;
    box-shadow: 3px 3px 3px #8b8997;
    padding: 5px;
}

    .manualBurgerAccount::before,
    .manualBurgerAccount::after,
    .manualBurgerAccount div {
        content: '';
        width: 100%;
        height: 2px;
        background-color: black;
    }

.accountMenuButton {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 0 !important;
    color: #18142f;
    text-decoration: none;
}

/*Account Menu SideBar Buttons WhiteLabel*/
    .accountMenuButton.activeMenuPage {
        background-color: black;
        color: white;
    }

    .accountMenuButton:hover {
        cursor: pointer;
        background-color: #4cae21;
        color: white;
    }

    /*Account Menu Buttons WhiteLabel*/
.accountMenuButtonPink {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 0 !important;
    background-color: #4cae21;
    color: #FFFFFF;
    text-decoration: none;
}

    .accountMenuButtonPink.activeMenuPage {
        background-color: black;
        color: #FFFFFF;
    }

    .accountMenuButtonPink:hover {
        cursor: pointer;
        background-color: black;
        color: #FFFFFF;
    }

.accountMenuLogout:hover {
    background-color: black !important;
    color: #ffffff;
}


.ggcIconTextWrapBottom {
    vertical-align: text-bottom;
    width: fit-content;
    padding: 0 !important;
    margin: 0 !important;
}
.ggcIconTextWrapTop {
    vertical-align: text-top;
    width: fit-content;
    padding: 0 !important;
    margin: 0 !important;
}
.ggcIconEnterAmountMiddle {
    vertical-align: text-bottom;
    width: fit-content;
    padding: 0 !important;
    margin-top: 17px;
}
.ggcIcon {
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    background: none;
    color: none;
    accent-color: none;
}
/* When setting by font size use the right proportions. Image is 144 by 177 px so 177/144=1.229166666666667.
    Example: font size 10 = image height 10 and image width = (10/1.229166666666667) = 8.13 */
/* Inversely, you can multiply instead of divide. So 144/177 = 0.8135593220338983.
    Example: font size 35 = image height 35 and image width = (35*0.8135593220338983) = 28.47457627118644 */
/*Use this within text of font-size 18px.*/
.ggcIcon-18 {
    width: 14.6px !important;
    height: 18px !important;
}
/*Use this within text of font-size 40px or a h1.*/
.ggcIcon-40 {
    width: 32.5px !important;
    height: 40px !important;
}
/*Use this within text of font-size 40px or a h1 when the above looks too big due to the font 40 being actually smaller.*/
.ggcIcon-40 {
    width: 32.5px !important;
    height: 40px !important;
}

.currencyInput {
    margin-top: 8px;
    padding: 10px;
    font: 20px Arial;
}
    .currencyInput input::-webkit-outer-spin-button,
    .currencyInput input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    .currencyInput input[type=number] {
        -moz-appearance: textfield;
    }
.payGGCashEnterText {
    float: left;
    width: fit-content;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.paymentOfferBox {
    background-color: #B5F523;
    border-radius: 20px;
    padding: 3px;
    margin-bottom: 10px;
}
.offerConditional {
    margin-bottom: 10px;
}

#dobYear::placeholder {
    color: #000000;
}
#dobYear::-ms-input-placeholder {
    color: #000000;
}
.errorMessageDOBHidden {
    display: none;
}
.errorMessageDOB {
    color: #DC3545;
    /*font-weight: bold;*/
    /*text-decoration: underline;*/
}
.errorMessageDOB > p {
    margin-bottom: 0;
}

.hideButFunction {
    visibility: hidden;
    position: absolute;
}

.compTabCollapsed {
    display: none;
}
.compTabSectionButton {
    border: 3px solid black;
    border-bottom: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    background-color: #e33baa;
}
    .compTabSectionButton:hover {
        cursor: pointer;
        background-color: #F19DD4;
    }
    .compTabSectionButton.tabSelected {
        background-color: #B5F523;
    }
    .compTabSectionButton.tabSelected:hover {
        background-color: #B5F523;
    }

@media(min-width:991px){
    .forceNewLineScreen {
        display: none;
    }
}
@media(min-width:576px){
    .compTabSectionButton {
        font-size: 20px;
    }
}
@media(min-width:455px) and (max-width:575px){
    .compTabSectionButton {
        font-size: 16px;
    }
}
@media(min-width:417px) and (max-width:454px){
    .compTabSectionButton {
        font-size: 14px;
    }
}
@media(min-width:100px) and (max-width:416px){
    .compTabSectionButton {
        font-size: 12px;
    }
}
@media(min-width:373px){
    .compTabSectionButton2 {
        display:none;
        font-size: 14px;
    }
}

@media(max-width:372px) {
    .compTabSectionButton1 {
        display: none;
    }

    .compTabSectionButton {
        font-size: 14px;
    }

    .homeTileColPrice {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        padding: 0;
        color: #4cae21;
    }

    .homeTileName {
        height: 100px;
        text-align: left;
        font-size: 12px;
        font-weight: 800 !important;
        font-style: italic;
    }
}

    @media(max-width:767px) {

        /* Custom horizontal collapse styles */
        .collapse-horizontal {
            /*align-self: end;*/
            /*text-align:right;*/
            overflow: hidden; /* Prevent content from overflowing during transition */
            /*height: auto;*/ /* Ensures vertical height does not interfere */
            /*height: 300px;*/
            width: 0; /* Start collapsed with zero width */
            transition: width 0.4s ease; /* Smooth width transition */
            margin-left: auto;
        }

        .collapse-horizontal.show {
            width: 100%; /* Full width when expanded */
        }

    .backgroundSlide {
        height: calc(100vh);
        width: calc(100vw);
        z-index: 98;
    }

    .navSlideRow {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .navSlideItem {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background-color: #345CE8 !important;
        box-shadow: none !important;
        font-size: 30px !important;
        font-weight: bold !important;
        overflow: hidden !important;
        color: #FFFFFF !important;
        font-style: initial !important;
    }

        .navSlideItem > * {
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            background-color: #345CE8 !important;
            box-shadow: none !important;
            font-size: 30px !important;
            font-weight: bold !important;
            overflow: hidden !important;
            color: #FFFFFF !important;
            font-style: initial !important;
        }

    .maxNavSlideContainer {
        margin-right: 20px;
        text-align: right;
    }

    .navSlideRow * {
        color: white;
    }

    .navSlideRow a:hover {
        color: #B5F523;
    }

    a.hover-pink:hover {
        color: #E33BAA;
    }
}

.zindex10 {
    z-index: 10;
}

.successfulInputBorder {
    border-color: #B5F523;
}

.voucherMessage {
    padding-top: 5px;
    font-size: 12px;
}
.bigGrandTotal {
    font-size: 32px;
}

.ggcInputContainer {
    width: 104px;
}
.ggcInput {
    width: 100px;
}
.btnPayFullOrText {
    margin-top: 5px;
}
.btnPayFull {
    border: solid 3px black;
    border-radius: 30px;
    background-color: #B5F523;
    text-align: center;
    font-weight: bold;
    box-shadow: #000000 4px 4px;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    /*padding-top: 5px;*/
    text-decoration: none;
    color: #000000;
    height: 20px;
    margin-top: 9px;
}

    .btnPayFull a {
        text-decoration: none;
        color: #000000;
    }

    .btnPayFull:hover {
        cursor: pointer;
        color: #000000;
        background-color: #DAFA91;
    }
    .btnPayFull a:hover {
        cursor: pointer;
        color: #000000;
        background-color: #DAFA91;
    }
.winningTicketNumber {
    background-color: #B5F523 !important;
    font-size:14px;
    text-align:left;
    padding:5px;
}

.purchasedTicketNumber {
    font-size: 14px;
    text-align: center;
    padding: 5px;
}

.accountTicketWinnerText {
    /*background-color: #345CE8;*/
    font-size: 18px;
    color: black;
    font-weight: bold;
}
.accountTicketInstantWinnerText {
    /*background-color: #B5F523;*/
    font-size: 18px;
    color: black;
    font-weight: bold;
}
.hoverHand:hover {
    cursor: pointer;
}

.rowMarginer {
    margin-left: 12px;
    margin-right: 12px;
}

.rowTopper {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 300;
}

.friendEmailInput {
    margin-top: 6px;
}
@media(min-width:391px) {
    .friendEmailInput {
        min-width: 300px;
    }
}
@media(max-width:390px) {
    .friendEmailInput {
        width: 100%;
    }
}
/*Add Friend WhiteLabel*/
.addFriendFieldButton {
    margin-top: 10px;
    border: 2px solid #8b8997;
    border-radius: 20px;
    background-color: #4cae21;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    width: 30px;
    height: 30px;
    padding: 0px;
    color: black;
}
    .addFriendFieldButton:hover {
        cursor: pointer;
        background-color: #DAFA91;
    }

.donationOn {
    font-weight: bold;
}
.donationOff {
    /*font-weight: 100;*/
}

/*VV================VV*/
/*|| SPIN THE WHEEL ||*/
/*AA================AA*/

@media(min-width:992px) {
    .wheelMain {
        margin-left: 25%;
        margin-right: 25%;
    }
    .rowSpinControls {
        margin-left: 25%;
        margin-right: 25%;
    }

}
@media(max-width:991px) {
    .wheelMain {
        margin-left: 15%;
        margin-right: 15%;
    }
    .rowSpinControls {
        margin-left: 15%;
        margin-right: 15%;
    }

}

@media(max-width:767px) {
    .wheelMain {
        margin-left: 2%;
        margin-right: 2%;
    }
    .rowSpinControls {
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media(max-width:600px) {
    .wheelMain {
        font-size: 10px;
    }
}

@media(max-width:372px) {
    .wheelMain {
        margin-left: 5%;
        margin-right: 5%;
    }
    .rowSpinControls {
        margin-left: 5%;
        margin-right: 5%;
    }

}

.rowSpinControls {
    /*margin-top: 15px;*/
    text-align: center;
    /*width: 50%;*/
}

.btnSpinTheWheel {
    border-radius: 6px;
    background-color: #B5F523;
    color: #18142F;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    cursor: pointer;
    /*margin-top: 5px;*/
    margin-left: auto;
    margin-right: auto;
}

    .btnSpinTheWheel:hover {
        color: #18142F !important;
        background-color: #DAFA91;
    }

.btnSpinTheWheel.disabled {
    color: #33DD33;
    background-color: #55BB55;
}

.btnAddBalance {
    border-radius: 6px;
    background-color: #E33BAA;
    color: #FFFFFF;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

    .btnAddBalance:hover {
        color: #FFFFFF !important;
        background-color: #F19DD4;
    }

.btnLoginToSpin {
    border-radius: 6px;
    background-color: #B5F523;
    color: #18142F;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    cursor: pointer;
    /*margin-top: 15px;*/
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

    .btnLoginToSpin:hover {
        color: #18142F !important;
        background-color: #DAFA91;
    }
.btnSpinQuantityCount {
    touch-action: manipulation;
    border: 2px solid #345CE8;
    box-shadow: 3px 3px 3px #8b8997;
    border-radius: 5px;
    color: white;
    background-color: #345CE8;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    padding: 0;
}
.colBtnSpinQuantityCount {
    /*padding: 0;*/
    padding-bottom: 10px;
}
.colBtnSpinQuantityCount:first-of-type {
    padding-left: 0;
}
.colBtnSpinQuantityCount:last-of-type {
    padding-right: 0;
}
.activeSpinQuantityButton {
    background-color: #B5F523;
    /*border-color: #B5F523;*/
    color: #345CE8;
}

/*WhiteLabel Ticket Count Button*/
.btnTicketCount {
    touch-action: manipulation;
    border: 2px solid #4cae21;
    box-shadow: 3px 3px 3px #4cae21;
    border-radius: 5px;
    color: white;
    background-color: #4cae21;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    padding: 0;
}
.colBtnTicketCount {
    /*padding: 0;*/
    padding-bottom: 10px;
}
.colBtnTicketCount:first-of-type {
    padding-left: 0;
}
.colBtnTicketCount:last-of-type {
    padding-right: 0;
}
.activeTicketQuantityButton {
    background-color: white;
    /*border-color: #B5F523;*/
    color: #4cae21;
}

.animate {
    animation-duration: 1s;
    animation-fill-mode: both;
}
    .animate.animate--infinite {
        animation-iteration-count: infinite;
    }
    .animate.animate--delay-1s {
        animation-delay: 1s;
    }
    .animate.animate--fast {
        animation-duration: 0.6s;
    }
    .animate.animate--slow {
        animation-duration: 3s;
    }
@keyframes rotate-start {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotate-before-end {
    from {
        transform: rotate(1deg * var(--startDegrees));
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotate-end {
    0% {
        transform: rotate(0);
    }
    /*25% {
        transform: rotate(45deg);
    }
    50% {
        transform: rotate(180 + 45deg);
    }
    100% {
        transform: rotate(45deg);
    }*/
    /*25% {
        transform: rotate(calc(360deg + 90deg + (0.25deg * (360 - var(--finalDegrees)))));
    }
    50% {
        transform: rotate(calc(360deg + 90deg + (1deg * (360 - var(--finalDegrees)))));
    }*/
    100% {
        transform: rotate(calc(360deg + 90deg + (1deg * ((360 - var(--finalDegrees)) - ((360/var(--sliceCount))/2)))));
    }
}
.rotate-start {
    /*animation: rotate 2s ease-in cubic-bezier();*/
    animation: rotate 2s ease-in;
    /*animation-name: rotate;
    animation-timing-function: ease-in;*/
}
.rotate-end {
    /*animation: rotate 2s ease-out cubic-bezier();*/
    animation: rotate-end 2s ease-out;
    /*animation-name: rotate;
    animation-timing-function: ease-out;*/
}
.wheelStatic {

}
.wheelRotate {
    animation-name: rotate;
    animation-timing-function: linear;
    transform-origin: center;
}
.wheelRotateStart {
    animation: rotate-start 1.5s ease-in 1, rotate 1s linear 1.5s infinite;
    /*animation-name: rotate, rotate-start;
    animation-duration: 20s, 1.5s;
    animation-timing-function: linear, ease-in;
    animation-iteration-count: 10,1;
    animation-delay:2s,0s;*/
}
.wheelRotateEnd {
    animation: rotate 1.5s linear 2, rotate-end 4s ease-out 1.5s 1 forwards;
}
.wheelMainParent {
    position: relative;
    margin-top: 10px;
    margin-bottom: 2%;
}
.wheelArrow {
    /*
    aspect-ratio: 1/cos(30deg);
    background-color: crimson;
    clip-path: polygon(50% 100%,100% 0,0 0);
    content: "";
    height: 4cqi;*/
    /*place-self: start center;*/
    /*transform: translateX(25cqi) translateY(-25cqi);
    scale: 1.4;*/
    position: absolute;
    left: 50%;
    z-index: 400;
    width: 0;
    height: 0;
    transform: translateX(-50%) translateY(calc(-100cqi - 5px));
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #E33BAA;
}
/* Positioning the pointer */
.wheel-pointer {
    position: absolute;
    /* Adjust to align with the wheel */
    /*top: -30px;
    transform: translateX(-50%);*/
    left: 50%;
    transform: translateX(-50%) translateY(calc(-100cqi - 5px));
    width: 0;
    height: 0;
    /* Triangle shape */
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid gold;
    /* Metallic border */
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    z-index: 400;
}

    /* Adding a glossy effect */
    .wheel-pointer::before {
        content: "";
        position: absolute;
        transform: translateX(-14px) translateY(-24px);
        width: 0;
        height: 0;
        /* Slightly smaller triangle */
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 24px solid;
        /* Gradient for gold shine */
        background: linear-gradient(135deg, #ffcc00 20%, #ffea00 40%, white 50%, #ffb300 80%);
        mask-image: linear-gradient(to top, transparent 20%, rgba(255,255,255,0.5) 50%, transparent 80%);
        /* Gradient for metallic shine */
        /*background: linear-gradient( to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 215, 0, 0.8) 60%, rgba(255, 165, 0, 1) 100% );*/
        clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
        opacity: 0.9;
        z-index: 401;
        @include transform(skewX(-20deg));
    }
    /* Adding a glossy effect */
.wheel-pointer2 {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(calc(-100cqi - 5px));
    width: 0;
    height: 0;
    /* Slightly smaller triangle */
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 22px solid transparent;
    /* Gradient for gold shine */
    background: linear-gradient(135deg, #ffcc00 20%, #ffea00 40%, white 50%, #ffb300 80%);
    mask-image: linear-gradient(to top, transparent 20%, rgba(255,255,255,0.5) 50%, transparent 80%);
    z-index: 401;
}

.wheelMain {
    /*margin-left: 20%;
    margin-right: 20%;*/
    /*margin-top: 2%;*/
    margin-top: 10px;
    margin-bottom: 2%;
    aspect-ratio: 1/1;
    /*background-color: lightgreen;*/
    position: relative;
}
.wheelMainChild {
    /*margin-left: 20%;
    margin-right: 20%;*/
    /*margin-top: 2%;*/
    /*margin-top: 10px;
    margin-bottom: 2%;*/
    aspect-ratio: 1/1;
    /*background-color: red;*/
    clip-path: inset(0 0 0 0 round 50%);
    /*position: relative;*/
    overflow: hidden;
    border-radius: 50%;
    /*border: 15px solid #1A2762;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);*/
}
.ringShadow {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 0 10px #444444 inset;
    z-index: 200;
    align-content: center;
    transform: translateY(-100%);
    border: 15px solid #1A2762;
}
.edgeLightBulb {
    /*position: absolute;
    width: calc(50% + 10px);
    transform-origin: right top;
    align-content: center;
    transform: rotate(calc(10deg*var(--index))) translateY(-50%);
    background-color: white;
    padding-left: 0px;
    margin-left: -10px;
    z-index: 200;*/
    position: absolute;
    width: 6px;
    height: 6px;
    transform-origin: calc(50cqi - 5px);
    align-content: center;
    transform:  translateY(calc(-50cqi - 50%)) translateX(5px) rotate(calc(10deg*var(--index)));
    background: radial-gradient(white 40%, orange 60%);
    padding-left: 0px;
    /*margin-left: -10px;*/
    z-index: 300;
    border-radius: 50%;
}
.wheelCentre {
    position: absolute;
    transform: translate(calc(50cqi - 50%), calc(-50cqi - 50%));
    width: 30cqi;
    height: 30cqi;
    z-index: 500;
    /*background-image: url('../Images/WheelSlices/Centre-Hub.png');*/
}
.wheelMainAnchor {
    width: 100%;
    height: 100%;
    padding-top: 50%;
    /*position: relative;*/
}
.wheelMainContents {
    /*margin-top: -50%;*/
    width: 100%;
    height: 0;
    /*transform: translateX(50%);*/
    /*transform: translateY(50%);*/
    position: relative;
}
.wheelSlice {
    /*transform: translateY(-50%);*/
    position: absolute;
    /*top: 50%;*/
    /*left: 0;*/
    width: 50%;
    transform-origin: right top;
    /*transform-origin: 100% 50%;*/
    /*margin-top:-10px;*/
    /*height: 150px;*/
    align-content: center;
    /*aspect-ratio: 1/calc(2*tan(180deg/var(--sliceCount)));*/
    transform: rotate(calc(360deg*var(--index)/var(--sliceCount))) translateY(-50%);
    background-color: var(--bgcolour);
    clip-path: polygon(0% 0, 100% 50%, 0% 100%);
    height: calc(100cqi * tan(180deg/var(--sliceCount)));
    padding-left: 20px;
    /*background-image: url('../Images/WheelImages/100Cash.png');*/
}
.imageSlice {
    width: 70%;
}

.wheelMainContents[data-slice-count="2"] .wheelSlice {
    clip-path: none;
    height: 100cqi;
}
.wheelMainContents[data-slice-count="1"] .wheelSlice {
    clip-path: none;
    height: 100cqi;
    width: 100%;
    text-align: center;
}
.wheelDivider {
    position: absolute;
    width: 50%;
    transform-origin: right top;
    transform: rotate(calc(360deg*(var(--index) + 0.5)/var(--sliceCount))) translateY(-50%);
    background-color: black;
    z-index: 20;
    height: 3px;
}
.addGoGoCashMessage {
    font-size: 22px;
    text-align: center;
    padding-bottom: 20px;
}
.notEnoughGoGoCashMessage {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    color: #FFFFFF;
    background-color: #E33BAA;
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.wonPrizeImage {
    border: 3px solid #B5F523;
    width: 100%;
    background-color: #B5F523;
}
.hideUnavailable {
    display: none;
}

.modal-content-achor {
    position: relative;
    container-type: size;
}

.confetti-container {
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    pointer-events: auto;
    overflow: hidden;
    z-index: 9999;
}

.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: red;
    opacity: 0.8;
    animation: fall 3s linear infinite;
    transform: rotate(45deg);
    pointer-events: none;
}

@keyframes fall {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(100vh) rotate(360deg);
        opacity: 0;
    }
}
.spinWheelInstructionsTitle {
    font-size: 22px;
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;
}
.spinWheelInstructionsTextLeft {
    padding-top: 15px;
}
.spinWheelInstructionsImageRight {
    width: 100%;
}
.bannerFull {
    width: 100%;
}
.instantWinPageControls {
    margin-top:15px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
.instantWinPageButton {
    width: fit-content;
    border-radius: 3px;
    background-color: #345ce8;
    text-align: center;
    font-weight: bold;
    /*box-shadow: #000000 4px 4px;*/
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 4px;
    margin-right: 4px;
    text-decoration: none;
    color: #ffffff;
}
    .instantWinPageButton a {
        text-decoration: none;
        color: #ffffff;
    }
    .instantWinPageButton:hover {
        cursor: pointer;
        background-color: #99adf3;
    }
.instantWinPageButtonSelected {
    background-color: #99adf3 !important;
}

/*.btnGeneralBlue {
    border: solid 3px black;
    border-radius: 30px;
    background-color: #345ce8;
    text-align: center;
    font-weight: bold;
    box-shadow: #000000 4px 4px;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: #ffffff;
}

    .btnGeneralBlue a {
        text-decoration: none;
        color: #ffffff;
    }

    .btnGeneralBlue:hover {
        cursor: pointer;
        background-color: #99adf3;
    }*/
.verticalCentre {
    align-content: center;
}
.timerRed {
    color: #FF0000;
}
.modalConfirmationAddedToBasketMessage {
    color: #345CE8;
}

.modal-content3 {
    border: 4px solid #b5f523;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.tightX {
    width: min-content;
    padding-left: 0;
    padding-right: 0;
}

/*Basket Sidebar Title WhiteLabel*/
.basketSideBarTitle {
    text-align: center;
    text-transform: uppercase;
    color: #4cae21;
    font-size: 52px;
    font-weight: 800;
    font-style: italic;
    /*text-shadow: -2px -2px 0 white,*/ /* Top-left shadow */
    /*2px -2px 0 white,*/ /* Top-right shadow */
    /*-2px 2px 0 white,*/ /* Bottom-left shadow */
    /*2px 2px 0 white,*/ /* Bottom-right shadow */
    /*0 -2px 0 white,*/ /* Top shadow */
    /*0 2px 0 white,*/ /* Bottom shadow */
    /*-2px 0 0 white,*/ /* Left shadow */
    /*2px 0 0 white;*/ /* Right shadow */
    /*text-shadow: -2px -2px 0 #345CE8,*/ /* Top-left shadow */
    /*2px -2px 0 #345CE8,*/ /* Top-right shadow */
    /*-2px 2px 0 #345CE8,*/ /* Bottom-left shadow */
    /*2px 2px 0 #345CE8,*/ /* Bottom-right shadow */
    /*0 -2px 0 #345CE8,*/ /* Top shadow */
    /*0 2px 0 #345CE8,*/ /* Bottom shadow */
    /*-2px 0 0 #345CE8,*/ /* Left shadow */
    /*2px 0 0 #345CE8;*/ /* Right shadow */
}
@media(min-width:768px) {
    .basketSideBarTitle {
        font-size: 52px;
        margin-top: -54px;
        margin-bottom: -24px;
    }
    .basketSideBarClose {
        width: 16px;
        height: 16px;
        padding: 32px 30px 0 0;
    }
}
@media(max-width:767px) {
    .basketSideBarTitle {
        font-size: 32px;
        margin-top: -40px;
        margin-bottom: -18px;
    }
    .basketSideBarClose {
        width: 16px;
        height: 16px;
        padding: 16px 30px 0 0;
    }
    .tileTotal {
        text-align: center;
    }
}
@media(max-width:372px) {
    .basketSideBarTitle {
        font-size: 20px;
        margin-top: -30px;
        margin-bottom: -14px;
    }
    .basketSideBarClose {
        width: 16px;
        height: 16px;
        background-size: 0.8em;
        padding: 6px 30px 0 0;
    }
}
.basket-modal-footer {
    height: min-content;
    margin-top: auto;
}
#basket-modal .basketTile {
    margin-bottom:4px;
}