@import url("https://use.typekit.net/wtq6kix.css");

* {
    box-sizing: border-box;
}

html,
body {
    height: auto;
}

body {
    margin: 0;
    background: linear-gradient(to right, #0D848C 0%, #2AB29C 100%);
    font-family: "gotham", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.gothamBold {
    font-family: "gotham", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.gothamBlack {
    font-family: "gotham", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.gothamMedium {
    font-family: "gotham", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.headerContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.whiteBG {
    background: #fff;
}

.headerContainer i {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%), url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/mainHeader.jpg) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 64%;
    background-size: 105%;
}

.headerContainer.steak i {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%), url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/steak.jpg) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 64%;
    background-size: 100%;
}

.headerContainer.salmon i {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%), url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/salmon.jpg) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 64%;
    background-size: 100%;
}

.headerContainer.chicken i {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%), url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/chicken.jpg) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 64%;
    background-size: 100%;
}

.headerContainer.recipe i {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%), url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/recipes.jpg) center no-repeat;
    background-size: 100%;
    padding-bottom: 73%;
    margin-top: -7vw;

}

.headerContainer.cheersContainer {
    overflow-x: clip;
}

.headerContainer.countrySelection {
    background-size: 105% !important;
    margin-top: 3vw;
    margin-bottom: -18vw;
    position: relative;
}

.headerContainer.cheersContainer i {
    padding-bottom: 102%;
    background-size: 135%;
    background-size: cover;
    margin-top: -6%;
    filter: blur(2px);
    transform: scale(1);
    width: calc(100% + 12px) !important;
    margin-left: -6px;
}

.headerContainer.countrySelection i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/waveContry.png) center no-repeat;
    filter: blur(0px) !important;
    margin-top: -32%;
    background-size: 100% !important;
    margin-bottom: -25%;
    padding-bottom: 100%;
}

nav {
    z-index: 3 !important;
}

.navButton.open b i:nth-child(2),
.navButton.open b i:nth-child(3) {
    background: #000 !important;
}

.navButton {
    margin: 0 auto;
}

.controls {
    width: 20px;
}

.navButton b {
    width: 20px !important;
    height: 19px !important;
}

.navButton b i {
    height: 1px !important
}

.navButton b i:nth-child(1) {
    top: 2px !important;
}

.controls {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    right: 4.5vw !important;
    top: 2.5vw !important;
}

nav.open .controls {
    right: 2rem !important;
    top: 2rem !important;
}



.logo {
    position: absolute;
    width: 74%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -400%);
    width: 51.3%;

}

.headerContainer.recipe .logo {
    top: 28%;
}


.headerContainer.cheersContainer .logo {
    transform: translate(-49%, -1029%);
    width: 51.3%;

}



.logo i,
.headerContainer.cheersContainer .logo i,
.headerContainer.recipe .logo i,
.headerContainer.steak .logo i,
.headerContainer.salmon .logo i,
.headerContainer.chicken .logo i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/trivento.svg) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 12.5%;
    background-size: contain;
    filter: blur(0px) !important;
    transform: scale(1) !important;
}

.headerContainer.hcPC .logo {
    transform: translate(-49%, -600%);
    width: 51.3%;
}

.headerContainer.hcPC .logo i {
    padding-bottom: 12.5%;
}

.waveOne {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0%, 50%);
}


.waveOne.prizeWavePos {
    transform: translate(0%, 7%);
    position: relative;
}

.chanceWave {
    position: relative;
    transform: translate(0%, -50%);
}

chanceWave .deskHWave {
    position: relative;
}

.waveOne i,
.headerContainer.recipe .waveOne i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wave.svg) center no-repeat;
    display: block;
    width: 100%;
    background-size: cover;
    filter: blur(0px) !important;
    transform: scale(1) !important;
    padding-bottom: 25.9% !important;
    background-size: 100% !important;
}

.waveSW {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0%, 45%);
}

.deskText {
    display: none;
}

.headerContainer.steak .waveSW i,
.headerContainer.chicken .waveSW i,
.headerContainer.salmon .waveSW i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/waveSWhite.svg) center no-repeat;
    display: block;
    width: 100%;
    background-size: cover;
    filter: blur(0px) !important;
    transform: scale(1) !important;
    padding-bottom: 25.9% !important;
    background-size: 100%;
}

.headerContainer.recipe .waveOne {
    transform: translate(0%, 120%);
}

.headerContainer.cheersContainer .waveOne {
    transform: translate(0%, 230%);
}

.formTop {
    width: 100%;
    height: 100%;
    padding: min(0px, 5.2vw) min(25px, 6.4vw) min(25px, 6.4vw);
    position: relative;
}

.formTopRoi {
    padding: min(0px, 2.6vw) min(45px, 10.8vw) min(25px, 6.4vw);
    position: relative;
}

.mobText {
    display: block;
}

.formTop i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/1of70.png) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 44.8%;
    background-size: contain;
    margin-top: -10px;
}

.formTopRoi i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/1of5.png) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 30.7%;
    background-size: contain;
    margin-top: -10px;
}

.wineP,
.wineB,
.recipeWineContainer .wineB,
.wineTwo {
    width: 100%;
    height: 100%;
}

.recipeWineContainer .wineTwo {
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
}

.bbqEnter.recipeWineContainer .wineContainer .chanceBbq {
    display: none;
}

form {
    font-size: min(20px, 5.2vw);
    color: #fff;
}

form p {
    margin: 0;
}

form input,
.headerContainer.countrySelection a {
    color: #000;
    background-color: rgb(255 255 255 / 80%);
    font-weight: bold;
    font-size: min(18px, 5vw);
    padding: 15px 10px;
    border: 1.1vw solid #fff;
    margin: 4px 0;
    border-radius: 4px;

}

