:root{
    --font-primary:  "inter-variable", sans-serif;
    --font-secondary:  "anton", sans-serif;

    --color-blue: #021f40;
    --text-color:#021f40;
    --color-red:#da1a32;
    --color-white:#ffffff;

    --container-left-spacing: 159px;

    @media (max-width:1760px){
        --container-left-spacing: 120px;
    }
    @media (max-width:1399px){
        --container-left-spacing: 80px;
    }
    @media (max-width:1199px){
        --container-left-spacing: 0;
    }
}

body h1, body h2{
    font-weight: 400 !important;
    font-family: var(--font-secondary);
    letter-spacing: 0;
}
body {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 300;
    font-family: var(--font-primary);
    letter-spacing: -0.04em;
	overflow-x: hidden;
}
@media (min-width:992px){
    body{
        font-size: 18px;
    }
}
@media (min-width:1200px){
    body{
        font-size: 20px;
    }
}
@media (min-width:1400px) {
    body{
        font-size: 21px;
    }
    .container {
        max-width: 1304px;
    }
}
@media (min-width:1760px) {
    body{
        font-size: 24px;
    }
    .container {
        max-width: 1744px;
    }
}
@media (max-width:767px) {
    .container {
        padding: 0 20px;
    }
}

h1 {
    font-size: 51px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1em;
    
}

@media (min-width:768px) {

    h1 {
        font-size: 64px;
    }
}

@media (min-width:992px) {

    h1 {
        font-size: 74px;
    }
}

@media (min-width:1200px) {

    h1 {
        font-size: 89px;
    }
}

@media (min-width:1400px) {

    h1 {
        font-size: 100px;
    }
}

@media (min-width:1760px) {

    h1 {
        font-size: 115px;
    }
}


h2{
    font-size: 50px;
    color: var(--color-blue);
    font-weight: 400;
    line-height: 1.2em;
    text-transform: uppercase ;
}

@media (min-width:768px) {
    h2{
        font-size: 60px;
    }
}
@media (min-width:992px) {
    h2{
        font-size: 70px;
    }
}
@media (min-width:1200px) {

    h2{
        font-size: 80px;
    }
}

@media (min-width:1400px) {

    h2{
        font-size: 90px;  
    }
}

@media (min-width:1760px) {

    h2{
        font-size: 100px;
    }
}


h3 {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2em;
    font-family: var(--font-primary) !important;
    letter-spacing: -0.05em;
    font-weight: 300 !important;
}

@media (min-width:768px) {
    h3 {
        font-size: 36px;
    }
}

@media (min-width:992px) {
    h3 {
        font-size: 40px;
    }
}

@media (min-width:1200px) {
    h3 {
        font-size: 44px;
    }
}

@media (min-width:1400px) {
    h3 {
        font-size: 48px;
    }
}

@media (min-width:1760px) {
    h3 {
        font-size: 52px;
    }
}

h4 {
    font-size: 20px;
}

@media (min-width:1200px) {
    h4 {
        font-size: 21px;
    }
}

@media (min-width:1400px) {
    h4 {
        font-size: 23px;
    }
}

@media (min-width:1760px) {
    h4 {
        font-size: 26px;
    }
}

h5 {
    font-size: 18px;
}

@media (min-width:1400px) {
    h5 {
        font-size: 20px;
    }
}

@media (min-width:1700px) {
    h5 {
        font-size: 22px;
    }
}

