@font-face {
    src: url("./../font/ebrima.ttf");
    font-family: "Ebmira";
    font-weight: 400;
}
@font-face {
    src: url("./../font/ebrima_bold.ttf");
    font-family: "Ebmira";
    font-weight: 700;
}

@font-face {
    src: url("./../font/impact.ttf");
    font-family: "Impact";
    font-weight: 700;
}
@font-face {
    src: url("./../font/arial_bold.otf");
    font-family: "Arial";
    font-weight: 700;
}
html,
body {
    height: 100%;
    scroll-behavior: smooth;
}
.hero__text-heading-p{
  margin-top: 0rem;
}

body {
    font-family: "Ebmira";
    overflow-x: hidden;
    color: #161616;
}

.container {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
}
.night-font{
    font-family: "Ebrima";
    font-size: 30px;
   font-family: 'Patrick Hand', cursive;
}
.order-btn {
    border: 4px solid white;
    border-radius: 50px;
    padding: 10px 45px;
    background: #a90000;
    color: #ffffff;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5);
    background: #a90000;
    background: -moz-radial-gradient(circle, #a90000 0%, #e80000 32%, #a70000 100%);
    background: -webkit-radial-gradient(circle, #a90000 0%, #e80000 32%, #a70000 100%);
    background: radial-gradient(circle, #a90000 0%, #e80000 32%, #a70000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a90000",endColorstr="#a70000",GradientType=1);
}

.text-blue {
    color: #163ad7;
}

.heading {
    color: #163ad7;
    font-size: 36px;
    font-weight: 700;
    font-family: "Impact";
}

.text {
    font-family: "Embria";
}

.ingredient-img {
    max-height: 200px;
    margin-bottom: 10px;
}

.how-text {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    font-weight: 600;
    font-family: "Embira";
    font-size: 20px;
}

.success-story {
    position: relative;
}
.success-story .sec-head {
    font-family: "Embira";
    font-weight: 600;
}
.success-story .sec-text {
    font-size: 18px;
    font-family: "Embira";
    font-size: 20px;
}
.success-story .logo-img {
    position: absolute;
    top: -50px;
    right: 20px;
}
@media (max-width: 768px) {
    .success-story .logo-img {
        left: 20px;
        top: 20px;
        right: auto;
    }
}
.success-story .logo-img img {
    height: 130px;
}

.rating-stars {
    color: #ffd203;
}

.reviewer__status {
    color: #163ad7;
    margin: 0;
}

.shop-icon {
    height: 80px;
}

.shop-payment {
    position: relative;
}
.shop-payment .logos img {
    max-height: 130px;
    position: absolute;
    top: 10px;
}
.shop-payment .logos .logo-img {
    right: 10px;
}
.shop-payment .logos .best-img {
    left: 10px;
}

.product-intro {
    /* background-image: url("./../img/intro-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 100%; */
}
.product-intro p {
    font-weight: 700;
}
.product-intro .product-image-demo img {
    max-height: 400px;
}

.txt-danger {
    color: #fb0000 !important;
}

.bg-grey {
  background-image: url("./../img/bgr step2 .jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* min-height: 100%; */
    min-height: 100vh;
}

.product-sale .item {
    background: #dbfcfe;
    background: -moz-radial-gradient(circle, #dbfcfe 0%, #80f6fa 50%, #dbfcfe 100%);
    background: -webkit-radial-gradient(circle, #dbfcfe 0%, #80f6fa 50%, #dbfcfe 100%);
    background: radial-gradient(circle, #dbfcfe 0%, #80f6fa 50%, #dbfcfe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbfcfe",endColorstr="#dbfcfe",GradientType=1);
}

.product-sale .item.active {
    position: relative;
    background: #577dbe;
    background: -moz-radial-gradient(circle, #577dbe 0%, #7ef3fa 50%, #537ebf 100%);
    background: -webkit-radial-gradient(circle, #577dbe 0%, #7ef3fa 50%, #537ebf 100%);
    background: radial-gradient(circle, #577dbe 0%, #7ef3fa 50%, #537ebf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#577dbe",endColorstr="#537ebf",GradientType=1);
}

.best-img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-20%, -20%);
}

.product-sale .item {
    height: 200px;
    border-radius: 10px;
    box-shadow: 0 0 15px 15px rgba(0, 0, 0, 0.3);
}

.flex-1 {
    flex: 1;
}

.product__item-img img {
    height: 100px;
}

.product__item-text h3 {
    font-size: 18px;
    font-weight: 700;
    color: #4e42ee;
}

.feature-item {
    padding: 10px 0;
    margin-top: 30px;
}
.feature-item .feature__img {
    padding: 10px;
}
.feature-item .feature__img img {
    max-width: 70px;
    max-height: 70px;
}
.feature-item p {
    font-family: "Embira";
    font-size: 20px;
}

.alert-msg {
    font-size: 20px;
}

.btn-bg {
    background: #de0303;
    background: -moz-linear-gradient(180deg, #de0303 0%, #a70405 50%, #d90303 100%);
    background: -webkit-linear-gradient(180deg, #de0303 0%, #a70405 50%, #d90303 100%);
    background: linear-gradient(180deg, #de0303 0%, #a70405 50%, #d90303 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de0303",endColorstr="#d90303",GradientType=1);
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
}

.final-step p {
    font-size: 20px;
}

.curved-bg {
    background-image: url("./../img/background.png");
    background-size: 100% contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.curved-bg.bg-flowers::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./../img/bg-flower-transparent.png");
    background-size: contain;
    background-repeat: repeat;
    background-position-y: -50px;
    z-index: -1;
}

.blue-bg {
    background-image: url("./../img/flowers.png");
    background-repeat: repeat-x;
    background-position: center;
    background-size: cover;
}

.modal_bg {
    background-image: url("./../img/modal_bg1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 600px;
}

@media (max-width: 992px) {
    .bg-hero,
    .modal_bg {
        background: #f1e5be;
        background: -moz-linear-gradient(43deg, #3e3b7a 0%, #4d7f94 60%, #6cbc5a 100%);
        background: -webkit-linear-gradient(43deg, #3e3b7a 0%, #4d7f94 60%, #6cbc5a 100%);
        background: linear-gradient(43deg, #3e3b7a 0%, #4d7f94 60%, #6cbc5a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1e5be",endColorstr="#9b8259",GradientType=1);
    }

    .hero {
        height: auto !important;
    }

    .review__item {
        margin-bottom: 40px;
    }
}
.navbar .logo img {
    max-height: 70px;
}
.navbar a {
    color: black !important;
}

.hero {
    height: 500px;
    position: relative;
}
.hero .bgs img {
    position: absolute;
    top: 0;
    left: 0;
    height: 700px;
    width: 100%;
}
.hero .bgs img.flowers {
    width: auto;
}
.hero .main-sec {
    position: relative;
    z-index: 1;
}
.hero__text-heading {
    padding: 20px 0;
    font-size: 36px;
    font-family: "Arial";
}
.hero__text-heading-p{
  margin-top: 1rem;
}
.hero__text-heading p {
    margin-bottom: 0 !important;
}
.hero__text-heading .big-text {
    font-family: "Impact";
    font-size: 74px;
}
.hero__text-description {
    max-width: 550px;
    width: 100%;
}
.hero__text-description h5 {
    font-size: 40px;
    font-family: "Ebrima";
    color: #1707e9;
    font-weight: bold;
    text-shadow: 0px 6px 4px rgba(0, 0, 0, 0.23);
    font-weight: 700;
}
.hero__text-description p {
   /* font-size: 18px;
    font-family: "Arial";*/
    color: #1b0e14;
    font-weight: bold;
}
.hero__product {
    max-width: 200px;
}
.hero__product img {
    width: 100%;
}
.hero__modal-img img {
    height: 900px;
    transform: translate(0px, -58px);
}

.about-sec {
    min-height: 500px;
}
.about-opacity {
    padding: 30px 0;
    background-color: rgba(255, 255, 255, 0.9);
}
.about-text {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

.order-countdown-hours,
.order-countdown-minutes,
.order-countdown-seconds {
    background-color: #ff0000;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: 900;
    padding: 10px;
    text-align: center;
    margin: 0;
}
.countdown_box {
    width: auto;
    text-align: center;
}
.counter-area .hour,
.counter-area .minuts,
.counter-area .second {
    /* width: 23%; */
    text-align: center;
    margin-left: 10px;
    /* margin: auto; */
}
.hoursmin_desk p {
    font-size: 15px;
}
.timer-width {
    /* width: 27%; */
    padding-left: 31px;
    text-align: center;
}

/* #footer-timer {
    margin-top: 319px;
    width: 24%;
} */

.counter-area .hour span,
.counter-area .minuts span,
.counter-area .second span {
    width: 40px;
    height: 40px;
    display: block;
    background: linear-gradient(180deg, #fc423f, #72100e);
    /* background-color:red; */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
    margin-left: 10px;
    margin-top: 20px;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

.counter .btn {
    padding: 10px 30px;
    /* background: linear-gradient(180deg, #165f71, #3bbbc0); */
    background-color: red;
    margin-top: 10px;
    border: none;
    border-radius: 25px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}

.position-checkbox {
    top: 5px;
    right: 11px;
}

.user-list {
    height: auto;
    background-image: url("./../img/bgr101.png");
    background-repeat: no-repeat;
    /* background-position: -20px center; */
    background-size: calc(100% + 30px) auto;
}
.pro-img{
  margin-top:30vh
}
@media (max-width: 1024px) {
  .pro-img {
      margin-top: 11vh;
  }
}
@media (max-width: 768px) {
    .padding__mob{
         padding-left:0px!important;
        padding-right:0px!important;
    }
    .heading__mob{
        padding-left:20px!important;
        padding-right:20px!important;
    }
    .row__mob{
        margin-left:0px;
        margin-right:0px;
    }
    .user-list {
        background-image: none;
    }
    .pro-img{
      margin-top:0vh;
    }
    .pro-img img{
      max-width: 82%!important;
    }
    .lose-pro img{
      margin: 0px!important
    }
    .lose-pro{
      margin: auto;
    }
    .hero__text-heading .big-text {
        font-family: "Impact";
        font-size: 37px;
    }
    .product-image-demo{
      max-width: 40%;
      margin: 0 auto;
    }
    .ingredient-img {
        max-height: 200px;
        margin-bottom: 10px;
        max-width: 35%;
    }
    .bg-hero{
      padding-top:0px!important;
    }
    .hero__text-heading {
    padding: 20px 0;
    font-size: 29px;
    font-family: "Arial";
}
.hero__text-heading-p{
  margin-top: 5rem;
}
.center-k{
  text-align: center;
  margin: auto;
  justify-content: center!important;
}

}

@media (max-width: 576px){
        .dnone_btn{
            display: none;
        }
}
 
@media (max-width: 480px){
    p{
        text-align: justify;
    }
    .dnone{
        display: none;
    }
    .small-pic{
        width:70%;
    }
}
@media (max-width: 400px){
    .navbar-brand{
        margin-right:-30px;
    }
    .footer__span{
        display:none;
    }
   .footer__block {
       display:block!important;
       text-align: center;
   }
}