.ageGateBG {
    background-color: #007681;
    padding: 0 20px 20px;
    margin-top: -4vw;
    color: #fff;
}

.ageGatePosition {
    padding: 0 min(0px, 5.2vw);
    text-align: center;
    font-size: min(19px, 5.2vw);
    height: 100%;
    padding: 10px 20px;
}

.textC {
    text-align: center !important;
}

.headerTextM {
    font-size: min(18px, 4.6vw);
}

.ageGatePositionQuestion {
    margin-top: min(40px, 10vw);
}

.headerContainer.countrySelection a {

    border-radius: 500px;
    padding: 1vw 3vw 1vw 2vw;
    width: 77vw;
    display: flex;
    justify-content: space-between;
    font-size: 5.7vw;
    margin: 2px 0;

    cursor: pointer;
    position: relative;
    z-index: 999;
}

.countrySelectionPositionForm {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 44%);
}

.ukFlag,
.roiFlag {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 2.5vw auto;
}

.ukFlag a,
.roiFlag a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.ukFlag a i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/ukL.png) center no-repeat !important;
    display: inline-block;
    width: 6.1vw;
    height: 100%;
    padding-bottom: min(24px, 14%) !important;
    background-size: contain !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    filter: blur(0px) !important;

}

.roiFlag i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/irelandL.png) center no-repeat !important;
    display: inline-block;
    width: 6.1vw;
    height: 100%;
    padding-bottom: min(24px, 14%) !important;
    background-size: contain !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    filter: blur(0px) !important;
}

.radio-group {
    display: flex;
    align-items: center;
    margin: 10px 0 25px 0;
    justify-content: center;
    gap: 8px;

}

.radio-group label {
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 0 20px 0 0px;

}

.radio-group input {
    width: 30px;
    height: 30px;
    background-color: rgb(255 255 255 / 80%);
    border: 2px solid #fff;
    accent-color: #000000;

}

.enterBtn,
.mat-raised-button {
    width: min(270px, 68.2vw) !important;
    padding: 15px 25px !important;
    border-radius: 100px !important;
    border: 2px solid #fff !important;
    background: #000;
    color: #fff;
    font-size: min(22px, 5.5vw) !important;
    font-weight: bold !important;
    margin: 0 auto !important;
    margin: 10px auto min(30px, 7.5vw) !important;
    letter-spacing: 5% !important;
    width: min(220px, 56.5vw) !important;
    padding: 8px 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    cursor: pointer;
}

.enterBtn.mat-raised-button {
    width: min(220px, 56.5vw) !important;
    padding: 8px 20px !important;
    border-radius: 100px !important;
    border: 2px solid #fff !important;
    background: #000 !important;
    color: #fff !important;
    font-size: min(22px, 5.5vw) !important;
    font-weight: bold !important;
    margin: 10px auto min(30px, 7.5vw) !important;
    letter-spacing: 0.05em !important;
}

.learnP {
    width: 80% !important;
    font-size: 2.7vw !important;
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    background-color: #000000 !important;
    filter: contrast(1.5);
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
    background: #ffffff;
    color: #000000;
}

.enterBtn .mat-button-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.enterBBQ {
    font-size: 4.4vw !important;
    width: 45vw !important;
    padding: 6px 3.3vw !important;
    margin: 10px 0 min(30px, 7.5vw) !important;
}


.viewRecipe {
    margin: 5px 0 0px !important;
    /* width: min(135px, 33.5vw) !important; */
    width: min(140px, 34.3vw) !important;
    padding: 8px min(20px, 2.1vw) !important;
    font-size: min(12px, 3.1vw) !important;
}

.enterBtn.viewRecipe span {
    font-size: min(12px, 3.1vw) !important;
}

.ageGateBtn {
    width: min(185px, 47.5vw) !important;
    margin: 0 auto !important;
}

.enterBtn span {
    display: flex !important;
}

.enterBBQ span {
    font-size: 3.7vw;
}

.successBtn {
    position: relative !important;
    width: min(310px, 81.2vw) !important;
    padding: 8px 25px !important;
    border-radius: 100px !important;
    border: 2px solid #fff;
    background: #000;
    color: #fff;
    font-size: min(20px, 5.2vw) !important;
    font-weight: bold !important;
    margin: 0 auto !important;
    letter-spacing: 5% !important;
    top: 50% !important;
    transform: translate(0%, 125%) !important;
}

form label {
    font-weight: bold;
}

.wineP i,
.wineB i,
.wineTwo i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wineBottlesPink.png) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 86.9%;
    background-size: contain;
}

.recipeWineContainer .wineB i,
.wineB i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wineBottlesGold.png) center no-repeat !important;
    background-size: contain !important;
    padding-bottom: 86.9%;
}

.recipeWineContainer .wineB i {
    padding-bottom: 86.9% !important;
}

.wineTwo {
    width: 35%;
    transform: translate(174%, 0.5%);
}


.bbqEnter .wineContainer .wineTwo {
    transform: translate(145%, -4.5%);
    width: 38.7%;
    overflow: clip;
}

.bbqMarginWave {
    margin-top: -25vw;
}

.wineTwo i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wineTwo.png) center no-repeat;
    background-size: contain;
    padding-bottom: 221.2%;

}

.bbqEnter .wineContainer .wineTwo i {
    padding-bottom: 169.6%;

}

.bbqEnter .wineContainer .wineBottleSalmon {
    transform: translate(145%, -4.5%) !important;
    width: 38.7% !important;
    overflow: clip !important;
}

