:root{
  --var-c-width: 500px;
}
body {
  margin: 0;
  padding: 0;
}
* {
  font-family: 'Prompt', sans-serif;
}
.cursor-pointer {
  cursor: pointer;
}
.banner-bar {
  height: 100px;
  padding: 5px;
}
.carousel-image {
  max-width: 100%;
  width: 100%;
}
.hair-line {
  width: 100%;
  border-bottom: 1px solid #aaaaaa;
}
.icon img {
  width: 30px;
}
.logo {
  width: 230px;
}
.logo-7-11 {
  width: 30px;
  height: 30px;
  margin: 0 5px;
}
.video-box {
  width: 95%;
  height: 246px;
  margin-bottom: 10px;
}
.font-medium {
  font-weight: 400 !important;
}
.title-font {
  font-size: 25px; 
  font-weight: 900;
}
.title-bar {
  height: 100px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
   /* text-shadow:
       3px 3px 0 #aaaaaa,
     -1px -1px 0 #aaaaaa,  
      1px -1px 0 #aaaaaa,
      -1px 1px 0 #aaaaaa,
       1px 1px 0 #aaaaaa; */
}
.h-100px {
  height: 100px;
}
.background-pink{
  -webkit-text-stroke: 1px #C8101C;
  background-color: #FC8CBA;
}
.background-lemon{
  -webkit-text-stroke: 1px #F6931C;
  background-color: #FBCE1B;
}
.color-green {
  color: #8DC641 !important;
}
.color-back {
  color: #000000;
}
.carouselExampleIndicators2 {
  width: 100%;
  max-width: var(--var-c-width);
  overflow: hidden;
}
.carousel2-img {
  width: 100%;
  max-width: var(--var-c-width);
}
.buy-btn {
  width: 100%;
  height: 70px;
  background-color: #8DC641;
  border: 0;
  color: #ffffff;
  position: fixed;
  font-size: 25px;
  left: 0;
  bottom: 0;
}
@media (min-width: 768px) { 
  .video-box {
    height: 315px;
    width: 80%;
  }
  .h-md-100 {
    height: 100%
  }
 }