#proxy-score .point-green,
#proxy-score .point-red {
  width: 10px;
  height: 10px;
  border-radius: 15px; }
  #proxy-score .point-green.lg,
  #proxy-score .point-red.lg {
    width: 12px;
    height: 12px; }
#proxy-score .point-green {
  background: #50cda3; }
#proxy-score .point-red {
  background: #ff4b1e; }
@media (min-width: 768px) {
  #proxy-score .w-md-50 {
    width: 50%; } }
@media (min-width: 567px) {
  #proxy-score .w-sm-50 {
    width: 50%; }
  #proxy-score .w-sm-25 {
    width: 25%; } }
#proxy-score .title, #proxy-score .ecommerces-tile, #proxy-score .features-title {
  font-size: 26px;
  color: #0c0200;
  font-weight: bold; }
  @media (min-width: 768px) {
    #proxy-score .title, #proxy-score .ecommerces-tile, #proxy-score .features-title {
      font-size: 32px; } }
  @media (min-width: 1200px) {
    #proxy-score .title, #proxy-score .ecommerces-tile, #proxy-score .features-title {
      font-size: 36px; } }
#proxy-score .line {
  background: #eae3e1;
  height: 1px;
  width: 100%; }

.btn-contact,
.btn-contact:hover {
  border: 1px solid #ff4b1e;
  background-color: transparent;
  border-radius: 20px;
  color: #ff4b1e;
  padding: 5px 15px;
  font-size: 15px;
  text-decoration: none; }

