/* @media screen and (max-width: 768px) {
    .HeadTopSection {
    display: none;
    }
} */

/* @media screen and (min-width: 768px) {
    .navbar-brand {
    display: none;
    }
} */


/* Bangla Font */
  @font-face {
    font-family: 'SolaimanLipi';
    src: url('../font/SolaimanLipi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'EkusheyLohit';
    src: url('../font/EkusheyLohit.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'LiAdorNoirritRegular';
    src: url('../font/LiAdorNoirritRegular.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'LiAdorNoirritItalic';
    src: url('../font/LiAdorNoirritItalic.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'LiAdorNoirritSemiBold';
    src: url('../font/LiAdorNoirritSemiBold.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'LiAdorNoirritSemiBoldItalic';
    src: url('../font/LiAdorNoirritSemiBoldItalic.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'LiAdorNoirritBold';
    src: url('../font/LiAdorNoirritBold.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'LiAdorNoirritBoldItalic';
    src: url('../font/LiAdorNoirritBoldItalic.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'HindSiliguri';
    src: url('../font/HindSiliguri-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'HindSiliguri-Medium';
    src: url('../font/HindSiliguri-Medium.ttf') format('truetype');
  }

  @font-face {
    font-family: 'HindSiliguri-Semi';
    src: url('../font/HindSiliguri-SemiBold.ttf') format('truetype');
  }

  @font-face {
    font-family: 'HindSiliguri-Bold';
    src: url('../font/HindSiliguri-Bold.ttf') format('truetype');
  }

  @font-face {
    font-family: 'Alinur-Regular';
    src: url('../font/LiAlinurBoisakhUnicode-Regular.ttf') format('truetype');
  }

  .AlinurRegular{ font-family: 'Alinur-Regular', 'Arial', 'sans-serif'; }
  .SolaimanLipi{ font-family: 'SolaimanLipi', 'Arial', 'sans-serif'; }
  .EkusheyLohit{ font-family: 'EkusheyLohit', 'Arial', 'sans-serif'; }
  .AdorNoirritRegular{ font-family: 'LiAdorNoirritRegular', 'Arial', 'sans-serif'; }
  .AdorNoirritItalic{ font-family: 'LiAdorNoirritItalic', 'Arial', 'sans-serif'; }
  .AdorNoirritSemiBold{ font-family: 'LiAdorNoirritSemiBold', 'Arial', 'sans-serif'; }
  .AdorNoirritSemiBoldItalic{ font-family: 'LiAdorNoirritSemiBoldItalic', 'Arial', 'sans-serif'; }
  .AdorNoirritBold{ font-family: 'LiAdorNoirritBold', 'Arial', 'sans-serif'; }
  .AdorNoirritBoldItalic{ font-family: 'LiAdorNoirritBoldItalic', 'Arial', 'sans-serif'; }
  .HindSiliguri{ font-family: 'HindSiliguri', 'Arial', 'sans-serif'; }
  .HindSiliguriMedium{ font-family: 'HindSiliguri-Medium', 'Arial', 'sans-serif'; }
  .HindSiliguriSemi{ font-family: 'HindSiliguri-Semi', 'Arial', 'sans-serif'; }
  .HindSiliguriBold{ font-family: 'HindSiliguri-Bold', 'Arial', 'sans-serif'; }
/* Bangla Font */

.bg-bitroot
{
  background-color: #9b0037;
}

.text-bitroot
{
  color: #9b0037;
}

.bg-molasses
{
  background-color: #642d0a;
}

.text-molasses
{
  color: #642d0a;
}

.text-gold
{
  color: #d19f19!important;
}


.bg-molasses-75 {
  background-color:rgba(210, 245, 230, 0.7);
}

.bg-chalghor-red-75 {
  background-color:rgba(255, 220, 220, 0.7);
}

.border-molasses {
  border-color: #642d0a !important;
}

  @media (max-width: 768px) {
	.mfs-8 { font-size: 0.5rem; }
	.mfs-9 { font-size: 0.55rem; }
	.mfs-10 { font-size: 0.625rem; }
	.mfs-11 { font-size: 0.688rem; }
	.mfs-12 { font-size: 0.75rem; }
	.mfs-13 { font-size: 0.813rem; }
  }
  
  @media (min-width: 768px) {
	.mfs-8 { font-size: 0.625rem; }
	.mfs-9 { font-size: 0.688rem; }
	.mfs-10 { font-size: 0.75rem; }
	.mfs-11 { font-size: 0.813rem; }
	.mfs-12 { font-size: 0.813rem; }
	.mfs-13 { font-size: 0.875rem; }
	
  }
  
  .mfs-14 { font-size: 0.875rem; }
  .mfs-15 { font-size: 0.938rem; }
  .mfs-16 { font-size: 1rem; }
  .mfs-18 { font-size: 1.125rem; }
  .mfs-20 { font-size: 1.25rem; }
  .mfs-22 { font-size: 1.375rem; }
  .mfs-24 { font-size: 1.5rem; }
  .mfs-26 { font-size: 1.625rem; }
  .mfs-32 { font-size: 2rem; }
  .mfs-40 { font-size: 2.5rem; }
  
  .ltr_space_1 {letter-spacing: 1px;}
  .ltr_space_2 {letter-spacing: 2px;}
  .ltr_space_3 {letter-spacing: 3px;}
  
  .mouse-pointer {cursor: pointer;}
  
  
  .m-t-18 {margin-top:16px!important;}
  .m-t-20 {margin-top:20px!important;}
  .m-t-23 {margin-top:23px!important;}
  .m-t-25 {margin-top:25px!important;}
  .m-t-27 {margin-top:27px!important;}
  .lh_100 {line-height: 100%!important;}
  .lh_115 {line-height: 115%!important;}
  .lh_150 {line-height: 150%!important;}


  .w-47 {
    width: 47% !important;
  }

  @media (min-width: 768px) {
    .w-md-30 {
      width: 30%!important;
    }

    .w-md-70 {
      width: 70%!important;
    }

    .w-md-32 {
      width: 32%!important;
    }

    .w-md-32px {
      width: 32px!important;
    }

    .h-md-32px {
      height: 32px!important;
    }

    .mfs-md-48 { font-size: 2.6rem; }
  }

  .counter{
    display: flex;
    gap: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}

  .timerbox{
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 5px;
    min-width: 60px;
  }


  .iframecontainer {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .opacity-0 {
    opacity: 0 !important;
  }
  
  .opacity-25 {
    opacity: 0.25 !important;
  }
  
  .opacity-50 {
    opacity: 0.5 !important;
  }

  .opacity-60 {
    opacity: 0.6 !important;
  }
  
  .opacity-75 {
    opacity: 0.75 !important;
  }
  
  .opacity-85 {
    opacity: 0.85 !important;
  }
  
  .opacity-90 {
    opacity: 0.9 !important;
  }
  
  .opacity-100 {
    opacity: 1 !important;
  }


  .dropdown-item {
	color: #fff;
  }
  .dropdown .dropdown-menu {
	display: none;
	background: #212529;
  }
  .dropdown:hover>.dropdown-menu, 
  .dropend:hover>.dropdown-menu {
	display: block;
	margin-top: .1em;
	margin-left: .1em;
  }

  @media screen and (min-width:769px) {
    .dropend:hover>.dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
    }
    .dropend .dropdown-toggle {
      margin-left: .5em;
    }
  }



.whatsapp_main5
{
  width: 55px!important;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 5px 0px 0px 5px;
  position: fixed;
  bottom: 10px!important;
  right: 0px!important;
  text-align: right;
  z-index: 1000!important;
}

.SocialMediaIcons
{
  display: block!important;
  margin-right: 10px;
  font-size: 20px;
}


.ribbon-wrapper{
  width: 85px;
  height: 83px;
  overflow: hidden;
  position: absolute;
  top: -2;
  right: 13px;
  z-index: 1000;
}

.ribbon-text{
  color:#fff;
  text-align: center;
  transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #642d0a;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}


/* Product Preview Div top Image */
.prod_prvw {
	padding: 5px;
	border-radius: 10px;
	background-color: #f5faff;
	border: 1px solid #e1e6eb;
	position: relative;
}


.cart_prod_img_prvw {
	border-radius: 5px;
	width: 100%;
	display: block;
	margin: auto;
}


.prod_img_prvw {
	border-radius: 10px;
	width: 100%;
	display: block;
	margin: auto;

}

.prod-sts-badge {
	width:150px;
	font-size: 17px;
	top:0;
	left:0;
	position: absolute;
	background: rgba(0,0,0,0.6);
	color: #fff;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 5px;
}

.prod-sts-badge-single {
	width:150px;
	font-size: 15px;
	font-weight:bold;
	background: rgba(245,100,90,0.6);
	color: #000;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 7px;
	text-align: center;
	margin-top:10px;
	margin-bottom: 25px;
}



/* Product Preview Div top Image */

/* Product Review Star css for dynamic echo */
.stars-outer {
  position: relative;
  display: inline-block;
font-size:11px;

}

.stars-inner {
  position: absolute;
  top: 0;
  left: 0;
font-size:11px;
  overflow: hidden;
  width: 0;

}

.stars-outer::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-family: FontAwesome;
  font-size:11px;
  font-weight: 900;
  color: #ccc;
  letter-spacing: 3px;

}

.stars-inner::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-family: FontAwesome;
  font-size:11px;
  font-weight: 900;
  color: #ffc80f;
  letter-spacing: 3px;

}


input.star{
  display: none;
}

label.star {
  float: right;
  padding: 5px;
  padding-top:0px!important;
  font-size: 25px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content:'\f005';
  color: #ffc80f;
  transition: all .25s;
}


input.star-5:checked ~ label.star:before {
  color:#ffc80f;
  text-shadow: 0 0 20px #fff;
}

input.star-1:checked ~ label.star:before {
  color: #F62;
}


label.star:before{
  content:'\f006';
  font-family: FontAwesome;
  cursor: pointer;
}

div.stars{
  width: 175px;
  display: inline-block;
  text-align:left!important;
}
/* Product Review Star css for dynamic echo */