.wineBottleSalmon i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/SalmonRecipeBottles.png) center no-repeat !important;
    background-size: contain !important;
    padding-bottom: 221.2% !important;
    padding-bottom: 169.6% !important;

}

.bbqEnter .wineContainer .wineBottleChicken {
    transform: translate(145%, -4.5%) !important;
    width: 38.7% !important;
    overflow: clip !important;
}

.wineBottleChicken i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/ChickenRecipeBottles.png) center no-repeat !important;
    background-size: contain !important;
    padding-bottom: 221.2% !important;
    padding-bottom: 169.6% !important;

}

.bbqEnter .wineContainer .wineBottleSteak {
    transform: translate(145%, -4.5%) !important;
    width: 38.7% !important;
    overflow: clip !important;
}

.wineBottleSteak i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wineBottlesGold.png) center no-repeat !important;
    background-size: contain !important;
    padding-bottom: 221.2% !important;
    padding-bottom: 169.6% !important;
}



.waveS {
    width: 100%;
    position: relative;
    top: 50%;
    transform: translate(0%, 2.5%);
}

.waveS i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/waveS.svg) center no-repeat !important;
    display: block;
    width: 100%;
    padding-bottom: 15.5% !important;
    background-size: 100% !important;
}

.wineContainer,
.recipeWineContainer .wineContainer {
    position: relative;
    margin-top: 6.5vw;
    margin-bottom: -18vw;
}

.wineContainerS {
    margin-top: 0vw;
    margin-bottom: -21vw;
}

.bbqEnter .wineContainer {
    margin-bottom: -12vw;
}

.recipeWineContainer .wineContainer {
    position: relative;
    margin-bottom: -21vw;
}

form {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}

.glasses {
    width: 88%;
    position: absolute;
    top: 17vw;
    margin: 0 auto;
    left: 50%;
    transform: translate(-45%, 0px);

}

.glasses i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/glasses.svg) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 108%;
    background-size: cover;
    margin: 0 auto;
}

.headerBold {
    position: absolute;
    top: 6vw;
    left: 50%;
    font-size: 9vw;
    transform: translate(-60%, 0);

}

.headerBoldPosition {
    top: 12vw;
}

.glassText {
    position: absolute;
    text-align: center;
    top: 27vw;
    left: 50%;
    font-size: 3.5vw;
    transform: translate(-53%, 0);
    width: 100%;

}

.bbqContainer {
    padding-top: min(100px, 25vw);
    color: white;
    width: 79.5%;
    margin: 0 auto;
    text-align: center;
    font-size: min(18px, 4.6vw);
    letter-spacing: 0;
}

.bbq {
    width: 100%;
    height: 100%;
    position: relative;
}

.bbq i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/bbq.png) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 46%;
    background-size: contain;
}

.chanceBbq {
    position: absolute;
    width: 55%;
    top: 17vw;
    transform: translate(9%, 0.5%);
}

.bbqEnter .wineContainer .chanceBbq {
    transform: translate(9%, -22.5%);
    width: 51%;
}

.stTopMargin {
    margin: 8vw auto 6vw;
}

.stBtmMargin {
    margin: 7.5vw auto 8.5vw;
}

.chanceBbq i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/chanceToWin.png) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 73% !important;
    background-size: contain !important;
}

.enterBbq {
    position: absolute;
    width: 58%;
    top: 30%;
}

.countrySelectionPosition {
    position: absolute;
    width: 100%;

    top: 20vw;

}

.largeTextRecipe {
    font-size: 13.6vw;
    color: #fff;
    text-align: center;
    margin: 0;
    z-index: 2;
    position: relative;
    margin-top: -7.4vw;
    padding: 0 min(20px, 5vw);
}

p.whiteText {
    color: #fff;
    padding: 0 min(20px, 5vw);
    text-align: center;
}

.recipeImgSteak,
.recipeImgSalmon,
.recipeImgChicken,
.luminBBQ,
.expansionKit {
    width: 100%;
    height: 100%;
}

.recipeImgSteak i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/steak.jpg) right no-repeat;
    display: block;
    width: min(101px, 91%);
    padding-bottom: min(151px, 137%);
    background-size: cover;
    border-radius: 10px;
}

.recipeImgChicken i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/chicken.jpg) right no-repeat;
    display: block;
    width: min(101px, 91%);
    padding-bottom: min(151px, 137%);
    background-size: cover;
    border-radius: 10px;
}

.recipeImgSalmon i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/salmon.jpg) right no-repeat;
    display: block;
    width: min(101px, 91%);
    padding-bottom: min(151px, 137%);
    background-size: cover;
    border-radius: 10px;
}

.luminBBQ i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/luminBBQ.jpg) right no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 50%;
    background-size: cover;
    border-radius: 10px;
}

.expansionKit i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/expansionKit.jpg) right no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 50%;
    background-size: cover;
    border-radius: 10px;
}

.whiteBG {
    background: #fff;
    padding: 20px;
    padding-bottom: 18vw;
}

.whiteText {
    color: #fff;
}

.recipeIconFlex {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 5px
}

.recipeIconFlex p {
    margin: 0;
    font-size: 3vw;

}

.whiteBG p,
.whiteBG ol,
.whiteBG ul,
.whiteBG li {
    font-size: 3vw;
    margin: 0;
}

.whiteBG li {

    margin: 10px 0px;
}

.whiteBG ol,
.whiteBG ul {
    margin: 0;
    list-style-position: outside;
    padding-left: 20px;
}

.steakTextHeader {

    font-size: 9vw !important;
    margin: 0;
}

