.heading-subtext {
  position: relative;
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: center;
  padding-bottom: 15px;

}
.heading-subtext::after {
  content: "";
  position: absolute;
  display: flex;
  margin: auto;
  width: 45%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--primary-color);

}
/* incentives */
.incentives {
  position: relative;
  background-color: #fff8f6;
  padding: 20px 0;
  color:#fff;
}
.incentives .box{
  position: relative;
  background-color: #f6623e;
  border:1px dotted #fff;
  border-radius: 10px;
  padding: 30px 20px ;
}
.incentives .box::before{
  position: absolute;
  content:'';
  background: url('../images/pngtree-a-red-bow.png') center no-repeat;
  width: 200px;
  height: 100px;
  top: -40px;
  object-fit: cover;
  background-size: 70%;
  left: 50%;
  transform: translateX(-50%);
}
.incentives__title{
  text-align: center;
  font-size: 3.5rem;
  color: #fff;
  line-height: 4rem;
  letter-spacing: 7px;
  font-weight: 700;
  text-transform: uppercase;
  animation: blur .75s ease-in-out infinite alternate;
  text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
}
@keyframes blur {
  from {
    text-shadow:0px 0px 5px #fff,
      0px 0px 5px #fff, 
      0px 0px 5px #fff,
      0px 0px 5px #fff,
      0px 0px 7px #fff,
      0px 0px 7px #fff,
      0px 0px 7px #fff,
      0px 0px 10px #fff,
      0px 0px 15px #fff,
      0px 0px 15px #fff,
      0px 0px 15px #7B96B8,
      0px 0px 10px #7B96B8,
      0px 5px 10px #7B96B8,
      0px 5px 10px #7B96B8,
      0px 5px 10px #7B96B8,
      0px 5px 10px #7B96B8,
      0px -10px 10px #7B96B8,
      0px -10px 10px #7B96B8;
  }
}

.incentives__text{
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.continer {

  border-radius: 8px;
  color: #fff;
  width: 100%;
  margin: auto;
  box-shadow: 0 5px 50px rgba(0, 0, 0, 0.2);
}

.continer label {
  display: block;
  ;
}

.counter {
  display: flex;
  padding: 25px;
  margin: 25px 0 15px 0;
  background-color: #000;
  font-weight: 700;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  min-height: 80px;
}

.counter div {
  display: inline-block;
}

.counter .days,
.counter .hours,
.counter .minutes,
.counter .seconds {
  width: 100%;
  text-align: center;
}

.hours::before,
.minutes::before,
.seconds::before {
  content: ":";
  float: left;
  font-size: 20pt;
  position: relative;
  margin-top: 10px;
  opacity: 0.7;
  animation: pink 1s ease-in-out infinite;
}

.counter .value {
  display: block;
  font-size: 3.6rem;
  line-height: 3.6rem;
  width: 100%;
  display: block;
}

.counter span {
  font-size: 8pt;
  opacity: 0.8;
  width: 100%;
  display: block;
}

@keyframes pink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
.d-flex {
  display: flex;
}

.mar-t-1 {
  margin-top: 25px;
} 

.text-center {
  text-align: center;
}

.gift-card {
  border-radius: 10px;
  background: #fafafa;
  width: 100%;
  color: #3d3d3d;
  display: flex;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  margin-top: 50px; 
}

.gift-card__image {
  position: relative;
  display: block;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  flex: 1;
  max-width: 75px;
  background-size: cover;
  background-image: url('../images/slider3-image.png');
}
.gift-card__image::before{
  content: 'HOT';
  position: absolute;
  top: 10px;
  right: 10px;
  height: 35px;
  width: 35px;
  color:#fff;
  background: red;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: 600;
  animation: rotate-in-center 1.2s linear infinite alternate;
}
@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}

.gift-card__content {
  padding: 20px 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.gift-card__msg {
  font-size: 10px;
  display: block;
  margin-top: 10px;
}

.gift-card__details {
  margin-top: auto;
  align-items: center;
  line-height: 1;
}

.gift-card__code {
  display: inline-block;
  background: white;
  color: black;
  padding: 10px 13px;
  margin-top: 20px;
  font-size: 1.6rem;
  border: 1px solid #e3e3e3;
}

.gift-card__heading {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
}
.gift-card__amount-remaining {
  font-size: 14px;
  margin-top: 7px;
}
.incentives__img{
  width: 100%;
   -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.button-register{
  position: absolute;
  bottom: -20px;
  display: flex;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}
.button-register .btn-primary{
  background: yellow;
  border-radius: 40px;
  color:black
}
/* incentives */
/* form contact  */


.form-contact {
  width: 100%;
  justify-content: center;
  margin: auto;
  padding: 30px;
  /* background: url('../images/intro-bg.jpg'); */
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
}

.form-contact__img {
  display: flex;
  width: 250px;
  object-fit: cover;
  margin: auto;
  animation: foot-bg-animation 1.2s ease-in infinite alternate;
}

@keyframes foot-bg-animation {
  from {

    transform: translateY(20px);
  }

  to {

    transform: translateY(0);
  }
}


/* mobile & tablet */
@media (max-width: 1023px) {
  :root{
    
  }
      .hide-on-mobile-tablet{
          display: none;
      }
      .shop-title.mobile{
          display: none;
      }
      .banner__content-heading {
          font-size: 3.6rem;
          line-height: 4.2rem;
      
      }
      .banner .btn-primary{
          margin-top: 10px;
      }
      .heading-title {
      font-size: 2.6rem;
      }
      .service-slide__content-heading{
          font-size: 3rem;
          line-height: 4rem;
      }
      .service-slide__content{
          padding: 0 10px 0 20px;
          text-align: center;
      }
      .service-slide__content-subtext {
          font-size: 1.5rem;
        
      }
      .service-slide__content-heading.text-primary{
          font-size: 2rem;
          margin: 0;
      }
      .service-slide__content-descriptions{
          line-height: 2.6rem;
          margin-bottom: 10px;
      }
      
  }
  /* tablet */
  @media (min-width:740px) and (max-width:1023px){
      :root{
         
      }
      .blog-height{
          height:auto;
      }
      .container-fluid{
          margin:  auto;
      }
      .category-fuild{
          display: none;
      }
      .hide-on-tablet{
          display: none;
      }
     
     .mt-4{
      margin-top: 40px;
     }
     
     
  }
  @media(max-width:739px){
      :root{
          --header-height:54px;
          --navbar-height:0px;
      }
      .grid.wide {
          padding-left: 15px;
          padding-right: 15px;
      }
      .hide-on-mobile{
          display: none;
      }
      .banner__img {
        object-fit: cover;
        position: relative;
        height: 280px !important;
        width: 100%;
    }
      .banner__date{
        font-size: 1.6rem;
      }
      .banner__content-subtext {
          font-size: 1.6rem;
          line-height: 2.2rem;
       
      }
      .banner__content-heading {
          font-size: 2.6rem;
          line-height: 3.2rem;
      }
      .service-item__heading {
          padding: 5px;
          font-size: 1.4rem;
         
      }
      .button-register{
        position: relative;
      }
      .button-register .btn-primary {
        background: yellow;
        border-radius: 40px;
        display: flex;
        margin: auto;
    }
      .btn-primary{
          margin-bottom: 20px;
      }
      .service-item {
          margin-top: 30px;
         
      }
     
      .container, .container-fluid {
          margin-top: 0;
          margin-bottom: 0px;
      }
     .mt-20{
      margin-top: 20px;
     }
      }