/* start pos software css  */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #2e2e2e;
}
.pos-software-hero-bg {
  /* background-image: url(../img/products/Restaurant-pos-software/pos-software-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; */
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(237, 255, 238, 1) 31%);
}
.pos-software-exceptional-bg {
  background: linear-gradient(360deg, rgb(255 255 255 / 0%) 0%, rgb(237 255 238 / 70%) 31%);
}
.pos-app-bg {
  background-image: url(../img/products/restaurant-pos-software/app-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-position-top {
  background-position: top !important;
}
.bg-solid-1 {
  background-color: #121a0f;
}
.bg-solid-2 {
  background: #090909;
}
.bg-solid-3 {
  background: #f5fff3;
}
.bg-solid-4 {
  background: #fbfbfb;
}
.bg-solid-5 {
  background: #090909;
}
.bg_white_smoke {
  background-color: #f2f4f3 !important;
}
.bg-gradient-1 {
  background: linear-gradient(0deg, #02ab45 0.27%, #2a5f15 25.43%, rgba(0, 0, 0, 0.3) 55.68%);
}
.bg-gradient-2 {
  background: linear-gradient(180deg, #e6d7ff 0%, #f2f4f3 81.93%);
}
.bg-gradient-3 {
  background: linear-gradient(0deg, #d3f3ff 0%, #f2f4f3 80.41%);
}
.bg-gradient-4 {
  background: linear-gradient(180deg, #bce6a2 0%, #f2f4f3 78.26%);
}
.bg-gradient-5 {
  background: linear-gradient(0deg, #ffcf6d 0%, #f2f4f3 73.6%);
}
.module-bg {
  border-width: 1px;
  border: 1px solid rgb(189 191 195);
  background: linear-gradient(180deg, rgb(252 255 251) 0%, rgb(175 185 213 / 30%) 100%);
  width: 100%;
  opacity: 1;
  border-radius: 16px;
  box-shadow: rgba(255, 255, 255, 0.157) 0px 0.301094px 1.50547px -1.08333px inset, rgba(255, 255, 255, 0.145) 0px 1.14427px 5.72133px -2.16667px inset, rgba(255, 255, 255, 0.086) 0px 5px 25px -3.25px inset;
}
.text-gradient-1 {
  background-image: linear-gradient(90deg, #22ca00 0%, #02ab45 100%);
}
.text-gradient-2 {
  background-image: linear-gradient(90deg, #66e662 0%, #c8dc5b 100%);
}
.text-color-1 {
  color: #a3a3a3;
}
.text-color-2 {
  color: #575757;
}
.overlay3 {
  background: linear-gradient(177.48deg, rgba(9, 9, 9, 0.5) -3.62%, rgba(63, 106, 42, 0.5) 43.86%, rgba(2, 171, 69, 0.5) 97.89%);
}
.shaoww2 {
  box-shadow: 0px 9px 24px 0px #ffffff26 inset;
}
.rounded-30 {
  border-radius: 30px;
}
.client-carousel .item-inner {
  height: 150px;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 15px;
  padding: 0;
}

.client-carousel .item-inner img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 15px;
}
@property --a {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

body {
  --b: 3px;
  --m: 2;
}

.glow-box svg[aria-hidden="true"] {
  position: fixed;
}

.glow-img {
  box-sizing: border-box;
  border: solid var(--b) #0000;
  border-radius: 15px;
  background: repeating-conic-gradient(from var(--a, 0deg), var(--l, #0000 0% 70%, #0000ff7f)) border-box;
  filter: var(--f, url(#glow-0));
  animation: a 2s linear infinite;
}
.glow-img {
  display: block;
  --f: url(#glow-1);
  --l: #6cedb194, #b2f7ef99, #acff99a1, #d6f7e3a6, #9dd791a8, #7bf2b6a6;
}

@keyframes a {
  to {
    --a: 1turn;
  }
}
.rounded-50 {
  border-radius: 50px;
}

.pos-item {
  background-color: #000000;
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
  border-radius: 10px;
  transition: all 0.2s linear;
  color: #000;
}
.pos-item:hover {
  transition: all 0.2s linear;
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
  background-color: #02ab45;
}
.pos-item-two {
  transition: all 0.2s linear;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.pos-item-two:hover {
  transition: all 0.2s linear;
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
  transform: translateY(-0.4rem);
}
.custom-btn1 {
  color: #fff;
  background-color: #02ab45;
  border-color: #02ab45;
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
  border: 0;
}
.custom-btn1:hover {
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
}
.custom-btn2 {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
  border: 0;
}
.custom-btn2:hover {
  box-shadow: 0px 0px 14px 0px #d9d9d9b5 inset;
}
.hover3 {
  transition: all 0.2s linear;
}
.hover3:hover {
  transition: all 0.2s linear;
  box-shadow: 0px 9px 14px 0px #c1f1678c inset;
  background-color: #02ab45;
}
.faq-content {
  background-color: #093600c9;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding: 30px 40px;
  bottom: 40px;
}

/* ========== custom accordion ==========  */

.custom-accordion-two .accordion-item {
  border-radius: 10px;
  background: #ffffff;
}

.custom-accordion-two .accordion-item .accordion-button {
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  text-align: start;
  padding: 20px 65px 20px 20px;
  display: flex;
  align-items: center;
  color: #fff;
  background: #0a0f08;
  box-shadow: 0px 3px 10px 0px #ffffff26 inset;
  border: 0;
}

.custom-accordion-two .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 10px;
}
.custom-accordion-two .accordion-button:not(.collapsed) {
  color: #02ab45;
  box-shadow: none;
  padding-left: 20px;
  font-weight: 600;
}
.custom-accordion-two .accordion-button::after {
  margin-left: auto;
  padding: 20px 20px;
  content: "";
  right: 33px;
  position: absolute;
  background-image: url(../img/products/restaurant-pos-software/faq.png);
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease-in-out;
  border-radius: 20px;
  background-size: 1rem;
}
.custom-accordion-two .accordion-button:not(.collapsed)::after {
  background-image: url(../img/products/restaurant-pos-software/faq-not.png);
  transform: rotate(1deg);
  background-size: 1rem;
}
.custom-accordion-two p,
.custom-accordion-two ul {
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}

/* ========== custom accordion end==========  */

/* ========== feature start==========  */

.features_wrapper {
  position: relative;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  justify-content: center;
  max-inline-size: 1510px;
}
@media (max-width: 767px) {
  .features_wrapper {
    grid-template-rows: repeat(12, 1fr) !important;
    grid-template-columns: repeat(2, 1fr) !important;
    margin: -10px auto 3px !important;
  }
  .noHover {
    display: none !important;
  }
  .feature_item_large {
    display: none !important;
  }
}
@media (min-width: 786px) and (max-width: 991px) {
  .features_wrapper {
    grid-template-rows: repeat(12, 1fr) !important;
    grid-template-columns: repeat(3, 1fr) !important;
    margin: -23px auto 3px !important;
  }
  .noHover {
    display: none !important;
  }
  .feature_item_large {
    grid-row: span 3;
    grid-column: span 3;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .features_wrapper {
    grid-template-rows: repeat(8, 1fr) !important;
    grid-template-columns: repeat(4, 1fr) !important;
    margin: -66px auto 3px !important;
  }
  .noHover {
    display: none !important;
  }
  .feature_item_large {
    grid-row: span 2;
    grid-column: span 2;
  }
}
@media (min-width: 1200px) {
  .features_wrapper {
    grid-template-rows: repeat(7, 1fr);
    grid-template-columns: repeat(7, 1fr);
    margin: -120px auto auto;
    -webkit-mask-image: linear-gradient(90deg, #00000045 2%, rgb(217, 217, 217) 10%, rgb(217, 217, 217) 90%, #00000045 98%), linear-gradient(180deg, transparent 5%, rgb(217, 217, 217) 15%, rgb(217, 217, 217) 85%, transparent 95%);
    mask-image: linear-gradient(90deg, #00000045 2%, rgb(217, 217, 217) 10%, rgb(217, 217, 217) 90%, #00000045 98%), linear-gradient(180deg, transparent 5%, rgb(217, 217, 217) 15%, rgb(217, 217, 217) 85%, transparent 95%);
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect;
  }
  .feature_item_large {
    grid-row: span 3;
    grid-column: span 3;
  }
}

.noHover {
  pointer-events: none;
}
.feature_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 17.949px;
  background: #ffffff;
  box-shadow: 0 0 0 0.894px rgba(18, 43, 165, 0.12), 0 0.894px 0.894px -0.447px rgba(18, 43, 165, 0.04), 0 2.682px 2.682px -1.341px rgba(18, 43, 165, 0.04), 0 5.364px 5.364px -2.682px rgba(18, 43, 165, 0.04), 0 10.728px 10.728px -5.364px rgba(18, 43, 165, 0.04);
  cursor: pointer;
  transition: box-shadow 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}
.feature_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 17.949px;
  background: #ffffff;
  box-shadow: 0 0 0 0.894px rgba(18, 43, 165, 0.12), 0 0.894px 0.894px -0.447px rgba(18, 43, 165, 0.04), 0 2.682px 2.682px -1.341px rgba(18, 43, 165, 0.04), 0 5.364px 5.364px -2.682px rgba(18, 43, 165, 0.04), 0 10.728px 10.728px -5.364px rgba(18, 43, 165, 0.04);
  cursor: pointer;
  transition: box-shadow 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}
.feature_item_large {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 17.88px;
  box-shadow: 0 0 0 0.894px rgba(18, 43, 165, 0.12), 0 0.894px 0.894px -0.447px rgba(18, 43, 165, 0.04), 0 2.682px 2.682px -1.341px rgba(18, 43, 165, 0.04), 0 5.364px 5.364px -2.682px rgba(18, 43, 165, 0.04), 0 10.728px 10.728px -5.364px rgba(18, 43, 165, 0.04);
  cursor: pointer;
  transition: box-shadow 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}
@media (max-width: 1000px) {
  .feature_item_large {
    padding: 10px;
    border-radius: 12.183px;
  }
}

.feature_item:hover {
  box-shadow: 0 0 0 1.119px #00a653, 0 10px 14px 0 #fff8ea, 0 1.1px 1.1px -0.55px rgba(18, 43, 165, 0.04), 0 3.3px 3.3px -1.65px rgba(18, 43, 165, 0.04), 0 6.6px 6.6px -3.3px rgba(18, 43, 165, 0.04), 0 13.2px 13.2px -6.6px rgba(18, 43, 165, 0.04);
}
.feature_item_large:hover {
  box-shadow: 0 0 0 1.119px #00a653, 0 10px 14px 0 #fff8ea, 0 1.1px 1.1px -0.55px rgba(18, 43, 165, 0.04), 0 3.3px 3.3px -1.65px rgba(18, 43, 165, 0.04), 0 6.6px 6.6px -3.3px rgba(18, 43, 165, 0.04), 0 13.2px 13.2px -6.6px rgba(18, 43, 165, 0.04);
}

.image-hover {
  position: relative;
  width: 80px;
  height: 80px;
}

.image-hover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.3s ease;
}

.img-hover {
  opacity: 0;
}

.feature_item:hover .img-hover {
  opacity: 1;
}

.feature_item:hover .img-default {
  opacity: 0;
}
.feature_item p {
  transition: color 0.25s cubic-bezier(0.5, 0, 0.5, 1);
  text-align: center;
  line-height: 19px;
}
.feature_item:hover p {
  color: #00a653;
}
.feature_item_large:hover p {
  color: #00a653;
}
/* ========== feature end==========  */

/* end pos software css  */

/* Start Bakery Management System */
.bakery-hero-bg {
  background-image: url(../img/business-types/bakery-confectioneries/restora-pos-ultimate-bakery-management-system.webp);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}
.bakery-cta-bg {
  background-image: url(../img/business-types/bakery-confectioneries/bakery-&-confectionery-business-to-the-next-level-with-highly-efficient-top-bakery-management-software.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.overlay1 {
  background-color: #020202bf;
}

.solution-card {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  flex: 1;
  padding: 40px 15px;
  box-shadow: 0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0 0 1.25rem rgba(30, 34, 40, 0.04);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.solution-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.solution-card__text-wrapper {
  position: absolute;
  bottom: 0rem;
  padding: 1rem;
  left: 0;
  color: #fff;
  transition: background-color 1s ease;
}
.solution-card:hover .solution-card__text-wrapper {
  background-color: rgb(6 4 4 / 85%);
  color: #fff;
}
.solution-card__details-wrapper {
  max-height: 0;
  opacity: 0;
  transition: max-height 1s ease, opacity 0.5s ease;
}
.solution-card:hover .solution-card__details-wrapper {
  max-height: 20rem;
  opacity: 1;
}

.solution-card__excerpt {
  font-weight: 300;
}

.solution-card__read-more {
  background: #fff;
  color: #000;
  display: block;
  padding: 5px 5px;
  border-radius: 0.3rem;
  margin-top: 1rem;
  font-size: 0.8rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-decoration: none;
  width: 6.8rem;
  margin-left: auto;
  position: relative;
  z-index: 5;
}

.solution-card__read-more i {
  position: relative;
  left: 0.2rem;
  color: #030303;
  font-size: 13px;
  transition: left 0.5s ease, color 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.solution-card__read-more:hover i {
  left: 0.5rem;
  color: rgb(36, 241, 4);
}
.solution-bg1 {
  background-color: #2ca241;
}
.solution-bg2 {
  background-color: #3b2c50;
}
.solution-bg3 {
  background-color: #d01e27;
}
.solution-bg4 {
  background-color: #7d95c9;
}
.solution-bg5 {
  background-color: #3862a9;
}
.solution-bg6 {
  background-color: #49b6c8;
}
.compare-table tbody tr {
  vertical-align: middle;
  transition: all 0.2s ease;
}

.compare-table tbody tr:hover {
  transform: scale(1.02);
}
.overlay-color1 {
  background-color: #fff0e4 !important;
}
.overlay-color2 {
  background-color: #ecffe3 !important;
}
.overlay-color3 {
  background-color: #e1fffa !important;
}
.overlay-color4 {
  background-color: #f1f1f1 !important;
}
.overlay-color5 {
  background-color: #fbe7f0 !important;
}
.overlay-color6 {
  background-color: #e7f4fd !important;
}
.overlay-color7 {
  background-color: #e5e5d8 !important;
}