.recipeHeader {
    font-size: 4.1vw !important;
}


.line {
    width: 100%;
    height: 1px;
    background: #000;
    margin: 25px 0;
}


.wineIcon,
.servesIcon,
.prepIcon,
.cookingIcon,
.timeIcon {
    width: 100%;
    height: 100%;
    width: 25px;
}

.wineIcon i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wineIcon.svg) center no-repeat;
    width: 100%;
    display: block;
    padding-bottom: 100%;
    background-size: contain;
}

.servesIcon i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/serveIcon.svg) center no-repeat;
    width: 100%;
    display: block;
    padding-bottom: 100%;
    background-size: contain;
}

.prepIcon i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/prepIcon.svg) center no-repeat;
    width: 100%;
    display: block;
    padding-bottom: 100%;
    background-size: contain;
}



.cookingIcon i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/cookingIcon.svg) center no-repeat;
    width: 100%;
    display: block;
    padding-bottom: 100%;
    background-size: contain;
}


.timeIcon i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/timerIcon.svg) center no-repeat;
    width: 100%;
    display: block;
    padding-bottom: 100%;
    background-size: contain;
}

.recipeContainer {
    position: relative;
    margin: 0 auto;
    width: fit-content;
}

.flexRecipe {
    display: flex;
    margin: 15px 20px;
    padding: 10px;
    border-radius: 10px;
    gap: 0px;
    max-width: 350px;
    align-items: center;

}

.flexPrizes {
    flex-direction: column;
}

.recipeText p {
    margin: 0;
    font-size: min(12px, 3.1vw);
    line-height: 1.2;
    margin-top: 5px;
    width: 100%;
}

.boldRecipeText {
    font-size: min(16px, 4.1vw) !important;
    width: 65%;

}

.mat-expansion-panel,
.mat-expansion-panel-header,
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description,
.mat-expansion-indicator:after,
.mat-expansion-panel-content p,
.mat-expansion-panel-content,
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff;
    color: #000 !important;
    font-family: "gotham", sans-serif !important;
}

.key-LotCode {
    position: relative;
}

.key-lotPU {

    position: relative !important;
    width: 100%;
    top: -38px !important;
    right: auto !important;
    transform: none !important;
}

.key-LotCode .mat-form-field-invalid .mat-form-field-wrapper,
.key-LotCode.mat-form-field-invalid .mat-form-field-wrapper {
    padding-bottom: 22px !important;
}

.key-LotCode .mat-form-field-invalid .mat-form-field-wrapper,
.key-LotCode.mat-form-field-invalid .mat-form-field-wrapper {
    padding-bottom: 22px !important;
}


.key-lotCode:has(.mat-form-field-invalid)+.key-lotPU {
    top: -59px !important;
}

.lot-popup {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 15px !important;
}

.lot-popup i {
    width: 100%;
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/lotCode.svg) center no-repeat;
    padding-bottom: 100%;
    background-size: contain;
    display: block;
}

.lotCodePopupImg {
    width: 100%;
    height: 100%
}

.lotCodePopupImg i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/lotCodePopupImg.jpg) center no-repeat;
    width: 100%;
    display: block;
    background-size: contain;
    padding-bottom: 66.7%;
}

.uploading-files li.placeholder {
    width: 100% !important;
    border: 2px solid rgb(255, 255, 255);
}

.uploading-files li {
    border: 2px solid #fff !important;
    width: 100% !important;
}

.uploading-files li .preview {
    background-color: rgb(255 255 255 / 80%) !important;
    color: #000;
}

.uploading-files li .controls button {
    background-color: #ffffff !important;
}

.uploading-files li .controls {
    top: -20px !important;
    height: 0 !important;
    left: 100% !important;
    position: relative !important;
}

.pageContent {
    animation: fadeIn 3s ease-in forwards;

    animation: fadeIn 1s ease-in 1.5s both;

}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


footer,
.faqs-container {
    position: relative;
    z-index: 1;
    background-color: #007681;
    padding: 20px;
    color: #fff;

}

.faqs-container {
    padding-bottom: 25vw;
    margin-bottom: -17vw;
}

.nMarginFaq {
    margin: 0 !important;
    padding-bottom: 20px !important;
}

.termsContainer {
    position: relative;
    z-index: 1;
    padding: 20px;
}

footer p {
    margin: 0;
    font-size: 2.5vw;
}

footer a {
    color: #fff;
    text-decoration: none;
}

.footerFlex {
    display: flex;
    width: 100%;
    padding-top: 20px;
}

.footerAgePos {
    padding-top: 40px;
}

.footerLeft,
.footerRight {
    display: flex;
    width: 50%;
    gap: 20px;
    align-content: center;
    align-items: center;
}

.footerLeft {
    gap: 20px;
}

.footerRight {
    justify-content: flex-end;
}

.certifiedB {
    width: 33px;
    height: 55px;
}

.certifiedB i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/certificateB.png) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 170%;
    background-size: contain;
}

.vegan {
    width: 71px;
    height: 57px;
}

.vegan i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/vegan.png) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 80%;
    background-size: contain;
}

.instagram {
    width: 35px;
    height: 35px;
}

.instagram i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/instagram.svg) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-size: contain;
}

.wineLogo {
    width: 40px;
    height: 40px;

}

.wineLogo i {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wine-compass-logo.svg) center no-repeat;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-size: contain;
}


.mat-form-field-appearance-outline .mat-form-field-flex {
    padding: 0 .75em 0px .75em !important;
}

a.enterBtn {
    text-decoration: none;
}


.enterBtn span {
    display: flex !important;
    width: 17.5% !important;
}

