.progress{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem;}
.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s ease}
.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}
.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}
.tags-input-wrapper{
    background: transparent;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #ccc
}
.tags-input-wrapper input{
    border: none;
    background: transparent;
    outline: none;
    width: 140px;
    margin-left: 8px;
}
.tags-input-wrapper .tag{
    display: inline-block;
    background-color: #fa0e7e;
    color: white;
    border-radius: 40px;
    padding: 0px 3px 0px 7px;
    margin-right: 5px;
    margin-bottom:5px;
    box-shadow: 0 5px 15px -2px rgba(250 , 14 , 126 , .7)
}
.tags-input-wrapper .tag a {
    margin: 0 7px 3px;
    display: inline-block;
    cursor: pointer;
}
.tags-input-wrapper .tagblue{
    display: inline-block;
    background-color: #0069d9;
    color: white;
    border-radius: 40px;
    padding: 0px 3px 0px 7px;
    margin-right: 5px;
    margin-bottom:5px;
    box-shadow: 0 5px 15px -2px #0069d9;
}
.tags-input-wrapper .tagblue a {
    margin: 0 7px 3px;
    display: inline-block;
    cursor: pointer;
}
.play-icon-list{
    opacity: 0;
}
.img-list{
    height: 320px;
}
.img-list:hover .play-icon-list {
    opacity: 1;
  }
.play-icon-top-list{
    opacity: 0;
}
.img-list-top:hover .play-icon-top-list {
    opacity: 1;
}
.count-down-text{
	text-align: center;
	margin: 20px auto;
	width: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
}
.day-count{
	width: 10%;
	margin: 0 2%;
	color: #000000;
	border-radius: 5px;
	padding: 10px 0;
	box-shadow: 1px 1px 8px #ebebeb;
	font-size: 24px;
	font-weight: bold;
}
.day-count span{
	font-size: 18px;
	font-weight: normal;
}
.bank-img{
	width: 80px;
	margin: 0 auto;
}
.package-popular{
	position: absolute;
	background-color: #0000ff;
	color: #FFFFFF;
	font-size: 14px;
	width: 75px;
	height: 75px;
	border-radius: 100px;
	padding-top: 15px;
	margin-top: -20px;
	margin-left: -20px;
    text-align: center;
    font-weight: bold;
	transform: rotate(-10deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-10deg);
  /* Firefox */
  -moz-transform: rotate(-10deg);
  /* IE */
  -ms-transform: rotate(-10deg);
  /* Opera */
  -o-transform: rotate(-10deg);
}
.custom-map-control-button {
    background-color: #fff;
    border: none;
    outline: none;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    cursor: pointer;
    margin: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
}

.custom-map-control-button:hover {
    background-color: #e8e8e8;
}
.scroll-y{
	overflow-y: scroll;
    overflow-x: none;
}
/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.scroll-y::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for other browsers (Firefox, IE, Edge) */
.scroll-y {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
}
.gradient-text {
    background: linear-gradient(90deg, #4fbda0 0%, #7f84ec 30%, #fd99cb 60%, #FF9671 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
#customAudioPlayer {
    display: none;
}
.customAudioPlayer {
    display: none;
}
@media (max-width: 640px) and (min-width: 320px)  {
}