/* font  poipins*/

/* @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900"); */

.bg-antiquewhite {
  background: antiquewhite;
}

.bg1 {
  background-color: rgb(255 76 0 / 7%);
}

.bg2 {
  background-image: url("../img/home-page/best-retail-solution.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg3 {
  background-image: url("../img/about-us/retailerspos-retail-management-software.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg4 {
  background-image: url("../img/home-login.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg5 {
  background-color: #00a653;
}
.bg6 {
  background-image: url("../img/retailerspos-installation-fees.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlay1 {
  background-color: #020202bf;
}

.overlay2 {
  background-color: #1211115e;
}

.overlay3 {
  background-color: #1211115e;
  height: 100vh;
}

.overlay4 {
  background-color: #0000008c;
}

.overlay5 {
  background-color: #121111a3;
}

.overlay6 {
  background-color: #0000008c;
  height: 200px;
}

.overlay7 {
  background: linear-gradient(94deg, rgba(15, 15, 15, 0.9023984593837535) 28%, rgba(13, 13, 13, 0.21332282913165268) 70%);
}

.overlay8 {
  background-color: #12111121;
}
.overlay9 {
  background-color: #000000ad;
}
.color1 {
  color: aliceblue;
}

.color2 {
  color: #b3b3b3;
}

.color3 {
  background-color: #edecec;
}

.color4 {
  font-weight: 900;
  font-size: 19px;
  color: black;
}

.color5 {
  font-weight: 900;
  font-size: 17px;
  color: black;
}

.color6 {
  color: #00a653;
}

.color7 {
  color: #e34400;
}

.bt-1 {
  background-color: #00a653;
  color: aliceblue;
}

.bt-1:hover {
  background-color: #0d170f;
  color: aliceblue;
}

.bt-2 {
  background-color: #0d170f;
  color: aliceblue;
}

.bt-2:hover {
  background-color: #00a653;
  color: aliceblue;
}

.bt-3 {
  font-size: 15px;
  font-weight: 500;
}

.bt-4 {
  background-image: linear-gradient(45deg, #00a653 0, #1fd782 100%);
  color: aliceblue;
}

.btn.btn-circle.btn-lg1 {
  width: 4rem;
  height: 4rem;
}

.p-1 {
  margin-bottom: 0px;
}

.p-2 {
  padding: 0px;
}

.pd3 {
  padding: 0.2rem 2.5rem !important;
}

.pd4 {
  padding-left: 4px !important;
}

.pd5 {
  padding: 15px;
}

.pd6 {
  margin-bottom: 0px;
}

.w1 {
  width: 4rem !important;
  height: 4rem !important;
}

.w2 {
  width: 3rem !important;
  height: 3rem !important;
}

.t-1 {
  text-align: left;
  margin-bottom: 0.5rem;
}

.text-1 {
  color: #00a653 !important;
}

.f-w {
  font-weight: 900;
}

.box-shadow1 {
  box-shadow: 0px 0px 10px 1px rgba(82, 56, 56, 0.75);
}

.box-shadow2 {
  box-shadow: 0px 0px 10px 1px rgba(151, 114, 114, 0.75);
}

.box-shadow3 {
  box-shadow: 0px 0px 8px 1px rgba(119, 90, 90, 0.75);
}

.box-shadow4 {
  box-shadow: 0px 0px 5px 1px rgba(119, 90, 90, 0.75);
}

.box-shadow5 {
  box-shadow: 0px 0px 8px 1px rgb(151 146 146 / 22%);
}

.box-shadow6 {
  box-shadow: 0px 0px 8px 1px rgb(16 14 14 / 78%);
}

.box-shadow7 {
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 25%);
}

.box-shadow8 {
  box-shadow: 0px 0px 5px 1px rgb(102 92 92 / 24%);
}

.box-shadow9 {
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}

.box-shadow10 {
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}

.box-shadow11 {
  box-shadow: 4px 4px 6px 0 rgb(255 255 255 / 50%), -4px -4px 6px 0 rgb(116 125 136 / 25%), inset -4px -4px 6px 0 rgb(255 255 255 / 20%), inset 4px 4px 6px 0 rgb(0 0 0 / 28%);
}

.box-shadow12 {
  box-shadow: 4px 4px 6px 0 rgb(177 165 165 / 50%), -4px -4px 6px 0 rgb(116 125 136 / 25%), inset -4px -4px 6px 0 rgb(209 164 164 / 20%), inset 4px 4px 6px 0 rgb(0 0 0 / 28%);
}

.box-shadow13 {
  box-shadow: 0px 20px 50px 0px rgb(1 1 64 / 8%);
}

.box-shadow14 {
  box-shadow: inset 2px 2px 2px 0px rgb(153 153 153 / 50%), 7px 7px 20px 0px rgb(0 0 0 / 10%), 4px 4px 5px 0px rgb(0 0 0 / 10%);
}

.box-shadow15 {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.box-shadow16 {
  box-shadow: 4px 4px 6px 0 rgb(177 165 165 / 8%), -4px -4px 6px 0 rgb(116 125 136 / 8%), inset -4px -4px 6px 0 rgb(64 50 50 / 14%), inset 4px 4px 6px 0 rgb(0 0 0 / 14%);
}

.border1 {
  border-radius: 15px;
}

.border2 {
  border-radius: 10px;
}

.border3 {
  border-radius: 20px;
}

.border4 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.border5 {
  border: 1px solid;
}

.icon1 {
  width: 5.5rem;
  height: 3.6rem;
}

.icon2 {
  width: 9rem;
  height: 5rem;
}

.icon3 {
  width: 1rem !important;
  height: 1rem !important;
}

.lead-fa-lg {
  font-size: 1rem;
  line-height: 1.4;
}

.icon-bar {
  position: fixed;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

#demo {
  position: absolute;
  left: 5%;
  top: 26%;
  width: 90%;
}

#demo1 {
  display: none;
  position: absolute;
  left: 5%;
  top: 26%;
  width: 90%;
}

#demo2 {
  display: none;
  position: absolute;
  left: 5%;
  top: 26%;
  width: 90%;
}

#pricing-mobile {
  display: none;
}

.accordion-item button {
  border: none;
  padding: 10px;
  font-size: 20px;
}

#responsive-view {
  display: none;
}

.form-icon {
  position: absolute;
  bottom: 16px;
  left: 12px;
  height: 1rem;
}

.card-hover:hover {
  transition: all 0.3s linear;
  /* box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2); */
  background-color: #00a65366;
}

.card-hover1 {
  transition: all 0.3s linear;
}

.card-hover1:hover {
  transition: all 0.3s linear;
  box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  background-color: rgb(255 76 0 / 46%);
  transform: scale(1.03);
  color: #000000;
}

.card-hover2:hover {
  transition: all 0.2s ease-out;
  box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  background-color: rgb(233, 233, 233);
}

.card-hover3 {
  display: block;
  position: relative;
  background-color: #00a65324;
  color: black;
  border-radius: 4px;
  padding: 32px 24px;
  margin: 12px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card-hover3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  right: -16px;
  background: #00a6538a;
  height: 65px;
  width: 72px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.4s ease-out;
}

.card-hover3:hover:before {
  transform: scale(21);
  color: white;
}

.card-hover4:hover {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
}

.card-hover5:hover {
  transform: scale(1.03);
  transition: all 0.3s linear;
}

.card-hover6 {
  transition: all 0.1s ease-in-out;
}

.card-hover6:hover {
  background-color: #00a65333;
  transition: all 0.3s linear;
  transform: scale(1.02);
}

.card-hover7 {
  transition: all 0.3s linear;
}

.card-hover7:hover {
  border-color: #00a653;
  box-shadow: rgb(0 0 0 / 12%) 0px 20px 50px 0px;
  /* box-shadow: 0px 20px 50px 0px rgb(1 1 64 / 8%); */
  transition: all 0.3s linear;
  background-color: white;
}

.card-hover8:hover {
  border-color: #00a653;
  box-shadow: 0px 50px 100px 0px rgb(5 1 64 / 10%), 0px -5px 0px 0px rgb(95 84 253 / 0%);
}

/* hover to pop up */

.card-hover9:hover {
  transform: scale(1.06);
  transition: all 0.3s ease-in-out;
}

.card-hover10 {
  display: block;
  position: relative;
  color: black;
  border-radius: 4px;
  padding: 32px 24px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card-hover10:before {
  content: "";
  position: absolute;
  z-index: -1;
  color: white !important;
  top: -43px;
  right: 0px;
  background: #00a653a8;
  height: 50px;
  width: 100%;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.4s ease-out;
}

.card-hover10:hover:before {
  transform: scale(21);
  color: white !important;
}

.card-hover11 {
  transition: all 0.1s ease-in-out;
  border-radius: 20px;
}

.card-hover11:hover {
  /* background-color: RGB(171, 234, 204); */
  transition: all 0.3s linear;
  transform: scale(1.02);
}

.bt-top {
  border-top: 6px solid transparent;
}

.bt-all {
  border: 4px solid transparent;
}

.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link.active,
.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link:hover {
  /* background-color: #dcf3dc; */
  background-color: #00a65326;
  border-radius: 0px;
  height: 100%;
}

.fa-check {
  color: #00a653 !important;
  font-size: smaller !important;
}

.footer_top {
  background-color: #0d170f;
  font-family: sans-serif;
  font-size: 15px;
}

.footer_bottom {
  background-color: #0d170f;
  font-size: 13px;
}

.smoothly {
  top: 23%;
  left: 55%;
  width: 500px;
}

/* brand css */

#brand {
  position: relative;
}

#brand .brand_slider_container .brand_item {
  padding: 22px;
}