.enterBtn.viewRecipe span {
    width: 15.5% !important;
}

.enterBtn.learnP span {

    width: 7% !important;
}

.enterBtn span i.arrowWhite {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/arrowWhite.svg) center no-repeat !important;
    display: block;
    padding-bottom: 100% !important;
    width: 100% !important;
}

.ukFlag a span,
.roiFlag a span {
    font-size: min(15px, 3.7vw);
    display: flex;

    width: 10%;
    height: 100%;

}

.ukFlag a span i.arrowBlack,
.roiFlag a span i.arrowBlack {
    background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/arrowBlack.svg) center no-repeat !important;
    display: block;
    padding-bottom: 100%;
    width: 100%;
}

@media (min-width: 600px) {

    .headerContainer {
        z-index: -1;
        margin-top: -12.7vw;
        margin-bottom: -18.1vw;
    }

    .headerContainer i,
    .headerContainer.cheersContainer i {
        padding-bottom: 64%;
        background-size: 105%;
        margin-top: 0;
        transform: scale(1) !important;
    }

    .headerContainer.cheersContainer i {

        filter: blur(1px) !important;

    }

    .headerContainer.hcPC i {
        background-size: 100%;
    }


    .waveOne,
    .headerContainer.cheersContainer .waveOne {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0%, 0.7%);
    }

    .waveOne.prizeWavePos {
        transform: translate(0%, 0%);
        position: relative;
    }

    .waveOne i,
    .headerContainer.cheersContainer .waveOne i,
    .headerContainer.recipe .waveOne i {
        background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/waveD.svg) center no-repeat !important;
        padding-bottom: 32% !important;
        background-size: cover !important;
        filter: blur(0px) !important;

    }

    .bgDesk {
        background: linear-gradient(to right, #0D848C 0%, #2AB29C 100%);
    }

    .headerContainer.steak .waveSW,
    .headerContainer.chicken .waveSW,
    .headerContainer.salmon .waveSW {
        transform: translate(0%, 18.7%);
    }

    .headerContainer.salmon .waveSW {
        transform: translate(0%, 38.7%);
    }

    .chanceWave {
        display: none;
    }

    .headerContainer.steak .waveSW i,
    .headerContainer.chicken .waveSW i,
    .headerContainer.salmon .waveSW i {

        padding-bottom: 28.9% !important;
        background-size: 100% !important;
    }

    .waveS {
        width: 100%;
        height: 100%;
        position: relative;
        top: 50%;
        transform: translate(0%, 5%);
    }

    .waveS i {
        background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/waveSD.svg) center no-repeat !important;
        padding-bottom: 12.4% !important;
        background-size: cover !important;
    }

    .logo,
    .headerContainer.cheersContainer .logo {
        width: 16.7%;
        transform: translate(-50%, -550%);

    }

    .logo i,
    .headerContainer.cheersContainer .logo i,
    .headerContainer.hcPC .logo i {
        padding-bottom: 18.4%;
        background-size: 100%;
    }

    .line {
        margin: 20px 0;
    }

    .lineDesk {
        display: none;
    }

    .flexIntructions {
        position: relative;
        display: flex;
        width: 85vw;
        margin: 0 auto;
        gap: 4vw;
    }

    .whiteBGDesk {
        padding: 1.7vw;
        background: #fff;
        border-radius: 0.8vw;
    }

    .whiteBG {
        padding-bottom: 0;
    }

    .whiteBG p,
    .whiteBG ol,
    .whiteBG ul,
    .whiteBG li,
    .whiteBGDesk p,
    .whiteBGDesk ol,
    .whiteBGDesk ul,
    .whiteBGDesk li {
        font-size: 1.15vw;
    }

    .recipeLeft {
        width: 100%;
        width: 75%;
        margin-top: 1vw;

    }

    .recipeLeft p,
    .recipeLeft li {
        color: #fff;
    }

    .recipeIconFlex {

        margin: 5px 0;
    }

    .headerContainer.hcPC .logo {
        transform: translate(-27%, -620%);
        width: 25%;
    }

    .recipeHeader {
        font-size: 2vw !important;
    }

    .mobText {
        display: none;
    }

    .formTop,
    .formTopRoi {
        background: linear-gradient(to right, #0D848C 0%, #2AB29C 100%);
        padding-top: 20px;
        padding-bottom: 0;
    }

    .formTop i {
        background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/1of70Desk.png) center no-repeat;
        max-width: 59.6vw;
        margin: 0px auto;
        background-size: contain;
        padding-bottom: 9.2%;
    }

    .formTopRoi i {
        background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/1of5D.png) center no-repeat;
        max-width: 59.6vw;
        margin: 0px auto;
        background-size: contain;
        padding-bottom: 5.5%
    }

    form {
        display: flex;
        flex-direction: column;
        min-width: 220px;
        height: 34.1vw;
        width: 29%;
        margin: 0px 20.3%;
        padding: 10px 10px 10px 0px;
        width: 30vw !important;
        min-height: 64.1vw;
        height: auto !important;

    }

    form.countrySelectionPosition {
        margin: 0px auto !important;
        width: 100% !important;

    }

    .enterBtn {
        width: min(220px, 68.2vw) !important;
        justify-content: space-evenly !important;
        width: min(220px, 30vw) !important;
        font-size: min(22px, 1.85vw) !important;
    }

    .learnP {
        font-size: min(32px, 2.7vw) !important;
        max-width: 801px;
        margin: min(10px, 7.5vw) auto min(10px, 7.5vw) !important;
        width: 80% !important;

    }

    .enterBBQ {

        width: 19vw !important;
        font-size: 1.85vw !important;
        padding: 6px min(7px, 0.6vw) !important;
    }

    .recipeImgSteak,
    .recipeImgChicken,
    .recipeImgSalmon {
        height: auto;
        position: relative;
        width: 16.7vw;
    }

    .boldRecipeText {
        font-size: 2.1vw !important;
    }

    .recipeImgSteak i,
    .recipeImgChicken i,
    .recipeImgSalmon i {
        width: 16.7vw;
        padding-bottom: 106.2%;
    }

    .headerContainer.hcPC.bbqEnter.bbqMarginWave .headerContainer.hcPC .wineContainer {
        margin-top: 46.5vw;
    }

    .viewRecipe {
        width: 16vw !important;
        /* font-size: 1.15vw !important; */
        font-size: 1.25vw !important;
        margin: 2vw 0 0px !important;
        padding: 1vw min(20px, 2.1vw) !important;
    }

    .enterBtn.viewRecipe span {
        /* width: 17.5% !important; */
        width: 12.5% !important;
    }

    .flexRecipe {
        gap: 30px;
        max-width: none;
        width: 68.3vw;
        margin: 20px;
        padding: 10px;

    }

    .flexPrizes {
        padding: 0.8vw;
    }

    .mat-expansion-panel {
        width: 68.3vw;
        margin: 15px auto !important;
    }

    .recipeText p {
        font-size: 1.5vw;
        margin-top: 1.6vw;
    }


    .successBtn {
        font-size: 1.6vw !important;
        width: 25.2vw !important;
        padding: 0.8vw 2vw !important;
        transform: translate(-0%, -50%) !important
    }



    .wineContainer {
        margin-top: 0;
    }

    .wineP,
    .wineB {
        position: absolute;
        width: 23.5%;
        transform: translate(240%, -181%);
        top: -34.2vw;
    }



    .wineP i,
    .wineB i {
        background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wineBottlesPink.png) center no-repeat;
        display: block;
        width: 100%;
        padding-bottom: 169.6%;
        background-size: contain;

    }

    .wineB i {
        background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/wineBottlesGold.png) center no-repeat;
        background-size: contain;
    }

    .headerContainer.hcPC .wineContainer {
        margin-top: 51.2vw;
    }

    .headerContainer.hcPC .wineB {
        position: absolute;
        width: 23.5% !important;
        top: -23vw !important;
        transform: translate(240%, -181%) !important;
    }

    .headerContainer.hcPC .wineB i {

        padding-bottom: 115.6% !important;
        background-size: contain !important;
    }

    .headerContainer.countrySelection {
        margin-bottom: 8.1vw;
        z-index: 0;
        margin-top: 65.9vw;
        position: relative;
    }

    .headerContainer.countrySelection a {
        font-size: 2.2vw;
        border: 0.4vw solid #fff;
    }

    .bbqEnter .wineContainer {
        margin-bottom: -12vw !important;
    }

    .headerContainer.countrySelection i {
        padding-bottom: 75.6% !important;
    }

    .stTopMargin,
    .stBtmMargin {
        margin: revert;
    }

    .ageGateBG {
        margin-top: -0.1vw;
    }

    .ageGatePosition {
        margin: 0 auto;
        text-align: center;
        max-width: 27.3vw;
        font-size: min(19px, 2vw);
        min-width: 200px;

    }

    .headerContainer.countrySelection .ukFlag a i,
    .headerContainer.countrySelection .roiFlag a i {
        padding-bottom: 18% !important;
        filter: blur(0px) !important;
    }



    .chanceBbq {
        position: absolute;
        width: 25%;
        top: -28vw;
        transform: translate(138%, 37.5%);
    }

    .bbqEnter .wineContainer .chanceBbq {
        transform: translate(78%, -6.5%);
        width: 21%;
        display: block !important;
    }

    .recipeHeaderTextPosition {
        position: absolute;
        left: 50%;
        width: 31.7vw;
        transform: translate(-121%, -130%);
        top: 33.7vw;

    }

    .recipeHeaderTextPosition.prizesHeaderText {
        position: relative;
        transform: translate(0%, -252%);
        width: 68.3vw;
        margin: 0px auto;
        margin-top: -27vw;
        left: unset;

    }

    .recipeContainer {
        margin-top: 9.2vw;
    }

    .headerContainer.recipe .waveOne {
        transform: translate(0%, 85%);
    }


    .headerContainer.recipe .logo {
        top: 37%;
        width: 25%;
        transform: translate(-42%, -550%);

    }

    .headerContainer.recipe i {
        margin-top: -7vw;
        padding-bottom: 67.5%;
        margin-top: -10vw;
    }

    .largeTextRecipe,
    .steakTextHeader {
        font-size: 5vw !important;
        text-align: left;
        margin: 0;
        margin-top: 0;
        padding: 0;
        color: #fff;
    }

    .steakTextHeader {
        line-height: 1;
    }

    .deskRecipeHeader {
        width: 40.7vw;
        transform: translate(-97.7%, -130%);
        top: 34.9vw;
    }

    .deskRecipeHeaderO {
        width: 46.7vw;
    }

    .headerContainer.salmon+.whiteBG.bgDesk .deskRecipeHeaderO {
        top: 36.9vw;
    }

    .headerContainer.steak i,
    .headerContainer.chicken i,
    .headerContainer.salmon i {
        padding-bottom: 74.5%;
    }

    .headerContainer.salmon i {
        padding-bottom: 84.5%;
    }

    .headerContainer.steak .logo,
    .headerContainer.chicken .logo,
    .headerContainer.salmon .logo {
        transform: translate(-33%, -1050%);
    }

    .headerContainer.steak .logo i,
    .headerContainer.chicken.logo i,
    .headerContainer.salmon .logo i {
        padding-bottom: 12.5%;
    }

    .deskText {
        display: block;
        color: #fff;
        width: 80%;
        margin-top: 1vw !important;
    }

    p.whiteText,
    .deskText {
        padding: 0;
        text-align: left;
        font-size: 1.5vw !important;
    }

    .glasses {
        width: 34%;

        top: 7.2vw;

        left: 50%;
        transform: translate(-50%, 0px);
    }

    .bbqEnter .enterBtn span {
        font-size: 1.6vw;
            width: 13.5% !important;
    }

    .wineIcon,
    .servesIcon,
    .prepIcon,
    .cookingIcon,
    .timeIcon {
        width: 30px;
    }

    .headerBold {
        top: 3.5vw;
        font-size: 3.75vw;
        transform: translate(-60%, 0);
    }

    .glassText {
        top: 11.5vw;
        font-size: 1.3vw;
    }

    .backgroundContainer {
        background: linear-gradient(to right, #0D848C 0%, #2AB29C 100%);
    }

    .backgroundContainerPosition {
        padding-top: 7vw;
    }


    .bbqContainer {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 29.8%;
        height: 40vw;
        font-size: 1.5vw;
        padding-top: 4vw;
        margin: 0px calc(50% - 29.8%);
    }

    .bbqContainer p {
        margin: 0.8em auto;
        text-align: left;
        width: 100%;
    }

    .wineContainerS {
        margin-top: 0vw;
        margin-bottom: -0vw !important;

    }

    .bbq {
        order: 1;
    }

    .enterBbq {
        display: none;
    }

    .bbq i {
        background: url(https://cdn.promo-now.com/site-files/6a33c5acc07f392b98a5e00f/bbq.png) center no-repeat;
        display: block;
        width: 100%;
        padding-bottom: 46%;
        background-size: contain;
        margin-left: max(-36px, -3vw);
    }

    .bbqEnter .wineContainer .wineTwo {
        overflow: visible !important;
        top: -28.3vw !important;
    }


    .bbqEnter .wineContainer .wineBottleSalmon {
        width: 23.5% !important;
        transform: translate(240%, -181%) !important;
        top: -28.3vw !important;
        overflow: visible !important;
    }

    .wineBottleSalmon i {
        background-size: contain !important;
        padding-bottom: 169.6% !important;
    }

    .bbqEnter .wineContainer .wineBottleChicken {
        width: 23.5% !important;
        transform: translate(240%, -181%) !important;
        top: -28.3vw !important;
        overflow: visible !important;
    }

    .wineBottleChicken i {
        background-size: contain !important;
        padding-bottom: 169.6% !important;

    }

    .bbqEnter .wineContainer .wineBottleSteak {
        width: 23.5% !important;
        transform: translate(240%, -181%) !important;
        top: -28.3vw !important;
        overflow: visible !important;
    }

    .wineBottleSteak i {
        background-size: contain !important;
        padding-bottom: 169.6% !important;
    }


    .countrySelectionPositionForm {
        transform: translate(-50%, 10%);
        max-width: 40vw;

    }

    .footerFlex {
        display: flex;
        width: 174px;
        position: absolute;
        top: -100px;
        right: 2vw;
        gap: min(15px, 1.3vw);
        max-width: unset;
        overflow: hidden;
    }


    .footerDContainer {
        max-width: 83.4vw;
        margin: 0 auto;
        position: relative;
    }

    footer p {
        font-size: max(10px, 0.9vw);
    }

    .footerLeft,
    .footerRight {
        display: flex;
        width: 34.7%;
        gap: 20px;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
    }

    .footerRight {
        width: 3vw;
    }

    .certifiedB {
        width: 2.75vw;
        height: unset;

    }

    .vegan {
        width: 6vw;
        height: unset;
    }

    .instagram {
        width: 3vw;
        height: unset;
        width: 2.8vw;
    }

    .wineLogo {
        width: 3.4vw;
        height: unset;

    }

    .footerFlex {
        width: unset;
        top: -8.4vw;
        right: -2vw;
    }

    .footerLeft,
    .footerRight {
        justify-content: flex-start;
        width: 34.7%;
        width: 100%;
    }

    .footerLeft {
        justify-content: flex-end;
        width: 3vw;
        width: 100%;
    }

    .footerRight {
        min-width: 62px;
        width: 100%;
    }

    .form-container {
        width: fit-content;
        position: relative;
        left: 50%;
        transform: translate(-99%, 0px);

    }

    .mat-form-field-appearance-outline .mat-form-field-flex {
        padding: 0 .75em 0px .75em !important;
    }

    .enterBtn span {

        width: min(30px, 2.5vw) !important;
    }

    .enterBtn.learnP span {
        width: 6% !important;
    }
}

app-page-block {
    overflow-y: visible !important;
}

.mat-card {

    background: #ffffff00;
    box-shadow: none !important;
    padding: 0 20px !important;
}

.question {
    margin: unset !important;
}

.page .mat-form-field-appearance-outline .mat-form-field-outline,
app-preview-entrant .mat-form-field-appearance-outline .mat-form-field-outline {
    color: #ffffff !important;
    border: 2px solid #fff;
    margin: 4px 0;
    border-radius: 4px;
}

.page .mat-form-field-appearance-outline .mat-form-field-outline,
app-preview-entrant .mat-form-field-appearance-outline .mat-form-field-outline {
    background-color: rgb(255 255 255 / 80%);
    color: #000;
    height: 45px;
    height: min(45px, 11.54vw);
}


.mat-input-element,
.mat-form-field-empty.mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    font-family: "gotham", sans-serif !important;
    letter-spacing: normal !important;
    color: #000;
    font-weight: 900;
}

