.diwali{
    color: red;
}

html:lang(en) .fr {
  display: none;
}

html:lang(fr) .en {
  display: none;
}

@font-face {
  font-family: 'MisterEarl BT Regular';
  src: url('/themes/tastytheme/src/fonts/mister_earl_bt/mister_earl_bt.woff2') format('woff2'),
  url('/themes/tastytheme/src/fonts/mister_earl_bt/mister_earl_bt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

#diwali-body{
  background-color: #272F6A;
  padding: 1px;
}

/*==== BANNER SECTION ======*/

.diwali-banner-container{
  position: relative;
}

.diwali-buy-now-btn{
  display: block;
  /*width: 220px;*/
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
  margin: auto;
  line-height: 1.2;
}

/*==== END BANNER SECTION ======*/


#diwali-body h2, #diwali-body p{
  font-family: 'MisterEarl BT Regular', 'GTWalsheimBold', 'sans-serif';
  text-align: center;
}

.diwali-header{
  padding-top: 1px;
}

.diwali-header h2, .diwali-hungry-for-more h2{
  color: #FCBC00;
  font-size: 50px !important;
  margin: 40px 0 5px 0;
  padding: 0 15px;
}

.header-paragraph, .diwali-hungry-for-more p{
  color: #ffffff;
  font-size: 30px;
  padding: 0 15px;
  margin: 15px auto 0 auto;
  max-width: 845px;
}

.diwali-video-section{
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 25px;
  background-image: url('/themes/tastytheme/src/images/diwali/video-backround-image.webp');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.video-image-placeholder{
  all: unset;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.video-image-placeholder:focus{
  outline: #FCBC00 2px auto;
}

.diwali-video-section img{
  width: 100%;
  transition: all .2s ease-in;
}

.diwali-video-section img:hover{
  filter: brightness(1.1);
}

.diwali-video-con{
  max-width: 790px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 48%;
}

.diwali-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*=========COUPON =========*/

.diwali-coupon-background{
  background-image: url('/themes/tastytheme/src/images/diwali/Coupon-Banner-Diwali.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.diwali-coupon-con{
  padding: 100px 20px;
  max-width: 460px;
  margin: auto;
}

.coupon-image-con {
  max-width: 420px;
}

img.coupon-image {
  width: 100%;
  display: block;
}

.coupon-body{
  background: #ffffff;
  padding: 1px;
  width: 100%;
  max-width: 530px;
}

.coupon-body p{
  font-size: 45px;
  color: #272F6A;
  margin-top: 35px;
}

.blue-button{
  display: block;
  width: 230px;
  margin: 40px auto;
  color: #FCBC00;
  text-transform: uppercase;
  text-align: center;
  background-image: url('/themes/tastytheme/src/images/diwali/blue-button-diwali.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 40px;
  padding-top: 15px;
  font-family: 'GtWalsheimBold', 'sans-serif' ;
  transition: all .2s ease-in;
}

.blue-button:hover{
  transform: scale(1.01);
  text-decoration: none;
  color: #ffcc4f;
}

.small-text{
  font-size: 16px !important;
  color: #000000 !important;
  font-family: 'newAkzidenz', 'sans-serif' !important;
  margin-bottom: 20px !important;
}

/*======= PRODUCTS SECTION=======*/

.diwali-hungry-for-more{
  padding-bottom: 40px;
  background-color: #272F6A;
  background-image: url('/themes/tastytheme/src/images/diwali/bottom-background-center.webp');
  background-position: bottom center;
  background-size: contain !important;
  background-repeat: no-repeat;
}

sup{
  top: -12px !important;
}
/*======= CAROUSEL ========*/

.carousel-con{
  margin: 100px auto 0 auto;
  max-width: 1000px;
  padding: 0 35px;
}

.diwali-product-img-con{
  max-width: 200px;
  margin: auto;
}

.diwali-product-img{
  max-height: 250px;
  margin: auto;
}

.yellow-button{
  display: block;
  width: 200px;
  margin: 20px auto;
  color: #272F6A;
  text-transform: uppercase;
  text-align: center;
  background-image: url('/themes/tastytheme/src/images/diwali/yellow-button-diwali.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 18px 0;
  font-family: 'GtWalsheimBold', 'sans-serif';
  transition: all .2s ease-in;
}

.yellow-button:hover{
  transform: scale(1.01);
  text-decoration: none;
  color: #222759;
}

.diwali-next{
  width: 38px !important;
  height: 62px !important;
  background-image: url('/themes/tastytheme/src/images/diwali/arrow-right.png') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  transition: all .2s ease-in;
}

.diwali-prev{
  width: 38px !important;
  height: 62px !important;
  background-image: url('/themes/tastytheme/src/images/diwali/arrow-left.png') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  transition: all .2s ease-in;
}

.diwali-next:hover , .diwali-prev:hover{
  filter: brightness(1.2);
}

.diwali-next:focus, .diwali-prev:focus
{
  outline: #FCBC00 2px auto !important;
}

.diwali-next:before, .diwali-prev:before {
  content: none !important;
}

/* ==== MEDIA QUERIES ====*/

@media only screen and (min-width: 360px){
  .diwali-header h2, .diwali-hungry-for-more h2 {
    color: #FCBC00;
    font-size: 70px !important;
    margin: 40px 0 0 0;
  }
}

@media only screen and (min-width: 700px){
  .diwali-video-section{
    padding: 150px 25px;
  }
}


@media only screen and (min-width: 900px){
  .diwali-header{
    background-color: #272F6A;
    background-image: url('/themes/tastytheme/src/images/diwali/lamps-confeti-background-left.webp'),
    url('/themes/tastytheme/src/images/diwali/lamps-confeti-background-right.webp');
    background-position: -30%, 139%;
    background-size: contain !important;
    background-repeat: no-repeat;
  }

  .diwali-hungry-for-more{
    background-color: #272F6A;
    background-image: url('/themes/tastytheme/src/images/diwali/bottom-background-confeti-left.png'),
    url('/themes/tastytheme/src/images/diwali/bottom-background-center.webp'),
    url('/themes/tastytheme/src/images/diwali/bottom-background-confeti-right.png');
    background-position: bottom left, bottom center, bottom right;
    background-size: contain !important;
    background-repeat: no-repeat;
  }
}

@media only screen and (min-width: 1060px){
  .diwali-header{
    background-position: -20%, 130%;
  }

  .diwali-coupon-con {
    display: flex;
    flex-direction: row;
    padding: 145px 20px;
    max-width: 980px;
    margin: auto;
  }

  /*.coupon-body{*/
  /*  width: 720px;*/
  /*  height: 338px;*/
  /*}*/
}

@media only screen and (min-width: 1200px){
  .diwali-header{
    background-position: -5%, 115%;
  }
}

@media only screen and (min-width: 1300px){
  .diwali-header{
    background-position: 0, 105%;
  }
}

@media only screen and (min-width: 1300px){
  .diwali-header{
    background-position: 0, 100%;
  }
}
