/* sticky class from tailwind applies "position:sticky" which affects the nav header style */
.navigation {
    position: fixed !important;
}

/* the font-size is 62.5% in botb_style.css that has a major impact on the font sizes that are used in em or rem.
For eg., if font-size of an element is 2rem and the font-size on body is 15px,
then the actual font-size for that element will be (15 * 2) * (62.5/100) which is less than 30px.*/
html {
    font-size: 100%;
}

/* overriding tailwind style on svg element which is vertical-align: middle */
.user-wallet-summary svg,
.cart .itemsInBasket .quantity-col .decrease svg,
.cart .itemsInBasket .quantity-col .increase svg,
svg.arrow,
svg.ticket,
.add-ticket-popup-container-daily .tickets-purchase .instant-win-text svg,
.prize-details-container .prize-details-modal .section-content.additional-prizes .outter-container .prizes-container .unit .multibuy-values svg,
body.non-homepage .add-ticket-popup-container .tickets-purchase .instant-win-text svg {
    vertical-align: initial;
}

/* overriding tailwind style on svg element which is display: block */
.cart .itemsInBasket .quantity-col .decrease svg,
.cart .itemsInBasket .quantity-col .increase svg,
svg.arrow,
svg.ticket,
.add-ticket-popup-container-daily .tickets-purchase .instant-win-text svg, 
.prize-details-container .prize-details-modal .section-content.additional-prizes .outter-container .prizes-container .unit .multibuy-values svg,
body.non-homepage .add-ticket-popup-container .tickets-purchase .instant-win-text svg {
    display: inline;
}

footer .sign-up__content > p {
    margin: 0 0 20px 0;
}

.footernav .footernav-item-heading::after {
    width: 10px;
    height: 10px;
}