/* Initiating Banner Style */
.block-hero{
    width: 100%;
    background-color: var(--color-blue);
    margin-bottom: 295px;
    position: relative;
    
}
.block-hero__image{
    position: absolute;
    inset: 0;
    opacity: 0.22;
    z-index: 1;
}
.block-hero__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-hero__video{
    position: absolute;
    inset: 0;
    opacity: 0.15;
    z-index: 1;
	overflow:hidden;
}
.block-hero__video iframe{
width: 100vw;
    min-height: 100vh;
    min-width: 177.77vh;
    height: 56.25vw;
}
.block-hero__inner{
    position: relative;
    z-index: 1;
    padding: 65px 0 60px;
    height: calc(100vh - 25px);
    display: flex;
    flex-direction: column;
    min-height: 734px;
}
.block-hero__logo{
    width: 100%;
}
.block-hero__logo img{
    width: 404px;
    height: 96px;
}
.block-hero__main{
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-height: calc(100vh - 246px);
}
.block-hero__left {
    width: 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.block-hero__content{
    padding: 40px 0;
    max-width: 720px;
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.block-hero__content h1{
    color: var(--color-white);
    font-weight: 400 !important;
    display: inline-flex;
    flex-direction: column;
}
.block-hero__content h1 span{
    font-family: var(--font-primary);
    font-size: 36px;
    text-transform: none;
    font-weight: 200;
    line-height: 1em;
    letter-spacing: -0.04em;
}
.block-hero__copy{
    max-width: 582px;
    margin-top: 50px;
}

.app_store_cta {
	color: #fff;
}

.block-hero__copy p{
    color: var(--color-white);
    margin: 0;
}
.block-hero__cta{
    display: flex;
	column-gap: 20px;
}

.footer-cta {
	margin: 0 auto 15px auto;
	text-align: center;
}

.block-hero__right{
    width: 50%;
    padding-right: 115px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.block-hero__img {
    margin-bottom: -295px;
}
.block-hero__img img{
    max-width: 589px;
    width: 100%;
}
@media (max-width:1759px){
    .block-hero{margin-bottom: 205px;}
    .block-hero__right{padding-right: 0;}
    .block-hero__img img{max-width: 471px;}
    .block-hero__copy{margin-top: 30px;}
    .block-hero__content h1 span{font-size: 30px;}
    .block-hero__logo img{width: 350px;height: 83px;}
    .block-hero__main{max-height: calc(100vh - 213px);}
}
@media (max-width:1399px){
    .block-hero__content h1 span{font-size: 26px;}
    .block-hero__inner{padding: 50px 0 50px;}
    .block-hero__main{max-height: calc(100vh - 198px);}
    .block-hero__inner{min-height: 639px;}
    .block-hero__logo img{width: 310px;height: 74px;}
    .block-hero__img img{max-width: 411px;}
    .block-hero{margin-bottom: 140px;}
    .block-hero__img {margin-bottom: -200px;}
}
@media (max-width:1199px){
    .block-hero__content h1 span{font-size: 21px;}
    .block-hero__img {margin-bottom: -150px;}
}
@media (max-width:991px){
    .block-hero__img img{max-width: 281px;}
    .block-hero{margin-bottom: 100px;}
    .block-hero__left{width: 58%;}
    .block-hero__right{width: 42%}
    .block-hero__logo img {width: 280px;height: 67px;}
    .block-hero__left{width: 100%;}
    .block-hero__inner{padding: 50px 0 0;height: auto;}
    .block-hero__main{max-height: unset;}
    .block-hero__content{padding: 70px 0 40px;max-width: 100%;}
    .block-hero__copy{max-width: 100%;}
    .block-hero{margin-bottom: 80px;}
    .block-hero__right{width: 100%;justify-content: center;}
    .block-hero__img{margin-bottom: -70px;margin-top: 50px;}
	.block-hero__video iframe{min-height: 140vh;min-width: 247.77vh;}

}
@media (max-width:767px){
    .block-hero__inner{padding: 30px 0 0;}
    .block-hero__cta a img{width: 140px;}
	.block-hero__video iframe{min-height:150vh;min-width: 267vh;}
}
/* Ending Banner Style */

/* Initiating Header Section style */
.block-header{
    width: 100%;
}
.block-header__inner{
    max-width: 50%;
    width: 100%;
}
.block-header__copy{
    max-width: 820px;
    margin-top: 40px;
}
.block-header__inner h3{
    font-family: var(--font-primary) !important;
    letter-spacing: -0.05em;
    font-weight: 200 !important;
}
.block-header--top-space{
    padding-top: 150px;
}
@media (max-width:1199px){
    .block-header__inner{    max-width: 60%;}
    .block-header__copy{margin-top: 24px;}
}
@media (max-width:991px){
    .block-header{padding-top: 50px;}
    .block-header__inner{max-width: 100%;}
}
/* Ending Header Section style */

/* Initiating image with text style */
.block-img-text{
    width: 100%;
    padding: 132px 0;
}
.block-img-text__inner{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.block-img-text__copy{
    width: 50%;
    padding-left: var(--container-left-spacing);
}
.block-img-text__copy h4{
    margin-bottom: 30px;
}
.block-img-text__copy p{
    max-width: 520px;
}
.block-img-text__cta{
    margin-top: 100px;
    display: flex;
    grid-gap: 20px;
}
.block-img-text__img, .block-img-text__img1, .block-img-text__img2 {
    width: 50%;
    aspect-ratio: 1.2;
    position: relative;
    display: inline-flex;
    justify-content: center;
}
.block-img-text__img dotlottie-player{
    position: absolute;
    inset: 0;
	 height: 650px;
	width: 700px; 
}

.block-img-text__img1 dotlottie-player{
    position: absolute;
    inset: 0;
	height: 600px;
	width: 650px; 
}

.block-img-text__img2 dotlottie-player{
    position: absolute;
    inset: 0;
	height: 600px;
	width: 650px; 
}

.block-img-text__img svg, .block-img-text__img1 svg, .block-img-text__img2 svg{
    height: 100% !important;
    width: 100% !important;
}
.block-img-text--reverse .block-img-text__inner{
    flex-direction: row-reverse;
}
.block-img-text--reverse .block-img-text__copy{
    padding-left: 0;
    padding-right: var(--container-left-spacing);
}
.block-img-text--loyaltyRewards{
    padding-top: 180px;
}

@media (max-width:1760px){
    .block-img-text{padding: 112px 0;}
    .block-img-text__cta{margin-top: 80px;}
}
@media (max-width:1399px){
    .block-img-text{padding: 92px 0;}
    .block-img-text__cta{margin-top: 60px;}
		.block-img-text__img dotlottie-player, .block-img-text__img1 dotlottie-player{
    position: absolute;
    inset: 0;
	height: 550px;
	width: 100%;
}
	
	
.block-img-text__img2 dotlottie-player {
	position: absolute;
    inset: 0;
	height: 475px;
	width: 100%;
	}
}
@media (max-width:1199px){
    .block-img-text{padding: 80px 0;}
    .block-img-text__cta{margin-top: 40px;}

}
@media (max-width:991px){
    .block-img-text__copy{width: 100%;}
    .block-img-text__img, .block-img-text__img1, .block-img-text__img2 {width: 100%;}
    .block-img-text__copy p{max-width: 100%}
		.block-img-text__img dotlottie-player, .block-img-text__img1 dotlottie-player{
    position: absolute;
    inset: 0;
	height: auto;
	width: 100%;
}
	.block-img-text__img2 dotlottie-player {
	position: absolute;
    inset: 0;
	height: auto;
	width: 100%;
	}
	
}
@media (max-width:767px){
    .block-img-text__cta a img{max-width: 140px;}
	
}
/* Ending image with text style */

/* Initiating text with slide style  */
.block-text-slide{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    grid-gap: 40px;
	padding-top: 100px;
}
.block-text-slider__left-img{
    max-width: 28.25%;
    width: 100%;
    padding-top: 214px;
}
.block-text-slider__left-img img{
    width: 100%;
}
.block-text-slider__right-img{
    max-width: 28.25%;
    width: 100%;
    padding-top: 50px;
}
.block-text-slider__right-img img{
    width: 100%;
}
.block-text-slider__copy{
    flex: 1;
    text-align: center;
    align-self: center;
}
.block-text-slider__copy h2{
    max-width: 700px;
    margin: 0 auto 60px;
}
@media (max-width:1759px){
    .block-text-slider__left-img{padding-top: 144px;}
    .block-text-slider__right-img{padding-top: 0;}
}
@media (max-width:1399px){
    .block-text-slider__left-img,
    .block-text-slider__right-img{max-width: 26.25%;}
    .block-text-slider__left-img{padding-top: 94px;}
}
@media (max-width:1199px){
    .block-text-slider__left-img,
    .block-text-slider__right-img{max-width: 24.25%;}
    .block-text-slider__left-img{padding-top: 50px;}
    .block-text-slider__copy h2{margin: 0 auto 30px;}
	.block-text-slide {
		padding-top: 130px;
		padding-bottom: 100px;
	}
}
@media (max-width:991px){
    .block-text-slider__left-img{order: 2;padding-top: 0;}
    .block-text-slider__right-img{order: 3;}
    .block-text-slider__left-img,
    .block-text-slider__right-img{max-width: calc(50% - 20px);}
    .block-text-slide{flex-wrap: wrap;grid-gap: 0;}
    .block-text-slider__copy{order: 1;flex: 0 0 100%;padding: 0px 20px 20px;}
}

@media (max-width: 767px) {
	.keyfeatures, .loyaltyrewards, .interactiveplay {
		height: 350px!important;
	}
}

/* Ending text with slide style */

/* Initiating Accordion Style  */
.block-accordion{
    width: 100%;
    padding: 180px 0 150px;
}
.block-accordion__inner{
    max-width: 1261px;
    margin: 0 auto;
}
@media (min-width:1760px){
    .block-accordion__inner h3{
        font-size: 60px;
    }    
}
.accordion{
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-btn-padding-y: 0;
    --bs-accordion-active-bg: transpent;
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23da1a32' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23da1a32' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon-transform:rotate(-90deg);
    --bs-accordion-btn-icon-width: 43px;
    --bs-accordion-border-color:#c3c2c2;
    border-top: 1px solid #c3c2c2;
    border-bottom: 1px solid #c3c2c2;
    --bs-accordion-btn-color: var(--color-blue);
    --bs-accordion-active-color: var(--color-blue);
    margin-top: 50px;
}
.accordion-button{
    font-size: 36px;
    font-weight: 300;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed){
    box-shadow: none;
}
.accordion-body{
    padding-bottom: 0;
    padding-top: 30px;
    max-width: 1020px;
}
.accordion-item{
    padding: 50px 0;
}
@media (max-width:1760px){
    .block-accordion{padding: 130px 0 120px;}
}
@media (max-width:1399px){
    .block-accordion{padding: 100px 0;}
    .accordion-item{padding: 30px 0;}
    .accordion-button{font-size: 30px;}
    .accordion{--bs-accordion-btn-icon-width: 30px;}
}
@media (max-width:1199px){
    .accordion-button{font-size: 26px;}
    .block-accordion{padding: 100px 0 80px;}
    .accordion{margin-top: 30px;}
}
@media (max-width:991px){
    .accordion-button{font-size: 24px;}
}
@media (max-width:991px){
    .accordion-button{font-size: 20px;}
    .accordion{--bs-accordion-btn-icon-width: 20px;}
}
/* Ending Accordion Style  */

/* Initiating Text Full Images style */
.block-text-img-full{
    width: 100%;
    padding: 140px 0 150px;
}
.block-text-img-full__text{
    max-width: 938px;
}
.block-text-img-full__text h2{
    margin-bottom: 25px;
}
.block-text-img-full__cta{
    margin-top: 50px;
    display: flex;
    grid-gap: 20px;
}
.block-text-img-full__img{
    text-align: center;
}
.block-text-img-full__img img{
    max-width: 100%;
}
@media (max-width:1760px){
    .block-text-img-full{padding: 120px 0;}
}
@media (max-width:1399px){
    .block-text-img-full{padding: 100px 0;}
}
@media (max-width:991px){
    .block-text-img-full__img{padding-top: 50px;}
    .block-text-img-full{padding: 80px 0;}
}
@media (max-width:767px){
    .block-text-img-full__cta a img{max-width: 140px;}
}
/* Ending Text Full Images style */

/* Initiating Footer Style */
.block-footer{
    width: 100%;
    padding: 20px 20px 60px;
}
.block-footer__inner{
    max-width: 1254px;
    width: 100%;
    margin: 0 auto;
}
.block-footer__cta{
    display: flex;
    justify-content: center;
    grid-gap: 20px;
    padding-bottom: 40px;
}
.block-footer__top{
    width: 100%;
    padding: 30px 0 20px;
    border-top: 1px solid #c3c2c2;
    text-align: center;
}
.block-footer__top p{
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 40px;
    justify-content: center;
}
.block-footer__top p a{
    color: var(--text-color);
    text-decoration: none;
}
.block-footer__top p a:hover{
    color: var(--color-red);
}
.block-footer__bottom{
    width: 100%;
}
.block-footer__bottom ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 22px;
    align-items: center;
}
.block-footer__bottom ul li:first-child a img{
    width: 50px;
    height: 56px;
}
.block-footer__bottom ul li:not(:first-child) a img{
    width: 30px;
    height: 30px;
}
.block-footer__bottom ul li:not(:first-child) a:hover img{
    filter: brightness(0);
}
@media (max-width:767px){
    .block-footer__top p{grid-column-gap: 20px;grid-row-gap: 10px;}
}
.block-header.block-privacy-block .block-header__inner {
    max-width: 1200px;
    margin: 0 auto;
}
.block-header.block-privacy-block .block-header__inner .block-header__copy {
    max-width: 100%;
}
.block-header.block-privacy-block {
    min-height: calc(100vh - 504px);
}