.mat-error {
    font-family: "gotham", sans-serif !important;
    letter-spacing: normal !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border: 2px solid currentColor !important;
    border: none !important;

}

.mat-form-field-appearance-outline .mat-form-field-outline-start {
    border-right-style: none !important;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
    caret-color: #000000;
}

.mat-input-element {
    caret-color: #000000;
}

.mat-input-element {
    color: #000 !important;
}

::placeholder {
    color: #535353 !important;
}

.mat-form-field-wrapper {
    padding-bottom: 0 !important;
}

.mat-form-field-invalid .mat-form-field-wrapper {
    padding-bottom: 1.04375em !important;
}

.mat-form-field-appearance-outline .mat-form-field-flex {
    margin-top: -0.15em;
}


.mat-form-field-appearance-outline .mat-form-field-outline-gap {
    border: 2px solid currentColor !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border: none !important;

}

.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border-left-style: none !important;
}

.mat-form-field.mat-focused .mat-form-field-label,
.page .mat-form-field-label,
app-preview-entrant .mat-form-field-label {
    color: #000 !important;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-0.79375em) scale(.75) !important;
}

.mat-checkbox-layout .mat-checkbox-label {
    color: var(--purpleText);
    max-width: 290px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: min(12px, 3.1vw);
}

.mat-checkbox-layout {
    align-items: center !important;
}