.proxy-coming {
  display: flex;
  margin: 50px 0;
  flex-direction: column;
  gap: 20px; }
  .proxy-coming .coming-left {
    text-align: start; }
    .proxy-coming .coming-left .protect-store {
      margin-bottom: 15px; }
    .proxy-coming .coming-left .title, .proxy-coming .coming-left .ecommerces-tile, .proxy-coming .coming-left .features-title {
      font-size: 34px !important;
      font-weight: 700; }
    .proxy-coming .coming-left .subtitle {
      font-size: 18px;
      font-weight: 400;
      line-height: 26px;
      color: #321d18;
      margin: 10px 0 20px; }
    .proxy-coming .coming-left .group-btns {
      display: inline-flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      background-color: #f6f6f6;
      padding: 8px 10px;
      border-radius: 25px;
      gap: 5px;
      width: 100%; }
      .proxy-coming .coming-left .group-btns button {
        font-size: 15px;
        padding: 8px 15px;
        width: 100%; }
      .proxy-coming .coming-left .group-btns .btn-started,
      .proxy-coming .coming-left .group-btns .btn-started:hover {
        background: linear-gradient(to right, #ff9176, #ff4b1e);
        border: none;
        border-radius: 20px;
        color: white;
        font-weight: 500;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        text-decoration: none; }
      .proxy-coming .coming-left .group-btns .btn-contact-sales,
      .proxy-coming .coming-left .group-btns .btn-contact-sales:hover {
        border: 1px solid #ff4b1e;
        background-color: transparent;
        border-radius: 20px;
        color: #ff4b1e;
        padding: 10px 20px;
        font-size: 15px;
        margin-left: 10px; }
      .proxy-coming .coming-left .group-btns .btn-img {
        border: none;
        background: transparent;
        outline: none;
        box-shadow: none;
        padding: 0; }
        .proxy-coming .coming-left .group-btns .btn-img img {
          max-height: 40px; }
  .proxy-coming .coming-right {
    border: 1px solid #eae3e1;
    background-color: #fefefe;
    box-shadow: 0px 7px 5px 0px #eae3e133;
    border-radius: 25px;
    padding: 15px 20px; }
    .proxy-coming .coming-right .px-10px {
      padding-left: 10px;
      padding-right: 10px; }
    .proxy-coming .coming-right .box-between {
      display: flex;
      justify-content: space-between; }
    .proxy-coming .coming-right .comming-box {
      background-color: #f9f9f9;
      padding: 10px 15px;
      border-radius: 15px; }
      .proxy-coming .coming-right .comming-box .comming-title {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 15px;
        color: #321d18;
        margin-bottom: 10px; }
        .proxy-coming .coming-right .comming-box .comming-title img {
          max-height: 16px;
          object-fit: contain; }
      .proxy-coming .coming-right .comming-box .column {
        width: 100%; }
        .proxy-coming .coming-right .comming-box .column span {
          font-size: 13px;
          color: #321d18; }
        .proxy-coming .coming-right .comming-box .column b {
          font-size: 15px;
          color: #321d18; }
      @media (min-width: 500px) {
        .proxy-coming .coming-right .comming-box .column {
          width: 50%; } }
    .proxy-coming .coming-right .visitor {
      border: 1px solid #ff4b1e;
      background: #ffefeb;
      border-radius: 15px;
      padding: 10px;
      color: #54433f;
      font-size: 18px;
      margin-top: 15px; }
      .proxy-coming .coming-right .visitor b {
        font-size: 18px;
        word-wrap: break-word; }
      .proxy-coming .coming-right .visitor .visitor-count {
        font-size: 15px;
        color: #321d18;
        display: flex;
        align-items: center; }
        .proxy-coming .coming-right .visitor .visitor-count .marker {
          background: #ff4b1e;
          width: 8px;
          height: 8px;
          border-radius: 14px;
          border: 2px solid #ff9d85;
          box-shadow: 0px 2px 4px 0px #ff4b1e40;
          margin-right: 6px; }
      @media (min-width: 576px) {
        .proxy-coming .coming-right .visitor {
          font-size: 19px; }
          .proxy-coming .coming-right .visitor b {
            font-size: 19px; }
          .proxy-coming .coming-right .visitor .visitor-count {
            font-size: 16px; } }
    .proxy-coming .coming-right .comming-four {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      row-gap: 10px; }
      .proxy-coming .coming-right .comming-four .column {
        width: 100%; }
  @media (min-width: 510px) {
    .proxy-coming .coming-left .group-btns {
      width: fit-content;
      border-radius: 50px;
      gap: 10px; }
      .proxy-coming .coming-left .group-btns button {
        width: auto; }
    .proxy-coming .coming-right .comming-four .column:nth-child(1) {
      width: 45%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(3) {
      width: 45%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(2) {
      width: 50%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(4) {
      width: 50%; } }
  @media (min-width: 578px) {
    .proxy-coming .coming-left .title, .proxy-coming .coming-left .ecommerces-tile, .proxy-coming .coming-left .features-title {
      font-size: 36px !important; }
    .proxy-coming .coming-left .subtitle {
      font-size: 20px;
      margin: 15px 0 20px; }
    .proxy-coming .coming-left .group-btns button {
      font-size: 15px;
      padding: 10px 20px; }
    .proxy-coming .coming-right .comming-four .column:nth-child(1) {
      width: 45%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(3) {
      width: 45%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(2) {
      width: 45%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(4) {
      width: 45%; } }
  @media (min-width: 600px) {
    .proxy-coming .coming-right .comming-four .column:nth-child(1) {
      width: 34%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(3) {
      width: 31%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(2) {
      width: 20%; }
    .proxy-coming .coming-right .comming-four .column:nth-child(4) {
      width: 15%; } }
  @media (min-width: 992px) {
    .proxy-coming .coming-left .title, .proxy-coming .coming-left .ecommerces-tile, .proxy-coming .coming-left .features-title,
    .proxy-coming .coming-left .subtitle {
      width: 85%; } }
  @media (min-width: 1200px) {
    .proxy-coming {
      flex-direction: row; }
      .proxy-coming .coming-left {
        width: 45%; }
        .proxy-coming .coming-left .title, .proxy-coming .coming-left .ecommerces-tile, .proxy-coming .coming-left .features-title,
        .proxy-coming .coming-left .subtitle {
          width: 80%;
          max-width: 500px; }
        .proxy-coming .coming-left .group-btns {
          justify-content: start; }
      .proxy-coming .coming-right {
        width: 55%; } }

.bg-lightgray {
  background-color: #f9f9f9;
  padding: 30px 0;
  margin: 50px 0 60px; }
  .bg-lightgray .card-box img {
    height: 35px;
    object-fit: contain; }
  .bg-lightgray .card-box h6 {
    color: #0c0200;
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0; }
  .bg-lightgray .card-box p {
    color: #54433f;
    font-size: 12px; }

@media (min-width: 576px) {
  .bg-lightgray {
    padding: 35px 0;
    margin: 50px 0 100px; } }
@media (min-width: 768px) {
  .card-box img {
    height: 50px; } }
.professionals {
  display: flex;
  padding: 50px 0;
  flex-direction: column; }
  .professionals .professionals-left {
    text-align: center; }
  .professionals .professionals-right {
    flex: 1;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 20px; }
    .professionals .professionals-right .point-star .logo {
      height: 35px;
      object-fit: contain; }
    .professionals .professionals-right .point-star .inactive {
      filter: grayscale(100%);
      opacity: 0.8; }
  @media (min-width: 992px) {
    .professionals {
      flex-direction: row; }
      .professionals .professionals-left {
        width: 50%;
        text-align: start; } }

@keyframes scrolling {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); } }
.professionals-carousel {
  overflow: hidden;
  position: relative;
  margin: 0 0 30px; }
  .professionals-carousel .marquee-content {
    list-style: none;
    height: 100%;
    display: flex;
    animation: scrolling var(--marquee-animation-duration) linear infinite;
    gap: 3%;
    padding: 0; }
    .professionals-carousel .marquee-content li {
      display: flex;
      justify-content: center;
      align-items: center;
      width: var(--marquee-element-width);
      max-height: 100%;
      white-space: nowrap; }
      .professionals-carousel .marquee-content li img {
        width: 100%;
        max-height: 40px;
        max-width: 110px; }
  @media (min-width: 567px) {
    .professionals-carousel .marquee-content {
      gap: 5%; } }
  @media (min-width: 992px) {
    .professionals-carousel .marquee-content {
      gap: 10%; } }

.ecommerces-tile {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 30px; }

.ecommerces-container {
  max-width: 1200px;
  margin: auto; }
  @media (max-width: 677px) {
    .ecommerces-container .ecommerces-limit {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: start;
      overflow-x: hidden;
      width: 100%;
      height: 130px;
      margin-bottom: -50px; } }

.ecommerces {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: #fff;
  margin-bottom: -50px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position: relative; }
  .ecommerces .level-1,
  .ecommerces .level-2,
  .ecommerces .level-3 {
    border: 1.34px solid #eae3e1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    width: 65px;
    height: 65px; }
    .ecommerces .level-1 img,
    .ecommerces .level-2 img,
    .ecommerces .level-3 img {
      height: 32px;
      object-fit: contain; }
  .ecommerces .level-2 {
    margin-bottom: 35px; }
  .ecommerces .level-1 {
    margin-bottom: 65px; }
  .ecommerces .match-1,
  .ecommerces .match-2,
  .ecommerces .match-3 {
    width: 35px; }
    .ecommerces .match-1.rotatex-180,
    .ecommerces .match-2.rotatex-180,
    .ecommerces .match-3.rotatex-180 {
      transform: rotateX(180deg); }
  .ecommerces .match-3 {
    margin-bottom: 40px; }
  .ecommerces .match-2 {
    margin-bottom: 70px; }
  .ecommerces .match-1 {
    margin-bottom: 95px; }
  @media (min-width: 730px) {
    .ecommerces .level-1,
    .ecommerces .level-2,
    .ecommerces .level-3 {
      border-radius: 20px;
      width: 70px;
      height: 70px; }
      .ecommerces .level-1 img,
      .ecommerces .level-2 img,
      .ecommerces .level-3 img {
        height: 32px; }
    .ecommerces .match-1,
    .ecommerces .match-2,
    .ecommerces .match-3 {
      width: 40px; } }
  @media (min-width: 850px) {
    .ecommerces .level-1,
    .ecommerces .level-2,
    .ecommerces .level-3 {
      border-radius: 20px;
      width: 80px;
      height: 80px; }
      .ecommerces .level-1 img,
      .ecommerces .level-2 img,
      .ecommerces .level-3 img {
        height: 40px; }
    .ecommerces .level-2 {
      margin-bottom: 40px; }
    .ecommerces .level-1 {
      margin-bottom: 90px; }
    .ecommerces .match-1,
    .ecommerces .match-2,
    .ecommerces .match-3 {
      width: 50px; }
    .ecommerces .match-3 {
      margin-bottom: 41px; }
    .ecommerces .match-2 {
      margin-bottom: 83px; }
    .ecommerces .match-1 {
      margin-bottom: 130px; } }
  @media (min-width: 992px) {
    .ecommerces .level-1,
    .ecommerces .level-2,
    .ecommerces .level-3 {
      width: 92px;
      height: 92px;
      border-radius: 25px; }
      .ecommerces .level-1 img,
      .ecommerces .level-2 img,
      .ecommerces .level-3 img {
        height: 50px; }
    .ecommerces .match-1,
    .ecommerces .match-2,
    .ecommerces .match-3 {
      width: 60px; } }

.ecommerce-box {
  position: relative;
  padding: 1px;
  margin-bottom: 100px; }
  .ecommerce-box .box-before {
    background-color: #fff;
    padding: 50px 0 80px;
    border-radius: 26px;
    text-align: center; }
    .ecommerce-box .box-before .ecommerce-text {
      font-size: 20px;
      padding-right: 15px;
      padding-left: 15px; }
    .ecommerce-box .box-before p {
      margin: 20px 15px 10px; }
    .ecommerce-box .box-before .view-doc {
      border: 1px solid #ff4b1e;
      padding: 8px 20px;
      display: inline-block;
      text-decoration: none;
      color: #ff4b1e;
      border-radius: 25px;
      font-size: 14px;
      cursor: pointer; }
  .ecommerce-box .box-after {
    border-radius: 26px;
    background: linear-gradient(90.86deg, #ff4b1e 31.03%, rgba(255, 75, 30, 0) 45.67%, rgba(80, 205, 163, 0) 55.03%, #50cda3 70.5%);
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    z-index: -1; }
  .ecommerce-box .logo-browsify {
    position: absolute;
    bottom: -30px;
    border: 1.34px solid #ff4b1e;
    width: 68px;
    height: 68px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff; }
    .ecommerce-box .logo-browsify img {
      height: 35px;
      object-fit: contain; }
  @media (min-width: 578px) {
    .ecommerce-box .logo-browsify {
      width: 80px;
      height: 80px;
      bottom: -50px;
      border-radius: 25px; }
      .ecommerce-box .logo-browsify img {
        height: 40px; } }
  @media (min-width: 678px) {
    .ecommerce-box .box-after {
      top: 0;
      height: 100%; } }
  @media (min-width: 768px) {
    .ecommerce-box {
      margin-bottom: 200px; }
      .ecommerce-box .box-before .ecommerce-text {
        font-size: 25px; }
      .ecommerce-box .box-before p {
        margin: 25px 0 10px; }
      .ecommerce-box .box-before .view-doc {
        font-size: 15px; }
      .ecommerce-box .logo-browsify {
        width: 100px;
        height: 100px; }
        .ecommerce-box .logo-browsify img {
          height: 55px; } }
  @media (min-width: 768px) {
    .ecommerce-box {
      margin-bottom: 200px; }
      .ecommerce-box .box-before .ecommerce-text {
        font-size: 30px; } }

.features-title {
  text-align: center;
  margin: 40px 0;
  font-weight: bold; }

.features {
  display: none;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 6px;
  padding-bottom: 5px;
  width: fit-content;
  margin: auto; }
  .features .item {
    background: #f9f9f9;
    color: #321d18;
    border-radius: 20px;
    padding: 6px 12px;
    min-width: 115px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    font-size: 15px; }
    .features .item.active {
      background: radial-gradient(74.83% 80.77% at 18.62% 19.23%, #ff9176 0%, #ff4b1e 100%);
      box-shadow: 0px 4px 5.8px 0px #ff4b1e26;
      color: #fff;
      font-weight: bold; }
  .features .bg-tab {
    position: absolute;
    left: -3.5px;
    bottom: -4px;
    z-index: 1;
    width: 21%;
    height: 50px;
    transition: left 0.2s ease-in; }
    .features .bg-tab img {
      width: 115%;
      height: 100%;
      margin-left: -10%; }
  @media (min-width: 768px) {
    .features {
      display: flex; } }

.features-content {
  border: 1px solid #eae3e1;
  border-radius: 30px;
  margin-bottom: 50px;
  display: block; }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .features-content .fakespam,
  .features-content .ddos,
  .features-content .scraping,
  .features-content .fraud,
  .features-content .click,
  .features-content .chargeback,
  .features-content .coupon {
    display: flex;
    padding: 3%;
    align-items: center;
    animation: fadeIn 1s ease-in;
    flex-direction: column; }
    .features-content .fakespam .content,
    .features-content .ddos .content,
    .features-content .scraping .content,
    .features-content .fraud .content,
    .features-content .click .content,
    .features-content .chargeback .content,
    .features-content .coupon .content {
      padding: 3% 3% 0 3%; }
      .features-content .fakespam .content h5,
      .features-content .ddos .content h5,
      .features-content .scraping .content h5,
      .features-content .fraud .content h5,
      .features-content .click .content h5,
      .features-content .chargeback .content h5,
      .features-content .coupon .content h5 {
        color: #0c0200;
        font-weight: bold; }
      .features-content .fakespam .content p,
      .features-content .ddos .content p,
      .features-content .scraping .content p,
      .features-content .fraud .content p,
      .features-content .click .content p,
      .features-content .chargeback .content p,
      .features-content .coupon .content p {
        color: #54433f; }
    .features-content .fakespam > img,
    .features-content .ddos > img,
    .features-content .scraping > img,
    .features-content .fraud > img,
    .features-content .click > img,
    .features-content .chargeback > img,
    .features-content .coupon > img {
      width: 100%;
      max-width: 400px;
      margin-bottom: 30px; }
  @media (min-width: 576px) {
    .features-content .fakespam,
    .features-content .ddos,
    .features-content .scraping,
    .features-content .fraud,
    .features-content .click,
    .features-content .chargeback,
    .features-content .coupon {
      padding: 0; }
      .features-content .fakespam .content,
      .features-content .ddos .content,
      .features-content .scraping .content,
      .features-content .fraud .content,
      .features-content .click .content,
      .features-content .chargeback .content,
      .features-content .coupon .content {
        padding: 5% 5% 0; } }
  @media (min-width: 768px) {
    .features-content {
      display: none; }
      .features-content .ddos,
      .features-content .scraping,
      .features-content .fakespam,
      .features-content .fraud,
      .features-content .click,
      .features-content .chargeback,
      .features-content .coupon {
        flex-direction: row; }
        .features-content .ddos.d-nonee,
        .features-content .scraping.d-nonee,
        .features-content .fakespam.d-nonee,
        .features-content .fraud.d-nonee,
        .features-content .click.d-nonee,
        .features-content .chargeback.d-nonee,
        .features-content .coupon.d-nonee {
          display: none; }
        .features-content .ddos .content,
        .features-content .scraping .content,
        .features-content .fakespam .content,
        .features-content .fraud .content,
        .features-content .click .content,
        .features-content .chargeback .content,
        .features-content .coupon .content {
          width: 50%;
          padding: 3% 5% 3% 2%; }
          .features-content .ddos .content + img,
          .features-content .scraping .content + img,
          .features-content .fakespam .content + img,
          .features-content .fraud .content + img,
          .features-content .click .content + img,
          .features-content .chargeback .content + img,
          .features-content .coupon .content + img {
            max-width: 50%; } }
  @media (min-width: 992px) {
    .features-content .fakespam {
      padding: 0 5%; }
      .features-content .fakespam .content {
        padding: 5% 5% 5% 0; }
    .features-content .ddos,
    .features-content .scraping,
    .features-content .fraud,
    .features-content .click,
    .features-content .chargeback,
    .features-content .coupon {
      padding: 3% 5%; }
      .features-content .ddos .content,
      .features-content .scraping .content,
      .features-content .fraud .content,
      .features-content .click .content,
      .features-content .chargeback .content,
      .features-content .coupon .content {
        padding: 5% 5% 5% 0%; } }

.features-desktop {
  display: none; }
  @media (min-width: 768px) {
    .features-desktop {
      display: block; } }

#features-accordion .accordion-item {
  padding: 16px 25px;
  border-radius: 20px;
  border: none; }
  #features-accordion .accordion-item.active {
    border: 1px solid #ff4b1e;
    box-shadow: 0px 7px 5px 0px #eae3e133; }
  #features-accordion .accordion-item .accordion-header {
    font-weight: bold;
    font-size: 18px;
    color: #0c0200;
    position: relative;
    cursor: pointer; }
    #features-accordion .accordion-item .accordion-header::after {
      flex-shrink: 0;
      width: 18px;
      height: 11px;
      margin-left: auto;
      content: "";
      background-image: url("/static/images/ic-dropdown.png");
      background-repeat: no-repeat;
      background-size: contain;
      transition: transform 0.2s ease-in-out;
      transform: rotate(180deg);
      position: absolute;
      right: -8px;
      top: 0;
      bottom: 0;
      margin: auto; }
    #features-accordion .accordion-item .accordion-header:not(.collapsed)::after {
      transform: rotate(0deg); }
  #features-accordion .accordion-item .accordion-body {
    padding: 0;
    padding-top: 8px;
    color: #0c0200; }
@media (min-width: 768px) {
  #features-accordion .accordion-item {
    padding: 15px 22px 15px 18px; }
    #features-accordion .accordion-item .accordion-header::after {
      width: 15px;
      right: -12px; } }
@media (min-width: 992px) {
  #features-accordion .accordion-item {
    padding: 16px 25px; }
    #features-accordion .accordion-item .accordion-header::after {
      width: 18px;
      right: -8px; } }

.img-feature {
  background: linear-gradient(180deg, #ffd4ca 0%, #ffefeb 100%);
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 6% 6%;
  height: 100%; }
  .img-feature img {
    max-width: 100%;
    max-height: 100%; }
  @media (min-width: 1200px) {
    .img-feature {
      min-height: 450px; } }

.how-to-use {
  max-width: 900px;
  margin: auto;
  padding: 1px 20px 80px;
  text-align: center;
  position: relative; }
  .how-to-use .use-steps {
    border-radius: 15px;
    background: linear-gradient(247.74deg, #ff7856 0.13%, #eae3e1 12.82%, #eae3e1 83.25%);
    box-shadow: 0px 7px 5px 0px #eae3e133;
    padding: 1px;
    overflow: hidden;
    margin: 0 0 40px; }
    .how-to-use .use-steps .use-steps-box {
      display: flex;
      flex-wrap: wrap;
      border-radius: 15px;
      padding: 3%;
      background: #fff; }
    .how-to-use .use-steps .step {
      width: 50%;
      padding: 2%;
      text-align: start;
      background-color: #fff; }
      .how-to-use .use-steps .step b {
        color: #0c0200;
        font-size: 16px;
        display: block;
        margin: 4px 0; }
      .how-to-use .use-steps .step p {
        color: #54433f;
        font-size: 15px; }
      .how-to-use .use-steps .step:nth-child(1) {
        border-top-left-radius: 15px; }
      .how-to-use .use-steps .step:nth-child(2) {
        border-top-right-radius: 15px; }
      .how-to-use .use-steps .step:nth-child(3) {
        border-bottom-left-radius: 15px; }
      .how-to-use .use-steps .step:nth-child(4) {
        border-bottom-right-radius: 15px; }
  .how-to-use .bg-use {
    position: absolute;
    top: 5%;
    right: -20%;
    width: 50%;
    z-index: -1; }
  .how-to-use .need-help {
    color: #321d18;
    font-size: 20px;
    max-width: 600px;
    margin: 0 auto 15px; }

@media (min-width: 576px) {
  .how-to-use .use-steps .step b {
    font-size: 18px; } }
@media (min-width: 768px) {
  .how-to-use .use-steps .use-steps-box {
    padding: 4%; }
  .how-to-use .use-steps .step {
    padding: 4%; } }
.our-features {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0 20px;
  text-align: center; }
  .our-features .our-features-top {
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(180deg, #46be96 0%, #205845 100%);
    display: inline-block;
    margin: 20px 0 15px; }
    .our-features .our-features-top div {
      background: #295f4d;
      color: #8ef6d3;
      font-size: 15px;
      border-radius: 10px;
      padding: 6px 12px; }
  .our-features .our-features-txt {
    max-width: 800px;
    margin: 15px auto 20px;
    text-align: center;
    font-size: 15px; }
  .our-features .btn-started {
    background: linear-gradient(to right, #ff9176, #ff4b1e);
    border: none;
    border-radius: 20px;
    color: white;
    padding: 8px 20px;
    font-size: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); }
  .our-features .see-more,
  .our-features .see-more:hover {
    border: 1px solid #ffffff;
    background: transparent;
    border-radius: 20px;
    color: white;
    padding: 8px 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    text-decoration: none; }
    .our-features .see-more img,
    .our-features .see-more:hover img {
      height: 10px; }
  @media (min-width: 768px) {
    .our-features {
      padding: 50px 0 80px; } }

.smart-detection-box,
.payment-fraud-box,
.sms-fraud-box {
  flex-direction: column; }
  .smart-detection-box .smart-detection,
  .smart-detection-box .payment-fraud,
  .smart-detection-box .sms-fraud,
  .payment-fraud-box .smart-detection,
  .payment-fraud-box .payment-fraud,
  .payment-fraud-box .sms-fraud,
  .sms-fraud-box .smart-detection,
  .sms-fraud-box .payment-fraud,
  .sms-fraud-box .sms-fraud {
    position: relative;
    height: fit-content;
    border-bottom-left-radius: 20px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 99%; }
    .smart-detection-box .smart-detection .ic-smart-mobile,
    .smart-detection-box .payment-fraud .ic-smart-mobile,
    .smart-detection-box .sms-fraud .ic-smart-mobile,
    .payment-fraud-box .smart-detection .ic-smart-mobile,
    .payment-fraud-box .payment-fraud .ic-smart-mobile,
    .payment-fraud-box .sms-fraud .ic-smart-mobile,
    .sms-fraud-box .smart-detection .ic-smart-mobile,
    .sms-fraud-box .payment-fraud .ic-smart-mobile,
    .sms-fraud-box .sms-fraud .ic-smart-mobile {
      display: block;
      position: relative;
      margin-bottom: 15px; }
      .smart-detection-box .smart-detection .ic-smart-mobile .ic-detection,
      .smart-detection-box .payment-fraud .ic-smart-mobile .ic-detection,
      .smart-detection-box .sms-fraud .ic-smart-mobile .ic-detection,
      .payment-fraud-box .smart-detection .ic-smart-mobile .ic-detection,
      .payment-fraud-box .payment-fraud .ic-smart-mobile .ic-detection,
      .payment-fraud-box .sms-fraud .ic-smart-mobile .ic-detection,
      .sms-fraud-box .smart-detection .ic-smart-mobile .ic-detection,
      .sms-fraud-box .payment-fraud .ic-smart-mobile .ic-detection,
      .sms-fraud-box .sms-fraud .ic-smart-mobile .ic-detection {
        width: 55px;
        object-fit: contain;
        z-index: 1;
        position: relative; }
      .smart-detection-box .smart-detection .ic-smart-mobile::before,
      .smart-detection-box .payment-fraud .ic-smart-mobile::before,
      .smart-detection-box .sms-fraud .ic-smart-mobile::before,
      .payment-fraud-box .smart-detection .ic-smart-mobile::before,
      .payment-fraud-box .payment-fraud .ic-smart-mobile::before,
      .payment-fraud-box .sms-fraud .ic-smart-mobile::before,
      .sms-fraud-box .smart-detection .ic-smart-mobile::before,
      .sms-fraud-box .payment-fraud .ic-smart-mobile::before,
      .sms-fraud-box .sms-fraud .ic-smart-mobile::before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-position: bottom;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 30%;
        margin: auto; }
    .smart-detection-box .smart-detection .ic-smart-detection,
    .smart-detection-box .payment-fraud .ic-smart-detection,
    .smart-detection-box .sms-fraud .ic-smart-detection,
    .payment-fraud-box .smart-detection .ic-smart-detection,
    .payment-fraud-box .payment-fraud .ic-smart-detection,
    .payment-fraud-box .sms-fraud .ic-smart-detection,
    .sms-fraud-box .smart-detection .ic-smart-detection,
    .sms-fraud-box .payment-fraud .ic-smart-detection,
    .sms-fraud-box .sms-fraud .ic-smart-detection {
      position: absolute;
      top: 0;
      left: -25px;
      width: 55px;
      object-fit: contain;
      display: none; }
    .smart-detection-box .smart-detection .img-smart-detection,
    .smart-detection-box .payment-fraud .img-smart-detection,
    .smart-detection-box .sms-fraud .img-smart-detection,
    .payment-fraud-box .smart-detection .img-smart-detection,
    .payment-fraud-box .payment-fraud .img-smart-detection,
    .payment-fraud-box .sms-fraud .img-smart-detection,
    .sms-fraud-box .smart-detection .img-smart-detection,
    .sms-fraud-box .payment-fraud .img-smart-detection,
    .sms-fraud-box .sms-fraud .img-smart-detection {
      max-width: 500px;
      margin: 20px auto 0; }
    .smart-detection-box .smart-detection > p,
    .smart-detection-box .payment-fraud > p,
    .smart-detection-box .sms-fraud > p,
    .payment-fraud-box .smart-detection > p,
    .payment-fraud-box .payment-fraud > p,
    .payment-fraud-box .sms-fraud > p,
    .sms-fraud-box .smart-detection > p,
    .sms-fraud-box .payment-fraud > p,
    .sms-fraud-box .sms-fraud > p {
      font-size: 14px; }
    .smart-detection-box .smart-detection h3,
    .smart-detection-box .payment-fraud h3,
    .smart-detection-box .sms-fraud h3,
    .payment-fraud-box .smart-detection h3,
    .payment-fraud-box .payment-fraud h3,
    .payment-fraud-box .sms-fraud h3,
    .sms-fraud-box .smart-detection h3,
    .sms-fraud-box .payment-fraud h3,
    .sms-fraud-box .sms-fraud h3 {
      font-size: 22px; }
  .smart-detection-box .img-smart-detection,
  .payment-fraud-box .img-smart-detection,
  .sms-fraud-box .img-smart-detection {
    object-fit: contain;
    margin: 15px auto;
    max-width: 400px;
    width: 100%; }
  .smart-detection-box .point-end,
  .payment-fraud-box .point-end,
  .sms-fraud-box .point-end {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 15px;
    bottom: -6px;
    right: 0px;
    background-color: #212529; }
  @media (min-width: 576px) {
    .smart-detection-box,
    .payment-fraud-box,
    .sms-fraud-box {
      flex-direction: row; }
      .smart-detection-box .smart-detection,
      .smart-detection-box .payment-fraud,
      .smart-detection-box .sms-fraud,
      .payment-fraud-box .smart-detection,
      .payment-fraud-box .payment-fraud,
      .payment-fraud-box .sms-fraud,
      .sms-fraud-box .smart-detection,
      .sms-fraud-box .payment-fraud,
      .sms-fraud-box .sms-fraud {
        width: 50%; }
        .smart-detection-box .smart-detection h3,
        .smart-detection-box .payment-fraud h3,
        .smart-detection-box .sms-fraud h3,
        .payment-fraud-box .smart-detection h3,
        .payment-fraud-box .payment-fraud h3,
        .payment-fraud-box .sms-fraud h3,
        .sms-fraud-box .smart-detection h3,
        .sms-fraud-box .payment-fraud h3,
        .sms-fraud-box .sms-fraud h3 {
          font-size: 25px; }
        .smart-detection-box .smart-detection > p,
        .smart-detection-box .payment-fraud > p,
        .smart-detection-box .sms-fraud > p,
        .payment-fraud-box .smart-detection > p,
        .payment-fraud-box .payment-fraud > p,
        .payment-fraud-box .sms-fraud > p,
        .sms-fraud-box .smart-detection > p,
        .sms-fraud-box .payment-fraud > p,
        .sms-fraud-box .sms-fraud > p {
          font-size: 15px; }
      .smart-detection-box .img-smart-detection,
      .payment-fraud-box .img-smart-detection,
      .sms-fraud-box .img-smart-detection {
        max-width: 45%;
        margin: 60px 0 0 auto; } }
  @media (min-width: 768px) {
    .smart-detection-box .smart-detection,
    .smart-detection-box .payment-fraud,
    .smart-detection-box .sms-fraud,
    .payment-fraud-box .smart-detection,
    .payment-fraud-box .payment-fraud,
    .payment-fraud-box .sms-fraud,
    .sms-fraud-box .smart-detection,
    .sms-fraud-box .payment-fraud,
    .sms-fraud-box .sms-fraud {
      margin-left: 30px;
      margin-right: 20px;
      padding-left: 50px;
      padding-right: 30px;
      padding-top: 20px;
      padding-bottom: 15px; }
      .smart-detection-box .smart-detection .ic-smart-mobile,
      .smart-detection-box .payment-fraud .ic-smart-mobile,
      .smart-detection-box .sms-fraud .ic-smart-mobile,
      .payment-fraud-box .smart-detection .ic-smart-mobile,
      .payment-fraud-box .payment-fraud .ic-smart-mobile,
      .payment-fraud-box .sms-fraud .ic-smart-mobile,
      .sms-fraud-box .smart-detection .ic-smart-mobile,
      .sms-fraud-box .payment-fraud .ic-smart-mobile,
      .sms-fraud-box .sms-fraud .ic-smart-mobile {
        display: none; }
      .smart-detection-box .smart-detection .ic-smart-detection,
      .smart-detection-box .payment-fraud .ic-smart-detection,
      .smart-detection-box .sms-fraud .ic-smart-detection,
      .payment-fraud-box .smart-detection .ic-smart-detection,
      .payment-fraud-box .payment-fraud .ic-smart-detection,
      .payment-fraud-box .sms-fraud .ic-smart-detection,
      .sms-fraud-box .smart-detection .ic-smart-detection,
      .sms-fraud-box .payment-fraud .ic-smart-detection,
      .sms-fraud-box .sms-fraud .ic-smart-detection {
        left: -30px;
        width: 60px;
        display: block; }
      .smart-detection-box .smart-detection h3,
      .smart-detection-box .payment-fraud h3,
      .smart-detection-box .sms-fraud h3,
      .payment-fraud-box .smart-detection h3,
      .payment-fraud-box .payment-fraud h3,
      .payment-fraud-box .sms-fraud h3,
      .sms-fraud-box .smart-detection h3,
      .sms-fraud-box .payment-fraud h3,
      .sms-fraud-box .sms-fraud h3 {
        font-size: 25px; }
      .smart-detection-box .smart-detection > p,
      .smart-detection-box .payment-fraud > p,
      .smart-detection-box .sms-fraud > p,
      .payment-fraud-box .smart-detection > p,
      .payment-fraud-box .payment-fraud > p,
      .payment-fraud-box .sms-fraud > p,
      .sms-fraud-box .smart-detection > p,
      .sms-fraud-box .payment-fraud > p,
      .sms-fraud-box .sms-fraud > p {
        font-size: 15px; }
    .smart-detection-box .img-smart-detection,
    .payment-fraud-box .img-smart-detection,
    .sms-fraud-box .img-smart-detection {
      margin: auto; } }
  @media (min-width: 992px) {
    .smart-detection-box .smart-detection,
    .smart-detection-box .payment-fraud,
    .smart-detection-box .sms-fraud,
    .payment-fraud-box .smart-detection,
    .payment-fraud-box .payment-fraud,
    .payment-fraud-box .sms-fraud,
    .sms-fraud-box .smart-detection,
    .sms-fraud-box .payment-fraud,
    .sms-fraud-box .sms-fraud {
      padding-left: 70px;
      margin-left: 35px; }
      .smart-detection-box .smart-detection > p,
      .smart-detection-box .payment-fraud > p,
      .smart-detection-box .sms-fraud > p,
      .payment-fraud-box .smart-detection > p,
      .payment-fraud-box .payment-fraud > p,
      .payment-fraud-box .sms-fraud > p,
      .sms-fraud-box .smart-detection > p,
      .sms-fraud-box .payment-fraud > p,
      .sms-fraud-box .sms-fraud > p {
        max-width: 90%; }
      .smart-detection-box .smart-detection .ic-smart-detection,
      .smart-detection-box .payment-fraud .ic-smart-detection,
      .smart-detection-box .sms-fraud .ic-smart-detection,
      .payment-fraud-box .smart-detection .ic-smart-detection,
      .payment-fraud-box .payment-fraud .ic-smart-detection,
      .payment-fraud-box .sms-fraud .ic-smart-detection,
      .sms-fraud-box .smart-detection .ic-smart-detection,
      .sms-fraud-box .payment-fraud .ic-smart-detection,
      .sms-fraud-box .sms-fraud .ic-smart-detection {
        left: -35px;
        width: 70px; } }
  @media (min-width: 1200px) {
    .smart-detection-box .smart-detection h3,
    .smart-detection-box .payment-fraud h3,
    .smart-detection-box .sms-fraud h3,
    .payment-fraud-box .smart-detection h3,
    .payment-fraud-box .payment-fraud h3,
    .payment-fraud-box .sms-fraud h3,
    .sms-fraud-box .smart-detection h3,
    .sms-fraud-box .payment-fraud h3,
    .sms-fraud-box .sms-fraud h3 {
      font-size: 30px; } }

.smart-detection-box,
.payment-fraud-box {
  display: flex;
  padding: 50px 0; }
  .smart-detection-box .smart-detection .point-end,
  .payment-fraud-box .smart-detection .point-end {
    border: 1px solid #c28c51; }
  .smart-detection-box .payment-fraud .point-end,
  .payment-fraud-box .payment-fraud .point-end {
    border: 1px solid #51c29d; }
  @media (min-width: 768px) {
    .smart-detection-box .smart-detection,
    .payment-fraud-box .smart-detection {
      background-image: url("/static/images/bg-dashed-orange.png"); }
    .smart-detection-box .payment-fraud,
    .payment-fraud-box .payment-fraud {
      background-image: url("/static/images/bg-dashed-green.png"); } }

.smart-detection-box .ic-smart-mobile::before {
  background-image: url("/static/images/bg-dashed-orange.png"); }

.payment-fraud-box .ic-smart-mobile::before {
  background-image: url("/static/images/bg-dashed-green.png"); }

.smart-block-box {
  display: flex;
  padding: 0;
  flex-direction: column; }
  .smart-block-box .img-smart-block {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 25px;
    position: relative; }
    .smart-block-box .img-smart-block.desktop {
      display: none; }
    .smart-block-box .img-smart-block.mobile {
      display: block; }
    .smart-block-box .img-smart-block img {
      object-fit: contain;
      width: 100%; }
    .smart-block-box .img-smart-block [alt="smart-block"] {
      position: relative;
      z-index: 1; }
    .smart-block-box .img-smart-block [alt="bg-violet"] {
      position: absolute;
      margin: auto;
      left: -10%;
      top: 0;
      bottom: 0;
      right: 0;
      z-index: 0;
      width: 130%; }
  .smart-block-box .smart-block-img {
    position: relative;
    width: 20%;
    margin-right: 50px;
    margin-left: 20px;
    display: none; }
    .smart-block-box .smart-block-img .bg-smart-detection {
      width: 100%; }
    .smart-block-box .smart-block-img .ic-smart-detection {
      position: absolute;
      top: 0;
      right: -25px;
      width: 55px; }
    .smart-block-box .smart-block-img .point-end {
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 15px;
      bottom: -6px;
      left: 0px;
      background-color: #212529;
      border: 1px solid #7551c2; }
  .smart-block-box .smart-block {
    position: relative;
    height: fit-content;
    flex: 1; }
    .smart-block-box .smart-block > p {
      font-size: 14px; }
    .smart-block-box .smart-block h3 {
      font-size: 22px; }
    .smart-block-box .smart-block .ic-smart-mobile {
      display: block;
      position: relative;
      margin-bottom: 15px;
      text-align: right; }
      .smart-block-box .smart-block .ic-smart-mobile .ic-detection {
        width: 55px;
        object-fit: contain;
        z-index: 1;
        position: relative; }
      .smart-block-box .smart-block .ic-smart-mobile::before {
        content: "";
        position: absolute;
        background-position: bottom;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 4%;
        margin: auto;
        background-image: url("/static/images/bg-dashed-violet.png"); }
  @media (min-width: 550px) {
    .smart-block-box {
      flex-direction: row;
      align-items: center;
      padding: 60px 0 20px; }
      .smart-block-box .img-smart-block {
        width: 45%;
        margin: 0; }
        .smart-block-box .img-smart-block.desktop {
          display: block; }
        .smart-block-box .img-smart-block.mobile {
          display: none; }
      .smart-block-box .smart-block {
        margin-left: 4%;
        margin-top: -45px; }
        .smart-block-box .smart-block h3 {
          font-size: 25px; }
        .smart-block-box .smart-block > p {
          font-size: 15px; }
      .smart-block-box .smart-block-img .ic-smart-detection {
        right: -30px;
        width: 65px; } }
  @media (min-width: 610px) {
    .smart-block-box .smart-block {
      margin-left: 5%;
      margin-top: -70px; } }
  @media (min-width: 768px) {
    .smart-block-box {
      padding: 50px 0; }
      .smart-block-box .img-smart-block {
        width: 40%; }
      .smart-block-box .smart-block {
        margin-left: 0;
        margin-top: 0px; }
      .smart-block-box .smart-block-img {
        width: 16%;
        display: block;
        margin-top: -40px; }
        .smart-block-box .smart-block-img .ic-smart-detection {
          width: 60px;
          top: -35px; }
      .smart-block-box .smart-block .ic-smart-mobile {
        display: none; } }
  @media (min-width: 850px) {
    .smart-block-box .smart-block-img {
      margin-top: -50px; }
    .smart-block-box .smart-block {
      margin-top: -30px; } }
  @media (min-width: 992px) {
    .smart-block-box .smart-block-img {
      margin-right: 60px;
      width: 18%;
      margin-top: -60px; }
      .smart-block-box .smart-block-img .ic-smart-detection {
        top: -35px;
        right: -35px;
        width: 70px; } }
  @media (min-width: 1200px) {
    .smart-block-box .smart-block {
      margin-top: -60px; }
      .smart-block-box .smart-block h3 {
        font-size: 30px; } }

.sms-fraud-box {
  display: flex;
  padding: 50px 0; }
  .sms-fraud-box .sms-fraud {
    background-image: url("/static/images/bg-dashed-red.png"); }
    .sms-fraud-box .sms-fraud > p {
      font-size: 15px; }
    .sms-fraud-box .sms-fraud .img-smart-detection {
      position: absolute;
      top: 0;
      left: -35px;
      width: 70px; }
    .sms-fraud-box .sms-fraud .point-end {
      border: 1px solid #c25151; }
  .sms-fraud-box .img-sms-fraud {
    max-width: 45%;
    object-fit: contain;
    max-width: 90%;
    margin: 20px auto 0; }
  @media (min-width: 768px) {
    .sms-fraud-box .sms-fraud {
      width: 55%; }
    .sms-fraud-box .img-sms-fraud {
      max-width: 45%;
      margin: auto; } }
  @media (min-width: 992px) {
    .sms-fraud-box .sms-fraud > p {
      max-width: 80%; } }

.plans {
  padding: 80px 0 50px;
  text-align: center; }
  .plans .title, .plans .ecommerces-tile, .plans .features-title {
    text-align: center; }
  .plans .description {
    color: #4d4d4d;
    font-size: 20px;
    text-align: center; }
  .plans .subtitle {
    color: #4d4d4d;
    font-size: 15px;
    margin: 30px 0 5px 20px;
    text-align: center; }
  .plans .btn-groups {
    background-color: #f3f4f6;
    border-radius: 50px;
    padding: 2px;
    display: inline-flex; }
    .plans .btn-groups button {
      color: rgba(12, 2, 0, 0.5);
      background-color: transparent;
      font-size: 14px;
      padding: 5px 15px;
      border-radius: 50px;
      border: none;
      display: flex;
      align-items: center;
      border: none; }
      .plans .btn-groups button .save {
        font-size: 10px;
        background-color: #ff4b1e;
        border-radius: 50px;
        padding: 2px 8px;
        margin-left: 6px;
        color: #fff; }
      .plans .btn-groups button.active {
        background-color: #fff;
        color: #0c0200; }
  .plans .plan-box {
    margin: 20px 0; }
    .plans .plan-box .item-plan {
      position: relative;
      text-align: start;
      padding: 16px 5% 8px;
      border: 1px solid #eae3e1;
      border-radius: 15px;
      box-shadow: 0px 7px 5px 0px #eae3e133;
      background-color: #f9f9f9;
      height: 100%; }
      .plans .plan-box .item-plan h6 {
        color: #0c0200;
        font-size: 14px; }
      .plans .plan-box .item-plan .prices {
        display: flex;
        align-items: center;
        gap: 5px; }
        .plans .plan-box .item-plan .prices .price {
          font-size: 28px;
          font-weight: bold; }
        .plans .plan-box .item-plan .prices .sale {
          color: #ffffff;
          background: #5d9afc;
          border-radius: 4px;
          font-size: 10px;
          padding: 1px 5px; }
      .plans .plan-box .item-plan .des {
        color: #0c0200;
        opacity: 0.6;
        font-size: 14px; }
      .plans .plan-box .item-plan button {
        background-color: #0c0200;
        color: #fff;
        padding: 5px 10px;
        width: 100%;
        border: none;
        border-radius: 50px;
        margin: 0 0 20px;
        font-size: 15px; }
      .plans .plan-box .item-plan .feature {
        font-size: 14px; }
      .plans .plan-box .item-plan .txtOrange {
        color: #ff4b1e; }
      .plans .plan-box .item-plan ul {
        margin-top: 8px; }
        .plans .plan-box .item-plan ul li {
          position: relative;
          list-style: none;
          margin: 8px 0;
          font-size: 15px; }
          .plans .plan-box .item-plan ul li::before {
            content: "";
            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'><path d='M5.59995 9.99977C5.46834 10.0005 5.33788 9.97531 5.21604 9.92555C5.09421 9.87578 4.98339 9.80245 4.88995 9.70977L0.299951 5.07978C0.111647 4.89147 0.00585937 4.63608 0.00585938 4.36978C0.00585938 4.10347 0.111647 3.84808 0.299951 3.65978C0.488255 3.47147 0.743649 3.36568 1.00995 3.36568C1.27625 3.36568 1.53165 3.47147 1.71995 3.65978L5.59995 7.54978L12.27 0.869775C12.4583 0.681472 12.7136 0.575684 12.9799 0.575684C13.2463 0.575684 13.5016 0.681472 13.69 0.869775C13.8783 1.05808 13.984 1.31347 13.984 1.57978C13.984 1.84608 13.8783 2.10147 13.69 2.28978L6.30995 9.66978C6.12468 9.8672 5.87031 9.98542 5.59995 9.99977Z' fill='%23FF4B1E'/></svg>");
            background-repeat: no-repeat;
            background-size: contain;
            width: 15px;
            height: 10px;
            object-fit: contain;
            position: absolute;
            left: -25px;
            top: 0;
            bottom: 0;
            margin: auto; }
      .plans .plan-box .item-plan.recommennd {
        background-color: #fff;
        padding: 0;
        overflow: hidden; }
        .plans .plan-box .item-plan.recommennd .recommennd-status {
          padding: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          background-color: #fff;
          font-size: 14px;
          color: #ff4b1e;
          border-bottom: 1px solid #eae3e1; }
        .plans .plan-box .item-plan.recommennd .recommennd-box {
          background-color: #fff;
          padding: 16px 5% 8px; }
          .plans .plan-box .item-plan.recommennd .recommennd-box h6 {
            color: #ff4b1e; }
          .plans .plan-box .item-plan.recommennd .recommennd-box button {
            background: radial-gradient(74.83% 80.77% at 18.62% 19.23%, #ff9176 0%, #ff4b1e 100%); }
  .plans .plan-info {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: column; }
    .plans .plan-info .list-box {
      background: #fff6f4;
      padding: 15px;
      border-radius: 20px; }
      .plans .plan-info .list-box ul {
        margin-bottom: 0; }
        .plans .plan-info .list-box ul li {
          list-style: none;
          position: relative;
          color: #321d18;
          padding: 3px; }
          .plans .plan-info .list-box ul li::before {
            content: "";
            background-image: url("/static/images/ic-checked.png");
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            left: -25px;
            top: 0;
            bottom: 0;
            width: 14px;
            height: 14px;
            margin: auto; }
    .plans .plan-info .plan-details {
      width: 100%; }
      .plans .plan-info .plan-details .name {
        color: #0c0200;
        margin-bottom: 3px; }
      .plans .plan-info .plan-details p {
        color: #4d4d4d; }
        .plans .plan-info .plan-details p b {
          color: #000;
          font-size: 30px; }
      .plans .plan-info .plan-details .btn-started,
      .plans .plan-info .plan-details .btn-started:hover {
        background: linear-gradient(to right, #ff9176, #ff4b1e);
        border: none;
        border-radius: 20px;
        color: white;
        padding: 5px 15px;
        font-size: 15px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        text-decoration: none; }
      .plans .plan-info .plan-details .btn-contact,
      .plans .plan-info .plan-details .btn-contactsales:hover {
        border: 1px solid #ff4b1e;
        background-color: transparent;
        border-radius: 20px;
        color: #ff4b1e;
        padding: 5px 15px;
        font-size: 15px;
        text-decoration: none; }
  .plans .need-help {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #9d9d9d;
    font-size: 16px;
    gap: 4px; }
  @media (min-width: 576px) {
    .plans {
      padding: 95px 0; }
      .plans .item-plan {
        padding: 16px 5%; }
        .plans .item-plan.recommennd .recommennd-box {
          padding: 16px 5%; } }
  @media (min-width: 768px) {
    .plans .subtitle {
      text-align: start; }
    .plans .plan-info {
      flex-direction: row;
      gap: 4%; }
      .plans .plan-info .list-box {
        width: 50%; }
      .plans .plan-info .plan-details {
        max-width: 50%; } }
  @media (min-width: 992px) {
    .plans {
      gap: 8%; }
      .plans .plan-box {
        margin: 65px 0 50px;
        border: 1px solid #eae3e1;
        border-radius: 15px;
        box-shadow: 0px 7px 5px 0px #eae3e133;
        background-color: #f9f9f9;
        padding: 0 12px; }
        .plans .plan-box .item-plan {
          border: none;
          box-shadow: none; }
          .plans .plan-box .item-plan.recommennd {
            overflow: initial; }
            .plans .plan-box .item-plan.recommennd .recommennd-status {
              position: absolute;
              top: -30px;
              height: 30px;
              width: 100%;
              width: calc(100% + 24px);
              left: -12px;
              border: 1px solid #eae3e1;
              border-top-left-radius: 15px;
              border-top-right-radius: 15px;
              padding: 0px; }
            .plans .plan-box .item-plan.recommennd .recommennd-box {
              padding: 16px;
              position: absolute;
              top: 0;
              left: -12px;
              width: calc(100% + 24px);
              border: 1px solid #eae3e1;
              border-top: none;
              border-bottom-left-radius: 15px;
              border-bottom-right-radius: 15px; }
      .plans .plan-info .list-box {
        width: 40%;
        padding: 20px; } }
  @media (min-width: 1200px) {
    .plans .plan-info .plan-details {
      max-width: 45%; } }
  @media (min-width: 1400px) {
    .plans .plan-info .plan-details {
      max-width: 40%; } }

.stories {
  text-align: center; }
  .stories .description {
    max-width: 800px;
    margin: auto; }
  .stories .stories-line {
    background: linear-gradient(90deg, rgba(234, 227, 225, 0) 0%, #eae3e1 50%, rgba(234, 227, 225, 0) 100%);
    height: 1px;
    width: 500px;
    max-width: 100%;
    margin: 20px auto; }
  .stories .users {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 0 30px; }
    .stories .users .avatar {
      border: 1px solid transparent;
      border-radius: 50px;
      padding: 1px;
      width: 40px;
      height: 40px;
      overflow: hidden;
      cursor: pointer; }
      .stories .users .avatar.active {
        border: 1px solid #ff4b1e; }
      .stories .users .avatar img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        overflow: hidden; }
  .stories .carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto; }
    .stories .carousel-container [alt="vector-1"],
    .stories .carousel-container [alt="vector-2"],
    .stories .carousel-container [alt="vector-3"],
    .stories .carousel-container [alt="vector-4"] {
      display: none; }
    .stories .carousel-container .carousel-box {
      filter: blur(1px); }
    .stories .carousel-container .slick-current .carousel-box {
      position: relative;
      filter: blur(0px); }
      .stories .carousel-container .slick-current .carousel-box [alt="vector-1"],
      .stories .carousel-container .slick-current .carousel-box [alt="vector-2"],
      .stories .carousel-container .slick-current .carousel-box [alt="vector-3"],
      .stories .carousel-container .slick-current .carousel-box [alt="vector-4"] {
        display: block;
        position: absolute; }
      .stories .carousel-container .slick-current .carousel-box [alt="vector-1"] {
        top: 0;
        left: 2px; }
      .stories .carousel-container .slick-current .carousel-box [alt="vector-2"] {
        top: 0;
        right: 2px;
        transform: rotateZ(90deg); }
      .stories .carousel-container .slick-current .carousel-box [alt="vector-3"] {
        bottom: 0;
        left: 2px;
        transform: rotateZ(-90deg); }
      .stories .carousel-container .slick-current .carousel-box [alt="vector-4"] {
        bottom: 0;
        right: 2px;
        transform: rotateZ(180deg); }
  .stories .carousel-box {
    padding: 8px 10px; }
    .stories .carousel-box .carousel-itemm {
      border: 1px solid #eae3e1;
      color: #4d4d4d;
      text-align: start;
      width: 100%;
      padding: 12px 16px;
      border-radius: 12px;
      background: white;
      box-shadow: 0px 7px 5px 0px #eae3e133; }
      .stories .carousel-box .carousel-itemm .author {
        margin-top: 15px;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 10px;
        color: #4d4d4d; }
        .stories .carousel-box .carousel-itemm .author [alt="avatar"] {
          width: 40px; }
        .stories .carousel-box .carousel-itemm .author > div {
          flex: 1; }
        .stories .carousel-box .carousel-itemm .author .name {
          font-size: 16px; }
        .stories .carousel-box .carousel-itemm .author .stars {
          display: flex;
          gap: 5px; }
          .stories .carousel-box .carousel-itemm .author .stars img {
            height: 12px; }
  @media (min-width: 768px) {
    .stories .users {
      margin: 0 0 50px; } }
  @media (min-width: 992px) {
    .stories .carousel-box {
      padding: 12px 15px; }
      .stories .carousel-box .carousel-itemm {
        padding: 18px 22px;
        border-radius: 15px; }
        .stories .carousel-box .carousel-itemm .author [alt="avatar"] {
          width: 48px; }
        .stories .carousel-box .carousel-itemm .author .name {
          font-size: 18px; } }

.questions {
  display: flex;
  padding: 80px 0 20px;
  flex-direction: column;
  gap: 30px; }
  .questions .box-left {
    text-align: center; }
    .questions .box-left .title, .questions .box-left .ecommerces-tile, .questions .box-left .features-title {
      color: #0c0200; }
    .questions .box-left p {
      color: #4d4d4d;
      max-width: 600px;
      margin: 0 auto 15px; }
    .questions .box-left .email {
      border: 1px solid #eae3e1;
      border-radius: 25px;
      padding: 4px 10px;
      color: #4d4d4d;
      font-size: 15px;
      display: inline; }
  .questions .box-right .accordion .accordion-item {
    border: none;
    margin-bottom: 10px;
    text-align: start; }
    .questions .box-right .accordion .accordion-item .accordion-header {
      padding: 12px 25px 12px 15px;
      border-left: 2px solid #eae3e1;
      position: relative;
      color: #0c0200;
      cursor: pointer;
      font-size: 17px;
      font-weight: 500; }
      .questions .box-right .accordion .accordion-item .accordion-header::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "";
        background-image: url("/static/images/ic-plus.png");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform 0.2s ease-in-out;
        transform: rotate(0deg);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
      .questions .box-right .accordion .accordion-item .accordion-header:not(.collapsed) {
        border-left: 2px solid #ff4b1e; }
        .questions .box-right .accordion .accordion-item .accordion-header:not(.collapsed) + div {
          border-left: 2px solid #ff4b1e; }
        .questions .box-right .accordion .accordion-item .accordion-header:not(.collapsed)::after {
          transform: rotate(45deg); }
    .questions .box-right .accordion .accordion-item .accordion-body {
      padding-top: 0;
      color: #4d4d4d;
      font-size: 14px;
      padding: 0 15px 15px 15px; }
  @media (min-width: 768px) {
    .questions {
      padding: 80px 0 50px; }
      .questions .box-left p {
        font-size: 18px; } }
  @media (min-width: 992px) {
    .questions {
      flex-direction: row; }
      .questions .box-left {
        width: 50%; }
      .questions .box-right {
        width: 60%; }
      .questions .box-left {
        text-align: start; }
        .questions .box-left p {
          font-size: 20px;
          max-width: 450px;
          margin-left: 0; } }
  @media (min-width: 1200px) {
    .questions .box-left,
    .questions .box-right {
      width: 50%; } }

/*# sourceMappingURL=style.css.map */