/* start offer css */
p {
  color: #141414;
}
h1,
h2,
h3,
span,
li {
  color: #141414;
}
@media (min-width: 992px) {
  .navbar-light .navbar-nav .nav-link {
  color: #000 !important;
 }
}

.offer-bg {
  background-image: url(../img/offer/Main-BG.webp);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-upper {
  background-image: url(../img/offer/Banner-up-section.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-lower {
  background-image: url(../img/offer/Banner-lower-section.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.faq-bg {
  background: linear-gradient(270deg, #f0ffe9 0%, #f7f5fe 100%);
}
.count-down {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.count-down .flipdown {
  margin: auto;
  margin-top: 10px;
}
.count-down h1 {
  text-align: center;
  font-weight: 400;
  font-size: 3em;
  margin-top: 0;
  margin-bottom: 10px;
}
@media (max-width: 550px) {
  .count-down {
    width: 100%;
  }
  .count-down h1 {
    font-size: 2.5em;
  }
}
.glow-text {
  animation-name: glow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes glow {
  from {
    text-shadow: 0px 0px 5px #fff, 0px 0px 5px #297e04;
  }
  to {
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #297e04;
  }
}
.flipdown.flipdown__theme-dark .rotor-group-heading:before {
  color: #000 !important;
}
/* end offer css */
.features-card {
  border-radius: 16px;
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  cursor: default;
  position: relative;
  overflow: hidden;
  transition: transform 2s ease, opacity 1s ease-in-out;
}

.features-card .header .features-img {
  width: 94%;
  height: 200px;
  margin: 8px;
  border-radius: 16px;
  transition: transform 2s ease, opacity 1s ease-in-out;
}

.img-bg1 {
  background-color: #fff0e4;
}

.overlay-color1 {
  background-color: #fff0e4;
}

.features-img img {
  position: absolute;
  right: 0;
  left: 0;
  top: 13px;
  bottom: 0;
  margin: 0 auto;
}

.features-card .body {
  padding: 1rem;
  transition: all 0.5s ease;
  color: #3d405b;
  position: relative;
  text-align: center;
}

.features-card .overlay {
  width: 94%;
  height: 200px;
  margin: 8px;
  border-radius: 16px;
  position: absolute;
  transition: transform 1s ease, opacity 0.4s ease-in-out;
}

.features-card:hover .overlay {
  transform: scale(20);
  transition: transform 2s ease, opacity 0.4s ease-in-out;
}

.img-bg1 {
  background-color: #fff0e4;
}

.overlay-color1 {
  background-color: #fff0e4;
}

.img-bg2 {
  background-color: #ecffe3;
}

.overlay-color2 {
  background-color: #ecffe3;
}

.img-bg3 {
  background-color: #e1fffa;
}

.overlay-color3 {
  background-color: #e1fffa;
}

.img-bg4 {
  background-color: #f1f1f1;
}

.overlay-color4 {
  background-color: #f1f1f1;
}

.img-bg5 {
  background-color: #fbe7f0;
}

.overlay-color5 {
  background-color: #fbe7f0;
}

.img-bg6 {
  background-color: #e7f4fd;
}

.overlay-color6 {
  background-color: #e7f4fd;
}

.img-bg7 {
  background-color: #e4ecfa;
}

.overlay-color7 {
  background-color: #e4ecfa;
}

.img-bg8 {
  background-color: #eee2fa;
}

.overlay-color8 {
  background-color: #eee2fa;
}

.img-bg9 {
  background-color: #dbeef4;
}

.overlay-color9 {
  background-color: #dbeef4;
}

.img-bg10 {
  background-color: #e6f2e0;
}

.overlay-color10 {
  background-color: #e6f2e0;
}

.img-bg11 {
  background-color: #f1e2da;
}

.overlay-color11 {
  background-color: #f1e2da;
}

.img-bg12 {
  background-color: #f3f3da;
}

.overlay-color12 {
  background-color: #f3f3da;
}
.text-gradient-2 {
  background-image: linear-gradient(90deg, #34ff2e 0%, #ff0606fc 100%);
}
.pos-app-bg {
  background-image: url(../img/products/restaurant-pos-software/app-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rounded-50 {
  border-radius: 50px;
}
.custom-btn1 {
  color: #fff;
  background-color: #f90101;
  border-color: #f90101;
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
  border: 0;
}
.custom-btn1:hover {
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
}
.testimonial-player .plyr--fullscreen-enabled [data-plyr="fullscreen"] {
  display: none !important;
}
.testimonial-player .plyr__poster {
  left: -1px !important;
}

@media (min-width: 992px) {
  .testimonial-player {
    position: absolute;
    top: 50%;
    right: 0;
    width: 62%;
    height: auto;
    transform: translateY(-50%);
    z-index: 2;
    border-radius: 8px;
  }
}
@media (max-width: 991px) {
  .testimonial-player {
    top: 100%;
    right: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50% -50%);
    z-index: 2;
  }
  .testimonial-player .plyr {
    border-radius: 0px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
}
@media (min-width: 768px) {
  .client-carousel .owl-nav button.owl-prev {
    left: -2.4rem;
    font-size: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 0;
    background: #00a653;
    color: #fff;
  }
  .client-carousel .owl-nav button.owl-next {
    right: -2.4rem;
    font-size: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 0;
    background: #00a653;
    color: #fff;
  }
}
.plan-title-1 {
  font-size: 4em;
  font-weight: 900;
  line-height: 65px;
  margin: 0 auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
  background-color: #09a91f;
  background-repeat: no-repeat;
  background-attachment: cover;
  background-position: center center;
  background-size: cover;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3), -5px -5px 5px rgba(200, 200, 200, 0.3);
}
.plan-title-2 {
  font-size: 4em;
  font-weight: 900;
  line-height: 65px;
  margin: 0 auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.1);
  background-color: #b11010;
  background-repeat: no-repeat;
  background-attachment: cover;
  background-position: center center;
  background-size: cover;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3), -5px -5px 5px rgba(200, 200, 200, 0.3);
}
.plan-bg-1 {
  background: linear-gradient(178deg, #43a85c 11.2%, #128140 114.64%);
}
.plan-bg-2 {
  background: linear-gradient(178deg, #054f7c 11.2%, #273677 114.64%);
}
.price-duration:before {
  content: "/";
  padding-right: 2px;
  padding-left: 1px;
}

@media (min-width: 1600px) {
  .plan-font-size ul li {
    font-size: 14px;
    padding-top: 3px;
  }
  .plan-font-size .price-duration,
  .plan-font-size .price-currency,
  .plan-font-size .invoice-limit {
    font-size: 15px;
  }
  .plan-font-size .price-value {
    font-size: 40px;
  }
  .plan-duration {
    position: absolute;
    top: 45px;
    bottom: 0;
    left: -50px;
    color: #fff;
    background-color: #f3961e;
    font-size: 13px;
    rotate: 90deg;
    height: 30px;
    padding: 5px 7px;
    border-radius: 7px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .plan-font-size ul li {
    font-size: 14px;
    padding-top: 2px;
  }
  .plan-font-size .price-duration,
  .plan-font-size .price-currency,
  .plan-font-size .invoice-limit {
    font-size: 12px;
  }
  .plan-font-size .price-value {
    font-size: 34px;
  }
  .plan-duration {
    position: absolute;
    top: 45px;
    bottom: 0;
    left: -50px;
    color: #fff;
    background-color: #f3961e;
    font-size: 13px;
    rotate: 90deg;
    height: 30px;
    padding: 5px 7px;
    border-radius: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .plan-font-size ul li {
    font-size: 12px;
  }
  .plan-font-size .price-duration,
  .plan-font-size .price-currency,
  .plan-font-size .invoice-limit {
    font-size: 12px;
  }
  .plan-font-size .price-value {
    font-size: 30px;
  }
  .plan-duration {
    position: absolute;
    top: 33px;
    bottom: 0;
    left: -42px;
    color: #fff;
    background-color: #f3961e;
    font-size: 10px;
    rotate: 90deg;
    height: 25px;
    padding: 5px 7px;
    border-radius: 7px;
  }
}
.icon-list.bullet-bg li {
  padding-left: 1.2rem !important;
}
.plan-color-1 {
  color: #00537c !important;
}
.plan-color-2 {
  color: #40b54a !important;
}
.plan-color-3 {
  color: #d61e26 !important;
}
.starter-bg {
  background-color: #e1e8ed;
}
.mild-bg {
  background-color: #e5eee9;
}
.spicy-bg {
  background-color: #efece4;
}
.flipdown.flipdown__theme-dark .rotor-leaf-front {
  color: #ffffff;
  background-color: #006623 !important;
}
.flipdown.flipdown__theme-dark .rotor-leaf-rear,
.flipdown.flipdown__theme-dark .rotor-bottom {
  color: #efefef;
  background-color: #a50000 !important;
}

/* Rotor tops */
.flipdown.flipdown__theme-dark .rotor,
.flipdown.flipdown__theme-dark .rotor-top,
.flipdown.flipdown__theme-dark .rotor-leaf-front {
  color: #ffffff;
  background-color: #006623 !important;
}
@media (max-width: 550px) {
  .flipdown .rotor,
  .flipdown .rotor-leaf,
  .flipdown .rotor-leaf-front,
  .flipdown .rotor-leaf-rear,
  .flipdown .rotor-top,
  .flipdown .rotor-bottom,
  .flipdown .rotor:after {
    width: 28px !important;
  }
}