#brand .brand_slider_container .brand_item img {
  box-shadow: 0 9px 16px 0 rgb(100 76 76 / 22%);
}

/* owl dot color */

.owl-carousel .owl-dots .owl-dot span {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.3rem;
  background: #00a653;
}

.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 0.4rem;
  height: 1.9rem;
  width: 1.9rem;
  line-height: 0.2rem;
}

.owl-carousel .owl-nav button.owl-prev {
  right: auto;
  left: 0.4rem;
  height: 1.9rem;
  width: 1.9rem;
  line-height: 0.2rem;
}

/* pricing card css */

.pricing-wrapper [class*="col-"] .pricing.card .card-body {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.popular {
  position: absolute;
  top: 0;
  left: 76%;
  width: auto;
  padding: 10px;
  background-color: #eb3b5a;
  color: white;
  font-size: 12px;
  z-index: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.mega-menu-content > .row > [class*="col-"] + [class*="col-"] {
  border-left: 1px solid rgb(0 0 0 / 92%);
}

.t-left {
  text-align: left !important;
}

@media (max-width: 991px) {
  #demo {
    position: initial;
  }
  #demo1 {
    position: initial;
  }
  #demo2 {
    position: initial;
  }
  #responsive-view {
    display: block;
  }
  #trusted {
    display: none;
  }
  .mega-menu1 {
    color: aliceblue;
    box-shadow: none;
  }
  .p3 {
    display: none;
  }
  #pricing-larg {
    display: none;
  }
  #pricing-mobile {
    display: block;
  }
  .pricing-wrapper [class*="col-"] .pricing.card .card-body {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
  }
  .mega-menu-content > .row > [class*="col-"] + [class*="col-"] {
    border-left: none;
  }

  .revers {
    flex-direction: column-reverse;
  }
  .slick-dots {
    display: none !important;
  }

  .s-bt {
    display: none;
  }
  .smoothly {
    top: 100%;
    left: 0;
    width: 100%;
  }
  .carve {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .responsive-bt1 {
    padding: 0.4rem 0.5rem !important;
    font-size: 12px !important;
  }
}