.mat-checkbox-inner-container {
    height: 30px !important;
    width: 30px !important;
    background: var(--pinkForm);
    border-radius: 4px !important;
    background-color: rgb(255 255 255 / 80%) !important;
}

.mat-checkbox-frame {
    border-radius: 4px !important;
    border-color: var(--purpleText) !important;
}

mat-checkbox {
    margin: 0 auto !important;
}

.invalid {
    border-top: none !important;
    border-bottom: none !important;

}

.question-checkbox .mat-error {
    padding: 8px 0;

}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {

    border: 2px solid var(--purpleText);
    border-radius: 4px !important;
    background-color: rgb(255 255 255 / 80%) !important;
    border: none !important;
}

input.mat-input-element {
    margin-top: 0.2375em;
}

.mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin: 0em 0;
}

.mat-checkbox-checkmark-path {
    stroke: #000 !important;
}

app-page-block-form-question-checkbox section {
    padding: 0.5rem 0 !important;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 0.3em 0 !important;
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.44375em;
}


app-page-block-form-question-checkbox section {
    padding: 0.5rem 0 0.1rem !important;
}

.key-privacy app-page-block-form-question-checkbox section {
    padding: 0 !important;
}

@media (min-width: 600px) {
    form {
        min-height: 64.1vw;
    }
}

