.modal-container {position: fixed;display: grid;place-items: center;inset: 0;background-color: rgba(0, 0, 0, 0.651);}
.modal {position: relative;background-color: white;padding: 1rem;border-radius: 5px;}
.modal span {position: absolute;top: -1.5em;right: 0;cursor: pointer;color: white;font-size: 2rem;}
.modal .action {padding-top: 1rem;justify-content: space-between;}
.modal button {width: 45%;padding: 10px;cursor: pointer;font-size: 1.1em;}
.modal-cancel { border: 1px solid grey; background-color: white;}
.modal-ok {background-color: #926a32;color: white;border: none;}
.text-dec{text-decoration: line-through;}
.wt-6{font-weight: 600;}
.ft-12{font-size: 12px !important;}
.ft-13{font-size: 13px !important;}
.ft-14{font-size: 14px !important;}
.ft-15{font-size: 15px !important;}.ft-16{font-size: 16px !important;}.ft-17{font-size: 17px !important;}.ft-18{font-size: 18px !important;}.ft-19{font-size: 19px !important;}.ft-20{font-size: 20px !important;}
.relative{position: relative;}
.topheadbg{background-color: #fffdfa;}
.radius-5 {border-radius: 5px;}
.radius-10 {border-radius: 10px !important;}
.radius-15 {border-radius: 15px !important;}
.radius-20 {border-radius: 20px !important;}
.full-layer-outer-header{border: 1px solid #eee;}
.full-layer-outer-header .icon-img{width: 24px;}
.aboutwrap p{font-size: 16px;}
.vid-bottom{width: 250px;}
.brand-logo{width: 160px;}
.mid-icon-img{width: 24px;}
.indImg{ width: 70px !important;margin-right: 20px;}
.boxh{ height: 145px !important;}
.offer-hed-img{width: 100px;animation: zoom-in-zoom-out 2s ease-out infinite;}
.offer-color{
    font-size: 10px;
    background: #ffe8e8;
    color: red;
    padding: 0 2px;
}
.carousel-control-prev-icon {
  background-image: url('./../img/left-arrow.png') !important;
}
.carousel-control-next-icon {
  background-image: url('./../img/right-arrow.png') !important;
}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 40px !important;height: 40px !important;}
.zoom-in-zoom-out {
  width: 50px;
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.full-layer-outer-header ul{padding: 1px 0;}
.full-layer-outer-header ul li a,i{color: #666;padding: 0 5px;}
.full-layer-outer-header ul.g-dropdown li a{padding: 10px 5px;}
.bg-primary{background: #324194;background-image: linear-gradient(to right, #5c68aa, indigo, #963fb2);}
.primary-color{color: #963fb2 !important;}
.bottom-nav-cat{font-size: 16px !important;font-weight: 600;position: relative;border-radius: 5px 5px 0 0;transition: all .3s ease;color: #fff !important;background: #324194;background-image: linear-gradient(to right, #5c68aa, indigo, #963fb2);}
.special-offer-img{width: 60px;}
.featured-offer-img{width: 80px;}
.special-offer-p{font-size: 13px;margin-bottom: 5px;color: #000;}
.pro-border-right{border-right: 1px solid #DCDCDD !important;}
.featued-sec{background-color: #dfe7f2;}
.offer-tag{padding: 2px 10px;display: inline-block;position: absolute;font-weight: 700;font-size: 11px;line-height: 16px;top: 0;left: 0;z-index: 1;border-radius: 10px 10px 0 10px;background-color: #EF262C;color: #fff;}
.product-sm-6{padding: 20px;border: 2px solid #354095 !important;border-radius: 5px;}
.single-product{color: #333;}
.single-product .inventory_status {font-size: 14px;line-height: 1.5714285714;color: #39b54a;padding: 5px 15px;border-radius: 5px;background: #f4faf6;font-weight: 500;}
.img-viewport{margin-bottom: 10px;border-radius: 5px;border: 1px solid #e2e2e2;}
.img-viewport img{max-height: 350px; object-fit:cover; width: 315px}
.single-product .product_title {font-size: 24px;line-height: 1.3333333333;margin-bottom: 6px;font-weight: 500;color: #000;}
.v-middle{vertical-align: middle;}
.t-dec{text-decoration: line-through;}
.single-pro-about{color: #666;}
.filter ul{padding: 0;}
.filter ul li{padding: 0;list-style: none;}
.topslider .carousel-caption{left: 8%;text-align: left;top: 22%;width: 40%;}
.topslider .rightpos .carousel-caption{right: 0;text-align: left;top: 22%;width: 40%;left: auto;}
.topslider .carousel-caption.right {right: 0;text-align: center;top: 22%;width: 94%;}
.topslider .caption-title{font-size: 40px;font-weight: 900;letter-spacing: 1.5px;}
.topslider .caption-subtitle{font-size: 20px;font-weight: 600;line-height: 30px;letter-spacing: 1.5px;}
.topslider .caption-minititle{font-size: 14px;font-weight: 400;line-height: 30px;letter-spacing: 1.5px;}
.halfad .carousel-caption{left: 8%;text-align: left;top: 10%;width: 40%;}
.halfad .caption-title{font-size: 20px;font-weight: 900;letter-spacing: 1.5px;}
.halfad .caption-subtitle{font-size: 15px;font-weight: 600;line-height: 30px;}
.halfad .caption-minititle{font-size: 13px;font-weight: 400;line-height: 30px;}
.starimg img{width: auto !important;}
.shopbox{box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);border-radius: 4px;background: #fff;}
.pro-list ul li{list-style-type: disclosure-closed;}
.pro-list ul.inline li{display: inline-block;}
.footer-bg{background-color: #fdf8f5;}
.hero-wrap {
  width: 100%;
  height: 100%;
  position: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-image: url('./../img/ph.png');
 }
  .hero-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .3;
    background: #f1453d;
   }
  .hero-wrap.hero-wrap-2 {
    height: 150px; }
    .hero-wrap.hero-wrap-2 .slider-text {
      height: 150px; }
      .hero-wrap.hero-wrap-2 .slider-text .bread {
        font-weight: 900;
        color: #292929; }
      .hero-wrap.hero-wrap-2 .slider-text .breadcrumbs {
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px; }
        .hero-wrap.hero-wrap-2 .slider-text .breadcrumbs span {
          color: #292929;
          border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
          .hero-wrap.hero-wrap-2 .slider-text .breadcrumbs span a {
            color: #292929; }
/*------------------------------------*\
  #SIDEBAR
\*------------------------------------*/

.navbar-side {
    height: 100%;
    max-width: 40rem;
    font-size: 1.6rem;
    position: fixed;
    top: 0;
    right: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    overflow-y: scroll;
    z-index: 1000;
    border-left:1px solid #ccc;
  }
  .closemenu{border: 0;border-radius: 5px;}
    @media (min-width: 320px) {
      .navbar-side {
        width: 80%;
      }
    }
  
 
  .navbar-side-item a {
    font-size: 14px;
  }
    .navbar-side-item {
        padding: 20px 5px 20px 5px;
        border-bottom: 1px solid #e2e2e2;
        text-align: left;
    }
  
    @media (min-width: 320px) and (max-width: 484px) {
  
      .navbar-side {
        width: 85%;
      }
  
  
  
      .navbar-side-item a {
        font-size: 17px;
      }
  
    }
  
  
  
  .navbar-side-item a {
    display: inline-block;
  }
  
  .side-link {
    padding-left: 1.7rem;
    padding-right: 1.2rem;
    color: #333;
  }
  
  .side-link:active,
  .side-link:hover {
    text-decoration: none;
    color: #333;
  }
  
  .navbar-side {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 400ms ease;
    transition: 400ms ease;
  }
  
  .reveal {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: 400ms ease;
    transition: 400ms ease;
  }
  
  .overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background-color: #0000005c;
    opacity: .6;
    z-index: 990;
  }
  
.faq-section {
  background: #fdfdfd;
  min-height: 100vh;
  padding: 10vh 0 0;
}
.faq-title h2 {
position: relative;
margin-bottom: 45px;
display: inline-block;
font-weight: 600;
line-height: 1;
}
.faq-title h2::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 60px;
  height: 2px;
  background: #E91E63;
  bottom: -25px;
  margin-left: -30px;
}
.faq-title p {
padding: 0 190px;
margin-bottom: 10px;
}

.faq {
background: #FFFFFF;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
border-radius: 4px;
}

.faq .card {
border: none;
background: none;
border-bottom: 1px dashed #CEE1F8;
}

.faq .card .card-header {
padding: 0px;
border: none;
background: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
  background: rgba(233, 30, 99, 0.1);
  padding-left: 10px;
}
.faq .card .card-header .faq-title {
width: 100%;
text-align: left;
padding: 0px;
padding-left: 30px;
padding-right: 30px;
font-weight: 400;
font-size: 15px;
letter-spacing: 1px;
color: #3B566E;
text-decoration: none !important;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
padding-top: 20px;
padding-bottom: 20px;
}

.faq .card .card-header .faq-title .badge {
display: inline-block;
width: 20px;
height: 20px;
line-height: 14px;
float: left;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
background: #E91E63;
color: #fff;
font-size: 12px;
margin-right: 20px;
}

.faq .card .card-body {
padding: 30px;
padding-left: 35px;
padding-bottom: 16px;
font-weight: 400;
font-size: 16px;
color: #6F8BA4;
line-height: 28px;
letter-spacing: 1px;
border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
margin-bottom: 14px;
}
.damakpoint ul li{font-weight: 600;}
.damakpoint ul{padding-left: 10px;}
@media (max-width: 991px) {
.faq {
  margin-bottom: 30px;
}
.faq .card .card-header .faq-title {
  line-height: 26px;
  margin-top: 10px;
}

}
.ingredients{
    background: #f7f7f7;
    
}
.ingredients img {
       width: 130px;
           border-radius: 10px;
    }


@media (min-width: 1200px){.container {max-width: 1350px !important;}}