.splitting .char {
  animation: slide-in 0.7s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation-delay: calc(50ms * var(--char-index));
}

@keyframes slide-in {
  from {
    transform: scale(0.4) translateY(80%);
    opacity: 0;
  }
}

.trial-text {
  color: #35a000;
}

.faq-bg {
  background: linear-gradient(270deg, #f0ffe9 0%, #f7f5fe 100%);
}

.testimonial-bg {
  background-color: #f9f9f9;
}

@media (max-width: 575px) {
  .mobil-responsive {
    display: grid;
    justify-content: center;
  }
  .btn.btn-circle {
    width: 1.7rem;
    height: 1.7rem;
  }
  .video-btn span {
    left: 48px;
    font-size: 15px;
  }
  .responsive-bt1 {
    padding: 0.4rem 0.5rem !important;
    font-size: 12px !important;
  }
}

@media (max-width: 767px) {
  .wrapper.bg-dark.angled.lower-start:after {
    border-width: 0 0 200px 1920px;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-header img {
    max-width: 190px;
    height: auto;
  }
}

.header-text {
  color: #073100;
}

@media (min-width: 600px) {
  .four_zero_four_bg {
    background-image: url(/assets/img/404.gif);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 599px) {
  .four_zero_four_bg {
    background-image: url(/assets/img/404.gif);
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.icon-list.bullet-soft-green i {
  color: #00a653 !important;
}
.icon-list.bullet-soft-green.bullet-bg i {
  background-color: #00a6531f;
}
.gradient-6 {
  background-image: linear-gradient(45deg, #00a653 0, #e1571c 100%);
}
.gradient-4 {
  background-image: linear-gradient(to right, #00a653 0%, #e54400 56%, #ef4700 100%);
}
.gradient-7 {
  background-image: linear-gradient(96deg, #020202 0, #353535 95%);
}
.gradient-1 {
  background-image: linear-gradient(120deg, #00a653 25%, #b53904 100%);
}
.lh-07 {
  line-height: 0.7 !important;
}

.table td {
  padding: 12px;
}
.table th {
  padding: 12px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .mission-height {
    height: 525px;
  }
}
@media (min-width: 1400px) {
  .mission-height {
    height: 465px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .height_2 {
    height: 345px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .height_2 {
    height: 290px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .height_2 {
    height: 330px;
  }
}
@media (min-width: 1400px) {
  .height_2 {
    height: 280px;
  }
}
.nav-tabs.nav-tabs-bg .nav-link {
  padding: 0.6rem 1.2rem;
}
.pricing-shadow {
  box-shadow: rgb(0 0 0 / 21%) 1px 1px 9px 4px, rgb(0 0 0 / 0%) 0px 2px 8px 7px;
}

.badge_rotated {
  /* background: #c50808; */
  padding: 5px 25px;
  /* width: 203px; */
  top: -6px;
  left: -24px;
  line-height: 22px;
  letter-spacing: 0.01em;
  font-size: 11px;
  font-weight: 700;
  transform: rotate(-45deg);
  -webkit-transform: rotate(358deg);
}
.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}