@media (min-width: 800px) {
    form {
        min-height: 54.1vw;
    }
}

@media (min-width: 1000px) {
    form {
        min-height: 44.1vw;
    }
}

@media (min-width: 1200px) {
    form {
        min-height: 34.1vw;
    }
}

@media (min-width: 1500px) {
    form {
        min-width: 220px;
        min-height: 27.6vw;

        width: 24vw !important;
        zoom: 1.25;
    }
}

@media (min-width: 1750px) {
    form {
        min-width: 220px;
        min-height: 22.7vw;
        width: 20vw !important;
        zoom: 1.5;
    }
}

@media (min-width: 2000px) {
    form {
        min-width: 220px;
        min-height: 19.7vw;
        width: 17.1vw !important;
        zoom: 1.75;
    }
}

@media (min-width: 2500px) {
    form {
        min-width: 220px;
        min-height: 15.3vw;
        width: 13.3vw !important;
        zoom: 2.25;
    }
}

@media (min-width: 3000px) {
    form {
        min-width: 220px;
        min-height: 12.5vw;
        width: 10.9vw !important;
        zoom: 2.75;
    }
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.14375em;
    margin-top: 0em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-0.49375em) scale(0.6) !important;
}

.mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin: 0em 0 !important;
}

.cdk-overlay-pane .mat-raised-button.mat-primary {
    width: initial !important;
}

#shortTerms {
    display: none;
}

table {
    margin: 20px 0;
    border: 1px solid #aaa;
    border-collapse: collapse;
}

table td {
    border: 1px solid #aaa;
    padding: 5px 10px;
}

.tableContainer {
    overflow: auto;
}



@media (max-width: 600px) {
    .wineContainer {
        margin-top: 12.5vw !important;
    }

    .marginBottomReset {
        margin-bottom: initial !important;
    }


}

@media (min-width: 600px) {

    /* Firefox Only Target */
    @-moz-document url-prefix() {

        .marginBottom15vw,
        .bbqEnter .wineContainer.marginBottom15vw {
            margin-bottom: 15vw !important;
        }
    }
}


@media (min-width: 600px) {
    @-moz-document url-prefix() {
        .headerContainer.countrySelection {
            margin-top: 32.9vw;
        }
    }
}

@-moz-document url-prefix() {

    .key-lotPU {
        top: -42px !important;
    }

    .key-lotCode:has(.mat-form-field-invalid)+.key-lotPU {
        top: -62px !important;
    }
}

/* safari  */
_::-webkit-full-page-media,
_:future,
:root .key-lotPU {
    top: -42px !important;
}

_::-webkit-full-page-media,
_:future,
:root .key-lotCode:has(.mat-form-field-invalid)+.key-lotPU {
    top: -62px !important;
}

.mat-expansion-panel-header {
    min-height: 48px !important;
    height: auto !important;
}