/* ------------------------------------------ */
/*         General & Basic Styles
/* ------------------------------------------ */
body,
html {
  overflow-x: hidden;
}

body {
  font-family: "pingArLt-regular";
  direction: rtl;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

ul {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  outline: none;
  transition: all 0.3s;
}

a:hover,
a:active,
a:focus {
  outline: 0;
}

.background-cover {
  background-size: cover !important;
}

input,
textarea,
button,
select {
  outline: none;
  border: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.overflow-h {
  overflow: hidden;
}

.btn-style {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 225px;
  height: 60px;
  border-radius: 100px;
  font-size: 20px;
  font-family: "pingArLt-medium";
}
.btn-style.pulse-hover {
  position: relative;
}
.btn-style.pulse-hover::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.4s;
  background-color: #00c5bb;
}
.btn-style.close-hover {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.btn-style.close-hover::after, .btn-style.close-hover::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: -28px;
  top: 0;
  z-index: -1;
  background-color: #009c95;
  transition: all 0.3s ease-in-out;
  transform: skew(-37deg);
}
.btn-style.close-hover::after {
  left: auto;
  right: -28px;
  transform: skew(-37deg);
}
.btn-style.shine-hover {
  transition: 0.6s;
  overflow: hidden;
  position: relative;
}
.btn-style.shine-hover::before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  filter: blur(30px);
  transform: translateX(-100px) skewX(-15deg);
}
.btn-style.shine-hover::after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100px) skewX(-15deg);
}
.btn-style.shiny-hover {
  position: relative;
  overflow: hidden;
  transition: 500ms ease all;
}
.btn-style.shiny-hover::before {
  content: "";
  position: absolute;
  top: -40%;
  right: 110%;
  width: 30px;
  height: 200%;
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(20deg);
}
.btn-style:hover.pulse-hover::after {
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}
.btn-style:hover.close-hover::after, .btn-style:hover.close-hover::before {
  background-color: #009c95;
  opacity: 1;
  width: 100%;
}
.btn-style:hover.shine-hover {
  background: #009c95 !important;
}
.btn-style:hover.shine-hover::before {
  transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  transition: 0.7s;
}
.btn-style:hover.shine-hover::after {
  transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  transition: 0.7s;
}
.btn-style:hover.shiny-hover {
  background-color: #ffcc00 !important;
}
.btn-style:hover.shiny-hover::before {
  right: -50%;
  transition: 1s ease all;
}

#qrCodeModal {
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
}

.toggle {
  border: 2px solid #e9e9e9;
  width: 310px;
  height: 75px;
  padding: 10px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 65px auto;
}
.toggle span {
  display: flex;
  width: 155px;
  height: 55px;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s;
}
.toggle span.active {
  background-color: #fff;
}

.CallMenu {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 9999;
}
.CallMenu > ul > li {
  position: relative;
}
.CallMenu > ul > li > ul {
  position: absolute;
  bottom: -20px;
  right: 95px;
  left: 0;
  display: none;
  margin: auto;
  text-align: center;
}
.CallMenu > ul > li > ul > li {
  display: inline-block;
}
.CallMenu > ul > li > ul > li > a {
  margin-bottom: 15px;
  width: 70px;
  height: 70px;
  line-height: 45px;
  transition: 0.4s all ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CallMenu > ul > li > ul > li > a:hover {
  box-shadow: 0 8px 6px -6px rgba(33, 33, 33, 0.5);
}
.CallMenu > ul > li > ul > li > a::after {
  display: none;
}
.CallMenu > ul > li > ul > li > a img {
  max-width: 20px;
}
.CallMenu > ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  line-height: 55px;
  text-align: center;
  background-color: #00c5bb;
  border-radius: 100%;
  position: relative;
  transition: 0.4s all ease-in-out;
  color: #fff;
  font-size: 30px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(0, 13px, 0);
  }
}
@keyframes tabAnimation {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes scale {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes scrolldown-anim {
  0% {
    opacity: 0;
    height: 6px;
  }
  40% {
    opacity: 1;
    height: 10px;
  }
  80% {
    transform: translate(0, 20px);
    height: 10px;
    opacity: 0;
  }
  100% {
    height: 3px;
    opacity: 0;
  }
}
@keyframes jumpInfinite {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.mobile-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  left: 0;
  top: 0;
  display: none;
}
.mobile-menu .bg-close {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  cursor: pointer;
}
.mobile-menu .menu-content {
  width: 320px;
  max-width: 100%;
  background-color: #f7f7f7;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: auto;
  z-index: 100;
  right: -320px;
  transition: all 0.3s;
}
.mobile-menu .menu-content.active {
  right: 0;
}
.mobile-menu .menu-content .menu-head {
  padding: 10px 0;
  background-color: #fff;
  padding-left: 21px;
}
.mobile-menu .menu-content .menu-head .menu-logo {
  display: block;
  margin: 15px auto 20px;
  width: 180px;
}
.mobile-menu .menu-content .menu-head .close-x svg {
  position: absolute;
  top: 15px;
  left: 20px;
  color: #00c5bb;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.mobile-menu .menu-content .res-menu {
  padding-bottom: 20px;
}
.mobile-menu .menu-content .res-menu li a {
  color: #000;
  height: 50px;
  display: block;
  font-size: 15px;
  padding: 0 15px;
  line-height: 50px;
  cursor: pointer;
  font-family: "pingArLt-bold";
  border-bottom: 1px solid #eee;
}
.mobile-menu .menu-content .res-menu li a.open-sub:after {
  content: "\f104";
  font-family: FontAwesome;
  width: 30px;
  float: left;
  text-align: center;
  color: #000;
  font-size: 20px;
  transition: all 0.3s;
}
.mobile-menu .menu-content .res-menu li .sub-menu {
  display: none;
}
.mobile-menu .menu-content .res-menu li .sub-menu li a {
  position: relative;
  padding-right: 40px;
}
.mobile-menu .menu-content .res-menu li .sub-menu li a::before {
  content: "\f100";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 15px;
  top: 17px;
  position: absolute;
  right: 20px;
}
.mobile-menu .menu-content .login {
  width: 170px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: "pingArLt-bold";
  margin-bottom: 20px;
  display: inline-block;
  border-radius: 35px;
  background-color: #00c5bb;
}
.mobile-menu .menu-content .social-links {
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.mobile-menu .menu-content .social-links li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #fdd302;
  color: #000;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
}

/* ------------------------------------------ */
/*         Header
/* ------------------------------------------ */
.header {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
}
.header.fixed {
  box-shadow: 0 0 29px 0 rgba(7, 8, 8, 0.2);
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.header .content {
  display: none;
  align-items: center;
  font-family: "pingArLt-medium";
  gap: 40px;
}
.header .content .menu > ul {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header .content .menu > ul > li > a {
  display: flex;
  height: 100px;
  align-items: center;
  font-size: 18px;
  color: #023a51;
  cursor: pointer;
}
.header .content .menu > ul > li > a svg {
  margin: 0 10px 10px 0;
}
.header .content .menu > ul > li > a.has-menu:hover ~ .solutions-menu, .header .content .menu > ul > li > a.has-menu:hover ~ .more-menu {
  visibility: visible;
  animation: fadeIn 0.3s ease 1;
  display: block;
}
.header .content .lang {
  margin-right: 15px;
}
.header .content .lang a {
  font-size: 16px;
  color: #023a51;
}
.header .content .login a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 50px;
  border-radius: 100px;
  background-color: #00c5bb;
  font-size: 18px;
  color: #fff;
}
.header .menu-mobile-icon {
  display: none;
  font-size: 24px;
}
.header .solutions-menu,
.header .more-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: none;
  visibility: hidden;
  transition: all 0.5s;
  z-index: -1;
}
.header .solutions-menu:hover,
.header .more-menu:hover {
  visibility: visible;
  animation: fadeIn 0.3s ease 1;
  display: block;
}
.header .solutions-menu .list,
.header .more-menu .list {
  display: flex;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  overflow: hidden;
}
.header .solutions-menu .list .right,
.header .more-menu .list .right {
  padding: 65px 45px;
  background-color: #fff;
}
.header .solutions-menu .list .right ul li a,
.header .more-menu .list .right ul li a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header .solutions-menu .list .right ul li a .icon,
.header .more-menu .list .right ul li a .icon {
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.header .solutions-menu .list .right ul li a .text,
.header .more-menu .list .right ul li a .text {
  width: 265px;
}
.header .solutions-menu .list .right ul li a .text p,
.header .more-menu .list .right ul li a .text p {
  font-size: 18px;
  color: #000;
  margin-bottom: 5px;
}
.header .solutions-menu .list .right ul li a .text span,
.header .more-menu .list .right ul li a .text span {
  font-size: 14px;
  font-family: "pingArLt-light";
  color: #000;
}
.header .solutions-menu .list .right ul li:not(:last-child),
.header .more-menu .list .right ul li:not(:last-child) {
  margin-bottom: 35px;
}
.header .solutions-menu .list .right ul li:nth-child(1) .icon,
.header .more-menu .list .right ul li:nth-child(1) .icon {
  background-color: #ebf3ff;
}
.header .solutions-menu .list .right ul li:nth-child(2) .icon,
.header .more-menu .list .right ul li:nth-child(2) .icon {
  background-color: #fef8e0;
}
.header .solutions-menu .list .right ul li:nth-child(3) .icon,
.header .more-menu .list .right ul li:nth-child(3) .icon {
  background-color: #e3f7ec;
}
.header .solutions-menu .list .left,
.header .more-menu .list .left {
  flex: 1;
  background-color: #f9f9f9;
  padding: 40px;
  display: flex;
  gap: 55px;
}
.header .solutions-menu .list .left .image img,
.header .more-menu .list .left .image img {
  border-radius: 20px;
}
.header .solutions-menu .list .left .image p,
.header .more-menu .list .left .image p {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 20px;
  margin-top: 15px;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.header .solutions-menu .list .left .image p a,
.header .more-menu .list .left .image p a {
  color: #00c5bb;
}
.header .solutions-menu .list .left .menu-list .title,
.header .more-menu .list .left .menu-list .title {
  font-size: 20px;
  font-family: "pingArLt-medium";
  color: #000;
  margin: 20px 0 25px;
}
.header .solutions-menu .list .left .menu-list ul li,
.header .more-menu .list .left .menu-list ul li {
  transition: all 0.3s;
}
.header .solutions-menu .list .left .menu-list ul li:not(:last-child),
.header .more-menu .list .left .menu-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.header .solutions-menu .list .left .menu-list ul li:not(:last-child):hover,
.header .more-menu .list .left .menu-list ul li:not(:last-child):hover {
  margin-right: 10px;
}
.header .solutions-menu .list .left .menu-list ul li:not(:last-child):hover a,
.header .more-menu .list .left .menu-list ul li:not(:last-child):hover a {
  color: #00c5bb;
}
.header .solutions-menu .list .left .menu-list ul li:not(:last-child):hover svg,
.header .more-menu .list .left .menu-list ul li:not(:last-child):hover svg {
  display: inline-flex;
}
.header .solutions-menu .list .left .menu-list ul li:last-child a,
.header .more-menu .list .left .menu-list ul li:last-child a {
  color: #00c5bb;
  text-decoration: underline;
}
.header .solutions-menu .list .left .menu-list ul li a,
.header .more-menu .list .left .menu-list ul li a {
  font-size: 14px;
  color: #000;
}
.header .solutions-menu .list .left .menu-list ul li svg,
.header .more-menu .list .left .menu-list ul li svg {
  margin-left: 5px;
  display: none;
}
.header .more-menu {
  background-color: #fff;
  border-radius: 10px;
  padding: 35px 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.header .more-menu .title {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-right: 5px;
}
.header .more-menu .menu-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin: 30px 0 40px;
}
.header .more-menu .menu-list li a {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header .more-menu .menu-list li a .icon {
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.header .more-menu .menu-list li a .text {
  width: 265px;
}
.header .more-menu .menu-list li a .text p {
  font-size: 18px;
  color: #000;
  margin-bottom: 5px;
}
.header .more-menu .menu-list li a .text span {
  font-size: 14px;
  font-family: "pingArLt-light";
  color: #000;
}
.header .more-menu .menu-list li:nth-child(1) .icon {
  background-color: #ebf3ff;
}
.header .more-menu .menu-list li:nth-child(2) .icon {
  background-color: #fef8e0;
}
.header .more-menu .menu-list li:nth-child(3) .icon {
  background-color: #e3f7ec;
}
.header .more-menu .call {
  background-color: #f7fafd;
  border-radius: 10px;
  margin-top: 15px;
  font-size: 14px;
  color: #000;
  text-align: center;
  width: 345px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-right: auto;
}
.header .more-menu .call a {
  color: #00c5bb;
}

/* ------------------------------------------ */
/*         Footer
/* ------------------------------------------ */
.footer {
  padding: 400px 0 0;
  position: relative;
  overflow-y: hidden;
}
.footer .book-call {
  background-color: #e0edf0;
  border-radius: 10px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 1320px;
}
.footer .book-call .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px;
}
.footer .book-call .content .text {
  max-width: 525px;
  padding-right: 25px;
}
.footer .book-call .content .text p {
  font-size: 30px;
  font-family: "pingArLt-heavy";
  line-height: 55px;
  color: #000;
}
.footer .book-call .content .text ul {
  margin: 30px 0 40px;
}
.footer .book-call .content .text ul li {
  display: flex;
  align-items: center;
  gap: 15px;
}
.footer .book-call .content .text ul li:not(:last-child) {
  margin-bottom: 20px;
}
.footer .book-call .content .text ul li .icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .book-call .content .text ul li span {
  position: relative;
  font-size: 18px;
  font-family: "pingArLt-light";
  color: #000;
}
.footer .book-call .content .text ul li span::before {
  content: "\f00c";
  font-family: fontAwesome;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  background-color: #000;
  margin-left: 15px;
}
.footer .book-call .content .text .btn-style {
  background-color: #000;
  color: #fff;
  font-family: "pingArLt-regular";
}
.footer .book-call .content .images {
  position: relative;
}
.footer .book-call .content .images svg {
  position: absolute;
  top: 120px;
  left: -80px;
}
.footer .book-call .content .images img {
  max-width: 100%;
}
.footer .go-top {
  position: absolute;
  bottom: 110px;
  left: 50px;
  animation: jumpInfinite 3s infinite;
  transform: translateY(50px);
  cursor: pointer;
}
.footer .footer-content {
  background-color: #141414;
  padding: 240px 0 0;
}
.footer .footer-content .content {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #262626;
  padding-bottom: 80px;
}
.footer .footer-content .content .footer-lists {
  display: flex;
  justify-content: space-between;
  flex-basis: 50%;
}
.footer .footer-content .content .footer-lists ul li:not(:last-child) {
  margin-bottom: 30px;
}
.footer .footer-content .content .footer-lists ul li a {
  font-size: 14px;
  font-family: "pingArLt-thin";
  color: #fff;
}
.footer .footer-content .content .contact-info > img {
  filter: grayscale(1);
}
.footer .footer-content .content .contact-info a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background-color: #1a1a1a;
  border-radius: 10px;
}
.footer .footer-content .content .contact-info a span {
  font-size: 14px;
  font-family: "pingArLt-extraLight";
  color: #fff;
}
.footer .footer-content .content .contact-info a.mail {
  width: 230px;
  height: 50px;
  margin: 35px 0 15px;
}
.footer .footer-content .content .contact-info a.tel {
  width: 200px;
  height: 50px;
}
.footer .footer-content .content .contact-info a svg {
  font-size: 18px;
  color: #bbb;
}
.footer .footer-content .footer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0 65px;
}
.footer .footer-content .footer-info .copyright {
  font-size: 14px;
  font-family: "pingArLt-extraLight";
  color: #fff;
}
.footer .footer-content .footer-info .whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 145px;
  height: 40px;
  background-color: #3c9700;
  border-radius: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
}
.footer .footer-content .footer-info .whatsapp svg {
  font-size: 21px;
}
.footer .footer-content .footer-info .social-link {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer .footer-content .footer-info .social-link li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #202020;
  border-radius: 50%;
}
.footer .footer-content .footer-info .social-link li a svg {
  color: #c2c4cb;
}

/* ------------------------------------------ */
/*         Home Page
/* ------------------------------------------ */
.home-page {
  /* ------------------------------------------ */
  /*         Home Slider
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         Connect With Customer
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         Use WhatsApp
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         WhatsLoop interactive system
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         Unification communication channels
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         interactive platform
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*        categories used
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*        interactive bot
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*        interactive bot
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         New technology
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         In Numbers
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         Packages
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /*         clients
  /* ------------------------------------------ */
}
.home-page .home-slider {
  background-color: #e0ecf0;
  padding: 150px 0 120px;
}
.home-page .home-slider .content .item .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-page .home-slider .content .item .box .text h1 {
  max-width: 540px;
  font-size: 60px;
  font-family: "pingArLt-bold";
  line-height: 75px;
  color: #023a51;
}
.home-page .home-slider .content .item .box .text p {
  max-width: 520px;
  font-size: 26px;
  line-height: 35px;
  color: #023a51;
  margin: 20px 0 70px;
}
.home-page .home-slider .content .item .box .text .buttons {
  padding-right: 40px;
}
.home-page .home-slider .content .item .box .text .buttons .btn-style {
  display: inline-flex;
  background-color: #00c5bb;
  color: #fff;
  margin-left: 20px;
}
.home-page .home-slider .content .item .box .text .buttons .play {
  position: relative;
  z-index: 1;
}
.home-page .home-slider .content .item .box .text .buttons .play::after {
  content: "";
  position: absolute;
  top: -38px;
  right: 0;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 206, 74, 0.4);
  border-radius: 50%;
  animation: scale 2s infinite;
  z-index: -1;
}
.home-page .home-slider .content .item .box .text .buttons .play::before {
  content: "";
  position: absolute;
  top: -28px;
  right: 10px;
  width: 80px;
  height: 80px;
  background-color: rgba(255, 207, 74, 0.737254902);
  border-radius: 50%;
  animation: scale 2s infinite;
  z-index: -2;
}
.home-page .home-slider .content .item .box .text .buttons .play svg {
  position: absolute;
  right: 18px;
  top: -20px;
}
.home-page .home-slider .content .item .box .image {
  background-image: url("../images/home-slider-image-bg.svg");
  border-radius: 30px;
  width: 545px;
  height: 625px;
  padding: 45px 75px;
  overflow: hidden;
}
.home-page .home-slider .content .item .box .image img {
  max-width: 100%;
}
.home-page .connect-with-customers {
  background-image: url("../images/handsome-caucasian-bearded-freelancer-with-toothy-smile-sitting-office-late-night-using-tablet-surfing-internet-social-media-concept.png");
  background-position: 50% 50%;
  background-size: cover;
  padding: 135px 0 160px;
  position: relative;
  text-align: center;
}
.home-page .connect-with-customers::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00172c;
  opacity: 65%;
  z-index: 1;
}
.home-page .connect-with-customers .content {
  position: relative;
  z-index: 2;
}
.home-page .connect-with-customers .content p {
  font-size: 40px;
  line-height: 70px;
  font-family: "pingArLt-bold";
  color: #fff;
}
.home-page .connect-with-customers .content p span {
  color: #ffcc00;
}
.home-page .connect-with-customers .content > span {
  display: block;
  max-width: 585px;
  font-size: 20px;
  line-height: 35px;
  font-family: "pingArLt-medium";
  color: #fff;
  margin: 20px auto 65px;
}
.home-page .connect-with-customers .content .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.home-page .connect-with-customers .content .buttons a {
  width: 230px;
  color: #000;
}
.home-page .connect-with-customers .content .buttons a.phone {
  background-color: #ffcc00;
}
.home-page .connect-with-customers .content .buttons a.qr {
  background-color: #fff;
}
.home-page .use-whatsapp {
  padding: 120px 0 130px;
}
.home-page .use-whatsapp .section-header p {
  max-width: 880px;
  margin: auto;
  text-align: justify;
  font-size: 35px;
  font-family: "pingArLt-bold";
  line-height: 70px;
  color: #000;
}
.home-page .use-whatsapp .features {
  margin-top: 110px;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.home-page .use-whatsapp .features .box {
  background-color: #f9f9f9;
  padding: 55px 30px 60px 40px;
  border-radius: 10px;
  transition: all 0.3s;
  max-width: 380px;
}
.home-page .use-whatsapp .features .box > svg {
  display: block;
  margin: 0 auto 70px;
}
.home-page .use-whatsapp .features .box ul li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.home-page .use-whatsapp .features .box ul li:not(:last-child) {
  margin-bottom: 25px;
}
.home-page .use-whatsapp .features .box ul li span {
  font-size: 16px;
  color: #000;
  flex-basis: 90%;
}
.home-page .use-whatsapp .features .box ul li .icon {
  width: 20px;
  height: 20px;
  background-color: #00c5bb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-page .use-whatsapp .features .box ul li .icon svg {
  color: #000;
  font-size: 12px;
}
.home-page .use-whatsapp .features .box:hover {
  background-color: #00716b;
}
.home-page .use-whatsapp .features .box:hover ul li .icon {
  background-color: #ffcc00;
}
.home-page .use-whatsapp .features .box:hover ul li span {
  color: #fff;
}
.home-page .interactive-system {
  overflow: hidden;
  text-align: center;
  background-color: #e0ecf0;
  padding-top: 120px;
}
.home-page .interactive-system .text h2 {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #000;
}
.home-page .interactive-system .text p {
  max-width: 870px;
  margin: 15px auto 55px;
  font-size: 20px;
  line-height: 40px;
  color: #000;
}
.home-page .interactive-system .text .btn-style {
  background-color: #000000;
  color: #fff;
  margin: auto;
}
.home-page .interactive-system .image {
  margin-top: 70px;
  position: relative;
}
.home-page .interactive-system .image img {
  max-width: 100%;
}
.home-page .interactive-system .image svg {
  position: absolute;
  left: -160px;
  bottom: 50px;
}
.home-page .unification-communication-channels {
  background-color: #f7fafd;
  padding: 200px 0 135px;
}
.home-page .unification-communication-channels .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-page .unification-communication-channels .content .text {
  max-width: 345px;
}
.home-page .unification-communication-channels .content .text p {
  font-size: 45px;
  font-family: "pingArLt-bold";
  line-height: 60px;
  color: #000;
}
.home-page .unification-communication-channels .content .text span {
  display: block;
  font-size: 20px;
  line-height: 40px;
  color: #000;
  margin: 10px 0 45px;
}
.home-page .unification-communication-channels .content .text .btn-style {
  background-color: #00c5bb;
  color: #fff;
}
.home-page .unification-communication-channels .content .image img {
  max-width: 100%;
}
.home-page .unification-communication-channels .features {
  margin-top: 170px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 5px;
}
.home-page .unification-communication-channels .features .box {
  width: 390px;
  padding: 65px 30px;
  border-radius: 20px;
  transition: all 0.3s;
}
.home-page .unification-communication-channels .features .box .icon {
  width: 115px;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  background-color: #e8f1f3;
  border-radius: 50%;
}
.home-page .unification-communication-channels .features .box p {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
  margin: 25px 0 15px;
}
.home-page .unification-communication-channels .features .box span {
  font-size: 16px;
  line-height: 33px;
  color: #798d95;
}
.home-page .unification-communication-channels .features .box:hover {
  background-color: #00716b;
}
.home-page .unification-communication-channels .features .box:hover .icon {
  background-color: #ffcc00;
}
.home-page .unification-communication-channels .features .box:hover p,
.home-page .unification-communication-channels .features .box:hover span {
  color: #fff;
}
.home-page .interactive-platform {
  background-color: #002230;
  padding: 125px 0 115px;
  text-align: center;
}
.home-page .interactive-platform .section-header p {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #fff;
}
.home-page .interactive-platform .section-header span {
  display: block;
  max-width: 795px;
  font-size: 25px;
  font-family: "pingArLt-light";
  color: #fff;
  margin: 25px auto 115px;
}
.home-page .interactive-platform .features ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.home-page .interactive-platform .features ul li:nth-child(1), .home-page .interactive-platform .features ul li:nth-child(2), .home-page .interactive-platform .features ul li:nth-child(3) {
  border-bottom: 1px solid #093040;
}
.home-page .interactive-platform .features ul li:not(:nth-of-type(3)):not(:last-child) {
  border-left: 1px solid #093040;
}
.home-page .interactive-platform .features ul li .box {
  width: 385px;
  padding: 25px 0 65px;
  text-align: center;
  color: #fff;
}
.home-page .interactive-platform .features ul li .box svg {
  width: 50px;
  height: 50px;
}
.home-page .interactive-platform .features ul li .box p {
  font-size: 25px;
  font-family: "pingArLt-medium";
  margin: 20px 0;
}
.home-page .interactive-platform .features ul li .box span {
  font-size: 16px;
  font-family: "pingArLt-light";
}
.home-page .categories-used {
  padding: 135px 0 140px;
}
.home-page .categories-used .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-page .categories-used .content .text {
  max-width: 530px;
}
.home-page .categories-used .content .text > p {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 50px;
}
.home-page .categories-used .content .text .accordion .accordion-item {
  border: none;
}
.home-page .categories-used .content .text .accordion .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.home-page .categories-used .content .text .accordion .accordion-item .accordion-button {
  background-color: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
}
.home-page .categories-used .content .text .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/accordion-minus.svg");
  color: #000;
  margin-right: auto;
  margin-left: unset;
}
.home-page .categories-used .content .text .accordion .accordion-item .accordion-button.collapsed::after {
  background-image: url("../images/accordion-plus.svg");
  color: #000;
}
.home-page .categories-used .content .text .accordion .accordion-item .accordion-body {
  font-size: 18px;
  font-family: "pingArLt-light";
  color: #000;
}
.home-page .categories-used .content .image {
  position: relative;
}
.home-page .categories-used .content .image img {
  max-width: 100%;
  border-radius: 20px;
}
.home-page .categories-used .content .image svg {
  position: absolute;
  right: -40px;
  top: -30px;
  z-index: 9;
}
.home-page .interactive-bot {
  background-color: #e0ecf0;
  padding: 125px 0 80px;
  text-align: center;
}
.home-page .interactive-bot .section-header p {
  max-width: 1015px;
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #000;
  margin: auto;
}
.home-page .interactive-bot .features {
  margin: 75px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.home-page .interactive-bot .features .box {
  max-width: 585px;
  background-color: #fff;
  border-radius: 10px;
  padding: 55px;
  text-align: right;
  transition: all 0.3s;
}
.home-page .interactive-bot .features .box p {
  margin-bottom: 10px;
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
}
.home-page .interactive-bot .features .box span {
  font-size: 18px;
  line-height: 35px;
  font-family: "pingArLt-light";
  color: #4d6068;
}
.home-page .interactive-bot .features .box:hover {
  background-color: #ffcc00;
}
.home-page .interactive-bot .features .box:hover span {
  color: #000;
}
.home-page .interactive-bot .btn-style {
  background-color: #000;
  font-family: "pingArLt-regular";
  color: #fff;
  margin: auto;
}
.home-page .engage-customers {
  background-color: #00121a;
  padding: 175px 0 160px;
  position: relative;
  overflow: hidden;
}
.home-page .engage-customers .bg-move {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/engage-customers-bg.svg") no-repeat center center;
}
.home-page .engage-customers .section-header {
  text-align: center;
  position: relative;
  z-index: 2;
}
.home-page .engage-customers .section-header p {
  font-size: 45px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 20px;
}
.home-page .engage-customers .section-header span {
  font-size: 25px;
  font-family: "pingArLt-extraLight";
  color: #fff;
}
.home-page .engage-customers .conversations {
  margin-top: 130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
.home-page .engage-customers .conversations .conversations-box {
  width: 585px;
  height: 940px;
  background-color: #0d2a36;
  padding: 50px 25px;
  border-radius: 27px;
  position: relative;
}
.home-page .engage-customers .conversations .conversations-box::before {
  content: "";
  position: absolute;
  top: -20px;
  right: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border: 5px solid #011923;
  border-radius: 42px;
}
.home-page .engage-customers .conversations .conversations-box .head {
  text-align: center;
}
.home-page .engage-customers .conversations .conversations-box .head p {
  font-size: 30px;
  font-family: "pingArLt-extraLight";
  color: #fff;
  margin-bottom: 5px;
}
.home-page .engage-customers .conversations .conversations-box .head span {
  font-size: 30px;
  color: #00c5bb;
}
.home-page .engage-customers .conversations .conversations-box .chat {
  overflow: hidden;
}
.home-page .engage-customers .conversations .conversations-box .chat .message {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-top: 50px;
  position: relative;
}
.home-page .engage-customers .conversations .conversations-box .chat .message .text .name {
  font-family: "Segoe UI";
  font-weight: 200;
  color: #fff;
  position: absolute;
  top: -35px;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.from .text .content {
  width: 270px;
  background-color: #373737;
  position: relative;
  z-index: 1;
  border-radius: 10px 0 10px 10px;
  padding: 20px 25px 10px;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.from .text .content::after {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  border-width: 13px;
  border-color: #373737 transparent transparent #373737;
  border-style: solid;
  z-index: -1;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.from .text .content p {
  font-size: 18px;
  font-family: "Segoe UI";
  font-weight: 200;
  color: #fff;
  margin-bottom: 10px;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.from .text .content > span {
  font-size: 12px;
  font-family: "Segoe UI";
  font-weight: 200;
  color: #fff;
  display: block;
  text-align: left;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.to {
  padding-right: 115px;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.to.en .text .content p {
  margin-right: auto;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.to.ar .text .content p {
  margin-left: auto;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.to .text .content {
  width: 315px;
  background-color: #025d4c;
  position: relative;
  z-index: 1;
  border-radius: 0 10px 10px 10px;
  padding: 20px 15px 10px;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.to .text .content::after {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  border-width: 13px;
  border-color: #025d4c #025d4c transparent transparent;
  border-style: solid;
  z-index: -1;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.to .text .content p {
  font-size: 18px;
  font-family: "Segoe UI";
  font-weight: 200;
  color: #fff;
  margin-bottom: 10px;
  max-width: 240px;
}
.home-page .engage-customers .conversations .conversations-box .chat .message.to .text .content > span {
  font-size: 12px;
  font-family: "Segoe UI";
  font-weight: 200;
  color: #fff;
  display: block;
  text-align: right;
}
.home-page .new-technology {
  background-color: #eeeeee;
  padding: 130px 0;
}
.home-page .new-technology .section-header p {
  max-width: 1005px;
  font-size: 40px;
  line-height: 65px;
  font-family: "pingArLt-bold";
  color: #000;
  margin: 0 auto 85px;
}
.home-page .new-technology .slider .item {
  width: -moz-fit-content;
  width: fit-content;
}
.home-page .new-technology .slider .item .box {
  max-width: 540px;
  height: 200px;
  background-color: #f8f8f8;
  padding: 35px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 45px;
  margin: 0 0 40px 40px;
}
.home-page .new-technology .slider .item .box:first-child {
  position: relative;
  right: -70px;
}
.home-page .new-technology .slider .item .box:last-child {
  position: relative;
  right: -290px;
}
.home-page .new-technology .slider .item .box p {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #023a51;
  margin-bottom: 10px;
}
.home-page .new-technology .slider .item .box span {
  font-size: 16px;
  font-family: "pingArLt-light";
  line-height: 30px;
  color: #023a51;
}
.home-page .in-numbers {
  padding: 105px 0 125px;
  overflow: hidden;
}
.home-page .in-numbers .slider .box .content {
  background-color: #ffe979;
  border-radius: 20px;
  position: relative;
}
.home-page .in-numbers .slider .box .content > svg {
  position: absolute;
  top: -40px;
  left: -105px;
  z-index: 2;
}
.home-page .in-numbers .slider .box .content .item {
  display: flex;
  justify-content: space-between;
  padding: 80px 65px 0 85px;
  position: relative;
}
.home-page .in-numbers .slider .box .content .item .text {
  max-width: 505px;
  padding: 55px 0 80px;
}
.home-page .in-numbers .slider .box .content .item .text .title {
  font-size: 40px;
  line-height: 55px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 60px;
}
.home-page .in-numbers .slider .box .content .item .text .info p {
  font-size: 30px;
  font-family: "pingArLt-bold";
  color: #000;
}
.home-page .in-numbers .slider .box .content .item .text .info span {
  font-size: 20px;
  line-height: 40px;
  font-family: "pingArLt-light";
  color: #000;
}
.home-page .in-numbers .slider .box .content .item .text .info .buttons {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 20px;
}
.home-page .in-numbers .slider .box .content .item .text .info .buttons .btn-style {
  font-family: "pingArLt-regular";
  background-color: #000;
  color: #fff;
  margin-top: 65px;
}
.home-page .in-numbers .slider .box .content .item .text .info .buttons .custom-nav .owl-prev {
  width: 60px;
  height: 60px;
  background-color: transparent;
  color: #000;
  border: 2px solid #000;
  border-radius: 50%;
}
.home-page .in-numbers .slider .box .content .item .text .info .buttons .custom-nav .owl-prev:hover {
  background: transparent;
  color: unset;
}
.home-page .in-numbers .slider .box .content .item .text .info .buttons .custom-nav .owl-next {
  width: 60px;
  height: 60px;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  margin: 10px;
}
.home-page .in-numbers .slider .box .content .item .images {
  position: absolute;
  width: 441px;
  left: 85px;
  bottom: 0;
  top: 0;
}
.home-page .in-numbers .statistics {
  display: flex;
  align-items: center;
  margin-top: 200px;
}
.home-page .in-numbers .statistics .row .col-md-6:not(:last-of-type) .box {
  border-left: 1px solid #e0ecf0;
  max-height: 145px;
}
.home-page .in-numbers .statistics .box {
  padding: 0 60px;
  text-align: center;
}
.home-page .in-numbers .statistics .box .number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 10px;
}
.home-page .in-numbers .statistics .box .text {
  font-size: 20px;
  line-height: 30px;
  font-family: "pingArLt-light";
  color: #000;
}
.home-page .Packages {
  background-color: #f6f6f6;
  padding: 130px 0 95px;
}
.home-page .Packages .section-header {
  text-align: center;
}
.home-page .Packages .section-header h1 {
  font-size: 60px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 10px;
}
.home-page .Packages .section-header p {
  font-size: 20px;
  color: #000;
}
.home-page .Packages .Packages-boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
}
.home-page .Packages .Packages-boxes .box {
  width: 280px;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s;
}
.home-page .Packages .Packages-boxes .box .head {
  padding: 45px 0 35px;
}
.home-page .Packages .Packages-boxes .box .head .title {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
}
.home-page .Packages .Packages-boxes .box .head .price-style {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
}
.home-page .Packages .Packages-boxes .box .head .price-style span {
  font-size: 16px;
}
.home-page .Packages .Packages-boxes .box .head .price-style span.yearly {
  display: none;
}
.home-page .Packages .Packages-boxes .box .head .price {
  font-size: 40px;
  font-family: "pingArLt-heavy";
  color: #000;
  margin: 20px 0 5px;
}
.home-page .Packages .Packages-boxes .box .head .price.yearly {
  display: none;
}
.home-page .Packages .Packages-boxes .box .head .price::before, .home-page .Packages .Packages-boxes .box .head .price::after {
  margin-left: 5px;
  font-size: 16px;
  font-family: "pingArLt-regular";
  color: #000;
}
.home-page .Packages .Packages-boxes .box .head .discount {
  font-size: 16px;
  font-family: "pingArLt-light";
  color: #b8b8b8;
  text-decoration: line-through;
}
.home-page .Packages .Packages-boxes .box .head .discount.yearly {
  display: none;
}
.home-page .Packages .Packages-boxes .box .head .notice {
  font-size: 14px;
  color: #848484;
}
.home-page .Packages .Packages-boxes .box .menu-monthly,
.home-page .Packages .Packages-boxes .box .menu-yearly {
  margin: 30px 0;
  padding: 40px;
}
.home-page .Packages .Packages-boxes .box .menu-monthly li,
.home-page .Packages .Packages-boxes .box .menu-yearly li {
  display: flex;
  align-items: center;
  gap: 5px;
}
.home-page .Packages .Packages-boxes .box .menu-monthly li::before,
.home-page .Packages .Packages-boxes .box .menu-yearly li::before {
  content: "\f00c";
  font-family: fontAwesome;
  color: #00c5bb;
}
.home-page .Packages .Packages-boxes .box .menu-monthly li:not(:last-child),
.home-page .Packages .Packages-boxes .box .menu-yearly li:not(:last-child) {
  margin-bottom: 20px;
}
.home-page .Packages .Packages-boxes .box .menu-monthly li p,
.home-page .Packages .Packages-boxes .box .menu-yearly li p {
  font-size: 14px;
  color: #000;
}
.home-page .Packages .Packages-boxes .box .menu-yearly {
  display: none;
}
.home-page .Packages .Packages-boxes .box .buttons {
  padding: 25px 0 30px;
}
.home-page .Packages .Packages-boxes .box .buttons .btn-style {
  width: 200px;
  height: 60px;
  font-size: 16px;
  color: #000;
  margin: auto;
}
.home-page .Packages .Packages-boxes .box .buttons .btn-style.subscribe {
  margin-bottom: 10px;
  background-color: #f5f5f5;
}
.home-page .Packages .Packages-boxes .box .buttons .btn-style.subscribe:hover {
  background-color: #00c5bb;
}
.home-page .Packages .Packages-boxes .box .buttons .btn-style.features:hover {
  background-color: #ffcc00;
}
.home-page .Packages .Packages-boxes .box:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.home-page .Packages .Packages-boxes .box:hover .head .title,
.home-page .Packages .Packages-boxes .box:hover .head .price {
  color: #00c5bb;
}
.home-page .Packages .Packages-boxes .box:hover .buttons .subscribe {
  background-color: #00c5bb;
  color: #fff;
}
.home-page .Packages .find-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 270px;
  height: 60px;
  border: 2px solid #eeeeee;
  border-radius: 30px;
  color: #888888;
  margin: 80px auto 0;
}
.home-page .Packages .find-more svg {
  margin-right: 5px;
}
.home-page .clients {
  padding: 115px 0 105px;
}
.home-page .clients .section-header {
  margin-bottom: 80px;
  text-align: center;
}
.home-page .clients .section-header h1 {
  font-size: 60px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 10px;
}
.home-page .clients .section-header p {
  font-size: 20px;
  color: #000;
}
.home-page .clients .slider .item .box {
  border: 1px solid #e0ecf0;
  min-width: 220px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.home-page .clients .slider .item .box img {
  width: unset;
  max-width: 100%;
}
.home-page .clients #clients-slider .owl-nav button {
  position: absolute;
  top: 15%;
}
.home-page .clients #clients-slider .owl-nav button:hover {
  background: transparent;
  color: unset;
}
.home-page .clients #clients-slider .owl-nav button svg {
  font-size: 25px;
  color: #707070;
}
.home-page .clients #clients-slider .owl-nav button.owl-prev {
  right: -75px;
}
.home-page .clients #clients-slider .owl-nav button.owl-next {
  left: -75px;
}
.home-page .clients #clients-slider .owl-dots {
  margin-top: 105px;
}
.home-page .clients #clients-slider .owl-dots .owl-dot.active span {
  background-color: #00c5bb;
}

/* ------------------------------------------ */
/*         About Us Page
/* ------------------------------------------ */
.about-us-page {
  padding: 100px 0 160px;
}
.about-us-page .content {
  background-color: #f6f6f6;
  padding: 95px 0;
  text-align: center;
}
.about-us-page .content .text {
  margin-bottom: 105px;
}
.about-us-page .content .text h1 {
  font-size: 50px;
  font-family: "pingArLt-bold";
  color: #000;
}
.about-us-page .content .text p {
  max-width: 725px;
  font-size: 45px;
  line-height: 60px;
  font-family: "pingArLt-regular";
  color: #000;
  margin: 15px auto 45px;
}
.about-us-page .content .text a {
  background-color: #ffcc00;
  color: #000;
  margin: auto;
}
.about-us-page .content .image img {
  border-radius: 20px;
  max-width: 100%;
}
.about-us-page .content .image p {
  margin-top: 75px;
  font-size: 25px;
  line-height: 50px;
  color: #000;
}
.about-us-page .content .image p a {
  font-size: 25px;
  font-family: "pingArLt-bold";
  text-decoration: underline;
  color: #000;
}
.about-us-page .features {
  padding: 135px 0 150px;
}
.about-us-page .features h2 {
  font-size: 45px;
  font-family: "pingArLt-heavy";
  color: #000;
  text-align: center;
  margin-bottom: 75px;
}
.about-us-page .features .features-boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
.about-us-page .features .features-boxes .box {
  width: 380px;
  height: 480px;
  padding: 80px 40px;
  background-color: #f6f6f6;
  border-radius: 20px;
  text-align: center;
  transition: all 0.3s;
}
.about-us-page .features .features-boxes .box .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 115px;
  background-color: #fff;
  border-radius: 50%;
  margin: auto;
}
.about-us-page .features .features-boxes .box .text {
  margin-top: 25px;
}
.about-us-page .features .features-boxes .box .text p {
  font-size: 25px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 5px;
}
.about-us-page .features .features-boxes .box .text span {
  display: block;
  max-width: 295px;
  font-size: 18px;
  font-family: "pingArLt-light";
  line-height: 35px;
  color: #000;
}
.about-us-page .features .features-boxes .box:hover {
  background-color: #00c5bb;
}
.about-us-page .features .features-boxes .box:hover .text p,
.about-us-page .features .features-boxes .box:hover .text span {
  color: #fff;
}
.about-us-page .features a {
  background-color: #ffcc00;
  color: #000;
  margin: 75px auto 0;
}
.about-us-page .said h2 {
  font-size: 45px;
  font-family: "pingArLt-heavy";
  color: #000;
  text-align: center;
  margin-bottom: 80px;
}
.about-us-page .said .slider .item .box .info {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  padding: 40px 25px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-us-page .said .slider .item .box .info .image {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-us-page .said .slider .item .box .info .text {
  max-width: 380px;
}
.about-us-page .said .slider .item .box .info .text p {
  font-size: 16px;
  font-family: "pingArLt-medium";
  color: #000;
  margin-bottom: 10px;
}
.about-us-page .said .slider .item .box .info .text span {
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
.about-us-page .said .slider .item .box .message {
  padding: 40px 30px 0;
}
.about-us-page .said .slider .item .box .message p {
  max-width: 460px;
  margin: 20px 20px 0 0;
  font-size: 16px;
  font-family: "pingArLt-bold";
  line-height: 35px;
  color: #000;
}
.about-us-page .said .slider .owl-dots {
  margin-top: 70px;
}
.about-us-page .said .slider .owl-dots .owl-dot span {
  width: 10px;
  height: 5px;
  border-radius: 100px;
  background-color: #00c5bb;
}
.about-us-page .said .slider .owl-dots .owl-dot.active span {
  width: 40px;
  background-color: #d6d6d6;
}

/* ------------------------------------------ */
/*         Store Page
/* ------------------------------------------ */
.store-page {
  padding: 100px 0 0;
}
.store-page .slide {
  background: linear-gradient(180deg, rgb(238, 246, 246) 0%, rgb(255, 255, 255) 100%);
  padding: 115px 0 135px;
}
.store-page .slide .content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
}
.store-page .slide .content .image img {
  max-width: 100%;
}
.store-page .slide .content p {
  font-size: 45px;
  font-family: "pingArLt-bold";
  color: #000;
}
.store-page .slide .content span {
  display: block;
  max-width: 470px;
  font-size: 30px;
  line-height: 50px;
  color: #000;
  margin: 10px 0 40px;
}
.store-page .slide .content a {
  width: 240px;
  background-color: #ffcc00;
  color: #000;
}
.store-page .store-mobile {
  margin-top: -25px;
  padding-bottom: 160px;
}
.store-page .store-mobile .mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
}
.store-page .store-mobile .mobile .mobile-style {
  background-color: #eef6f6;
  border-radius: 40px;
  padding: 50px;
  flex: 1;
  height: 880px;
}
.store-page .store-mobile .mobile .mobile-style .mobile-dots {
  position: relative;
  margin-bottom: 30px;
}
.store-page .store-mobile .mobile .mobile-style .mobile-dots::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(50% - 40px);
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.store-page .store-mobile .mobile .mobile-style .mobile-dots::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(50% - 50px);
  transform: translateX(-50%);
  width: 65px;
  height: 10px;
  background-color: #fff;
  border-radius: 100px;
}
.store-page .store-mobile .mobile .mobile-style .content .right {
  text-align: center;
}
.store-page .store-mobile .mobile .mobile-style .content .right h2 {
  max-width: 270px;
  font-size: 60px;
  font-family: "pingArLt-bold";
  line-height: 80px;
  color: #000;
  margin: 0 auto 25px;
}
.store-page .store-mobile .mobile .mobile-style .content .right svg {
  max-width: 100%;
}
.store-page .store-mobile .mobile .mobile-style .content .left .boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.store-page .store-mobile .mobile .mobile-style .content .left .boxes:not(:last-of-type) {
  margin-bottom: 40px;
}
.store-page .store-mobile .mobile .mobile-style .content .left .boxes .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 220px;
  height: 200px;
  background-color: #fff;
  border-radius: 20px;
  transition: all 0.3s;
}
.store-page .store-mobile .mobile .mobile-style .content .left .boxes .box p {
  font-size: 20px;
  font-family: "pingArLt-medium";
  color: #000;
}
.store-page .store-mobile .mobile .mobile-style .content .left .boxes .box:hover {
  background-color: #ffcc00;
}
.store-page .store-mobile .mobile .mobile-style .content .left .boxes .box:hover img {
  filter: brightness(0);
}
.store-page .store-mobile .mobile .mobile-style .mobile-btn {
  position: relative;
  margin-top: 25px;
}
.store-page .store-mobile .mobile .mobile-style .mobile-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(50% - 55px);
  transform: translateX(-50%);
  width: 55px;
  height: 55px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.store-page .store-mobile .mobile .mobile-style .mobile-btn::after {
  content: "";
  position: absolute;
  top: 5px;
  right: calc(50% - 45px);
  transform: translateX(-50%);
  width: 45px;
  height: 45px;
  background-color: #fff;
  border-radius: 50%;
}
.store-page .store-slider {
  background-color: #eef6f6;
  padding: 120px 0 100px;
}
.store-page .store-slider .section-header {
  text-align: center;
  margin-bottom: 85px;
}
.store-page .store-slider .section-header h2 {
  font-size: 45px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 5px;
}
.store-page .store-slider .section-header p {
  font-size: 30px;
  color: #000;
}
.store-page .store-slider .slider .item .box {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  width: 380px;
}
.store-page .store-slider .slider .item .box .image {
  padding: 30px 20px 20px;
}
.store-page .store-slider .slider .item .box .image.open-cart {
  background-color: #3ecaf0;
}
.store-page .store-slider .slider .item .box .image.Woo-commerce {
  background-color: #7f54b3;
}
.store-page .store-slider .slider .item .box .image.shopify {
  background-color: #96cc00;
}
.store-page .store-slider .slider .item .box .image.zid-store {
  background-color: #8876f9;
}
.store-page .store-slider .slider .item .box .image.salla {
  background-color: #004956;
}
.store-page .store-slider .slider .item .box .image img {
  margin: auto;
  width: auto;
}
.store-page .store-slider .slider .item .box .info {
  padding: 25px 25px 30px;
}
.store-page .store-slider .slider .item .box .info .app-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.store-page .store-slider .slider .item .box .info .app-info .text {
  text-align: right;
}
.store-page .store-slider .slider .item .box .info .app-info .text p {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
}
.store-page .store-slider .slider .item .box .info .app-info .text span {
  font-size: 20px;
  font-family: "pingArLt-light";
  color: #000;
}
.store-page .store-slider .slider .item .box .info .app-info .text .stars {
  display: flex;
  align-items: center;
  gap: 5px;
}
.store-page .store-slider .slider .item .box .info .app-info .text .stars p {
  font-size: 12px;
  font-family: "pingArLt-light";
  color: #a2a2a2;
}
.store-page .store-slider .slider .item .box .info .app-content p {
  font-size: 16px;
  font-family: "pingArLt-light";
  line-height: 30px;
  color: #848484;
  text-align: right;
  margin: 15px 0 25px;
}
.store-page .store-slider .slider .item .box .info .app-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.store-page .store-slider .slider .item .box .info .app-price .price {
  width: 190px;
  height: 50px;
  background-color: #f3f3f3;
  color: #848484;
  font-size: 14px;
  font-family: "pingArLt-light";
  gap: 5px;
}
.store-page .store-slider .slider .item .box .info .app-price .price span {
  font-size: 18px;
  font-family: "pingArLt-bold";
}
.store-page .store-slider .slider .item .box .info .app-price .buy {
  width: 120px;
  height: 50px;
  background-color: #ffcc00;
  font-size: 18px;
}
.store-page .store-question-answer {
  padding: 130px 0;
}
.store-page .store-question-answer .content {
  background-color: #f9f9f9;
  padding: 115px 110px 90px;
  border-radius: 10px;
}
.store-page .store-question-answer .content .section-header {
  text-align: center;
  margin-bottom: 60px;
}
.store-page .store-question-answer .content .section-header h2 {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 10px;
}
.store-page .store-question-answer .content .section-header p {
  font-size: 25px;
  font-family: "pingArLt-light";
  color: #000;
}
.store-page .store-question-answer .content .accordion {
  margin: auto;
}
.store-page .store-question-answer .content .accordion .accordion-item {
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.store-page .store-question-answer .content .accordion .accordion-item .accordion-header {
  padding: 30px 45px 0;
}
.store-page .store-question-answer .content .accordion .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.store-page .store-question-answer .content .accordion .accordion-item .accordion-button {
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: none;
  font-size: 18px;
  font-family: "pingArLt-medium";
  line-height: 30px;
  color: #000;
  padding: 0 0 25px;
  text-align: right;
}
.store-page .store-question-answer .content .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/accordion-arrow.png");
  color: #000;
  margin-right: auto;
  margin-left: unset;
}
.store-page .store-question-answer .content .accordion .accordion-item .accordion-button.collapsed::after {
  background-image: url("../images/accordion-arrow.png");
  color: #000;
}
.store-page .store-question-answer .content .accordion .accordion-item .accordion-body {
  font-size: 16px;
  line-height: 40px;
  font-family: "pingArLt-light";
  color: #000;
  padding: 30px 50px 35px;
}
.store-page .store-question-answer .content .btn-style {
  width: 240px;
  background-color: #ffcc00;
  color: #000;
  margin: 50px auto 0;
}

/* ------------------------------------------ */
/*         Add on Page
/* ------------------------------------------ */
.add-on-page {
  padding: 100px 0 0;
}
.add-on-page .details {
  background: linear-gradient(180deg, rgb(238, 246, 246) 0%, rgb(255, 255, 255) 100%);
  padding: 75px 0 65px;
}
.add-on-page .details .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-on-page .details .content .name .info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.add-on-page .details .content .name .info .text > p {
  font-size: 30px;
  font-family: "pingArLt-bold";
  color: #000;
}
.add-on-page .details .content .name .info .text span {
  font-size: 25px;
  font-family: "pingArLt-light";
  color: #000;
}
.add-on-page .details .content .name .info .text .stars {
  display: flex;
  align-items: center;
  gap: 5px;
}
.add-on-page .details .content .name .info .text .stars p {
  font-size: 12px;
  font-family: "pingArLt-light";
  color: #a2a2a2;
}
.add-on-page .details .content .name .labels {
  margin-top: 40px;
}
.add-on-page .details .content .name .labels ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.add-on-page .details .content .name .labels ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 100px;
}
.add-on-page .details .content .name .labels ul li span {
  font-size: 12px;
  font-family: "pingArLt-light";
}
.add-on-page .details .content .name .labels ul li:nth-child(1) {
  background-color: #ffe9d5;
  color: #fa7917;
}
.add-on-page .details .content .name .labels ul li:nth-child(2) {
  background-color: #d5ffee;
  color: #0bc278;
}
.add-on-page .details .content .name .labels ul li:nth-child(3) {
  background-color: #d5e9ff;
  color: #1777fa;
}
.add-on-page .details .content .name .labels ul li:nth-child(4) {
  background-color: #e9d5ff;
  color: #a017fa;
}
.add-on-page .details .content .name .labels ul li:nth-child(5) {
  background-color: #d5f9ff;
  color: #00b1ff;
}
.add-on-page .details .content .price {
  text-align: center;
}
.add-on-page .details .content .price p {
  font-size: 16px;
  font-family: "pingArLt-light";
  color: #848484;
}
.add-on-page .details .content .price .pin {
  background-color: #f8ffff;
  border: 1px solid #d9e8e8;
  border-radius: 40px;
  padding: 10px;
  margin: 15px 0 20px;
}
.add-on-page .details .content .price .pin button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 60px;
  background: linear-gradient(180deg, rgb(242, 255, 255) 0%, rgb(141, 210, 210) 100%);
  border-radius: 30px;
  font-size: 18px;
  font-family: "pingArLt-medium";
  color: #000;
}
.add-on-page .details .content .price a {
  font-size: 16px;
  color: #848484;
  text-decoration: underline;
}
.add-on-page.zid > .slider {
  background-color: #8145ed;
}
.add-on-page > .slider {
  padding: 60px 0 50px;
  position: relative;
}
.add-on-page > .slider .item .box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
}
.add-on-page > .slider .item .box .text p {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 10px;
}
.add-on-page > .slider .item .box .text span {
  display: block;
  max-width: 335px;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
}
.add-on-page > .slider .owl-nav {
  position: relative;
  top: -150px;
}
.add-on-page > .slider .owl-nav .owl-next,
.add-on-page > .slider .owl-nav .owl-prev {
  position: absolute;
}
.add-on-page > .slider .owl-nav .owl-next:hover,
.add-on-page > .slider .owl-nav .owl-prev:hover {
  background: transparent;
  color: unset;
}
.add-on-page > .slider .owl-nav .owl-next svg,
.add-on-page > .slider .owl-nav .owl-prev svg {
  width: 60px;
  height: 60px;
}
.add-on-page > .slider .owl-nav .owl-next svg path,
.add-on-page > .slider .owl-nav .owl-prev svg path {
  stroke: #fff;
  fill: transparent;
  stroke-width: 1px;
}
.add-on-page > .slider .owl-nav .owl-prev {
  right: 0;
}
.add-on-page > .slider .owl-nav .owl-prev svg {
  transform: rotate(270deg);
}
.add-on-page > .slider .owl-nav .owl-next {
  left: 0;
}
.add-on-page > .slider .owl-nav .owl-next svg {
  transform: rotate(90deg);
}
.add-on-page.zid .help .help-boxes .box:hover {
  background-color: #8145ed;
}
.add-on-page.zid .help .help-boxes .box p {
  color: #8145ed;
}
.add-on-page .help {
  background: linear-gradient(180deg, rgb(238, 246, 246) 0%, rgb(255, 255, 255) 100%);
  padding: 115px 0 180px;
}
.add-on-page .help h2 {
  font-size: 50px;
  font-family: "pingArLt-bold";
  color: #000;
  text-align: center;
  margin-bottom: 65px;
}
.add-on-page .help .help-boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
}
.add-on-page .help .help-boxes .box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  width: 380px;
  height: 235px;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.06);
}
.add-on-page .help .help-boxes .box:hover p,
.add-on-page .help .help-boxes .box:hover span {
  color: #fff;
}
.add-on-page .help .help-boxes .box p {
  font-size: 25px;
  font-family: "pingArLt-bold";
}
.add-on-page .help .help-boxes .box span {
  display: block;
  max-width: 265px;
  font-family: "pingArLt-light";
  line-height: 35px;
  color: #000;
}
.add-on-page > .price {
  margin-top: -30px;
}
.add-on-page > .price .content {
  background-color: #f6f6f6;
  border-radius: 20px;
  padding: 85px 0 120px;
}
.add-on-page > .price .content > h2 {
  font-size: 50px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 35px;
  text-align: center;
}
.add-on-page > .price .content .price-boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.add-on-page > .price .content .price-boxes .box {
  width: 390px;
  background-color: #fff;
  border-radius: 20px;
}
.add-on-page > .price .content .price-boxes .box .prices {
  padding: 55px 50px 50px;
}
.add-on-page > .price .content .price-boxes .box .prices .price {
  font-size: 60px;
  font-family: "pingArLt-bold";
  color: #00c5bb;
}
.add-on-page > .price .content .price-boxes .box .prices .price::after {
  font-size: 20px;
  color: #000;
  margin-right: 10px;
}
.add-on-page > .price .content .price-boxes .box .prices .price-style {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.add-on-page > .price .content .price-boxes .box .prices .price-style span {
  font-size: 20px;
}
.add-on-page > .price .content .price-boxes .box .prices .price-style span.yearly {
  display: none;
}
.add-on-page > .price .content .price-boxes .box .prices .title {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
}
.add-on-page > .price .content .price-boxes .box .prices .price.yearly,
.add-on-page > .price .content .price-boxes .box .prices .title.yearly {
  display: none;
}
.add-on-page > .price .content .price-boxes .box .info {
  padding: 0 20px 30px;
}
.add-on-page > .price .content .price-boxes .box .info.yearly {
  display: none;
}
.add-on-page > .price .content .price-boxes .box .info li::before {
  content: "\f00c";
  font-family: FontAwesome;
}
.add-on-page > .price .content .price-boxes .box .info li:not(:last-child) {
  margin-bottom: 20px;
}
.add-on-page > .price .content .price-boxes .box .info li span {
  font-size: 16px;
  color: #000;
}
.add-on-page > .price .content .price-boxes .box .btn-style {
  width: 295px;
  background-color: #ffcc00;
  font-size: 16px;
  color: #000;
  margin: 0 auto 45px;
}
.add-on-page > .price .content .price-boxes .box:hover {
  background-color: #00c5bb;
}
.add-on-page > .price .content .price-boxes .box:hover .prices .price {
  color: #ffcc00;
}
.add-on-page > .price .content .price-boxes .box:hover .prices .price.monthly::after {
  color: #fff;
}
.add-on-page > .price .content .price-boxes .box:hover .prices .price.yearly::after {
  color: #fff;
}
.add-on-page > .price .content .price-boxes .box:hover .prices .title {
  color: #fff;
}
.add-on-page > .price .content .price-boxes .box:hover .info li {
  color: #fff;
}
.add-on-page .customer-reviews {
  padding: 105px 0 150px;
}
.add-on-page .customer-reviews h2 {
  font-size: 45px;
  font-family: "pingArLt-heavy";
  color: #000;
  text-align: center;
  margin-bottom: 80px;
}
.add-on-page .customer-reviews .slider .item .box .info {
  border: 1px solid #f2f2f2;
  border-radius: 20px;
  padding: 40px 25px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.add-on-page .customer-reviews .slider .item .box .info .image {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-on-page .customer-reviews .slider .item .box .info .text {
  max-width: 380px;
}
.add-on-page .customer-reviews .slider .item .box .info .text p {
  font-size: 16px;
  font-family: "pingArLt-medium";
  color: #000;
  margin-bottom: 10px;
}
.add-on-page .customer-reviews .slider .item .box .info .text span {
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
.add-on-page .customer-reviews .slider .item .box .message {
  padding: 40px 30px 0;
}
.add-on-page .customer-reviews .slider .item .box .message p {
  max-width: 460px;
  margin: 20px 20px 0 0;
  font-size: 16px;
  font-family: "pingArLt-bold";
  line-height: 35px;
  color: #000;
}
.add-on-page .other-applications {
  background-color: #f6f6f6;
  padding: 120px 0 125px;
}
.add-on-page .other-applications h2 {
  font-size: 50px;
  font-family: "pingArLt-bold";
  color: #000;
  text-align: center;
  margin-bottom: 55px;
}
.add-on-page .other-applications .slider .item .box {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 30px;
  background-color: #fff;
  border-radius: 20px;
}
.add-on-page .other-applications .slider .item .box .text > p {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
}
.add-on-page .other-applications .slider .item .box .text span {
  font-size: 20px;
  font-family: "pingArLt-light";
  color: #000;
}
.add-on-page .other-applications .slider .item .box .text .stars {
  display: flex;
  align-items: center;
  gap: 5px;
}
.add-on-page .other-applications .slider .item .box .text .stars p {
  font-size: 12px;
  font-family: "pingArLt-light";
  color: #a2a2a2;
}
.add-on-page .other-applications .slider .owl-dots .owl-dot span {
  width: 10px;
  height: 6px;
  background-color: #ccd8d8;
}
.add-on-page .other-applications .slider .owl-dots .owl-dot.active span {
  width: 30px;
  background-color: #00c5bb;
}

/* ------------------------------------------ */
/*         All Add on Page
/* ------------------------------------------ */
.all-add-on-page {
  background-color: #f3f9f9;
  padding: 100px 0 0;
}
.all-add-on-page .slider {
  background-color: #141414;
  padding: 105px 0 95px;
  text-align: center;
}
.all-add-on-page .slider p {
  font-size: 45px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 10px;
}
.all-add-on-page .slider span {
  display: block;
  max-width: 560px;
  font-size: 35px;
  font-family: "pingArLt-extraLight";
  line-height: 50px;
  color: #fff;
  margin: auto;
}
.all-add-on-page .content {
  display: flex;
  gap: 90px;
  padding: 95px 0 140px;
}
.all-add-on-page .content .sectors .title {
  font-size: 25px;
  font-family: "pingArLt-bold";
  color: #000;
}
.all-add-on-page .content .sectors .search {
  position: relative;
  margin: 30px 0 40px;
  width: 320px;
}
.all-add-on-page .content .sectors .search input {
  width: 320px;
  padding: 25px 20px 20px;
  border-radius: 20px;
}
.all-add-on-page .content .sectors .search svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  color: #686868;
}
.all-add-on-page .content .sectors .menu li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.all-add-on-page .content .sectors .menu li a .name {
  display: flex;
  align-items: center;
  gap: 5px;
}
.all-add-on-page .content .sectors .menu li a .name .image {
  width: 35px;
  text-align: center;
}
.all-add-on-page .content .sectors .menu li a .name .image img {
  filter: contrast(0);
}
.all-add-on-page .content .sectors .menu li a .name span {
  font-family: "pingArLt-bold";
  color: #000;
}
.all-add-on-page .content .sectors .menu li a .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 5px;
}
.all-add-on-page .content .sectors .menu li a .number span {
  font-size: 14px;
  color: #000;
}
.all-add-on-page .content .sectors .menu li:not(:last-child) {
  margin-bottom: 30px;
}
.all-add-on-page .content .sectors .menu li.active .name svg,
.all-add-on-page .content .sectors .menu li.active .name span {
  color: #00c5bb;
}
.all-add-on-page .content .sectors .menu li.active .name .image img {
  filter: contrast(1);
}
.all-add-on-page .content .sectors .menu li.active .number {
  background-color: #ffcc00;
}
.all-add-on-page .content .sectors .help {
  background-color: #fff;
  padding: 30px;
  border-radius: 20px;
  margin-top: 50px;
}
.all-add-on-page .content .sectors .help .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background-color: #00c5bb;
  border-radius: 20px;
  margin-bottom: 25px;
}
.all-add-on-page .content .sectors .help .text p {
  line-height: 30px;
  color: #000;
  margin-bottom: 15px;
  max-width: 240px;
}
.all-add-on-page .content .sectors .help .text a {
  color: #00c5bb;
  text-decoration: underline;
}
.all-add-on-page .content .plugins .title {
  font-size: 25px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 30px;
}
.all-add-on-page .content .plugins .plugins-boxes {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
  animation-name: tabAnimation;
  animation-direction: normal;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.all-add-on-page .content .plugins .plugins-boxes .box {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  width: 380px;
}
.all-add-on-page .content .plugins .plugins-boxes .box .image {
  padding: 30px 20px 20px;
}
.all-add-on-page .content .plugins .plugins-boxes .box .image.open-cart {
  background-color: #3ecaf0;
}
.all-add-on-page .content .plugins .plugins-boxes .box .image.Woo-commerce {
  background-color: #7f54b3;
}
.all-add-on-page .content .plugins .plugins-boxes .box .image.shopify {
  background-color: #96cc00;
}
.all-add-on-page .content .plugins .plugins-boxes .box .image.zid-store {
  background-color: #8876f9;
}
.all-add-on-page .content .plugins .plugins-boxes .box .image.salla {
  background-color: #004956;
}
.all-add-on-page .content .plugins .plugins-boxes .box .image.zapier {
  background-color: #ff4a00;
}
.all-add-on-page .content .plugins .plugins-boxes .box .image img {
  margin: auto;
  width: auto;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info {
  padding: 25px 25px 30px;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-info .text {
  text-align: right;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-info .text p {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-info .text span {
  font-size: 20px;
  font-family: "pingArLt-light";
  color: #000;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-info .text .stars {
  display: flex;
  align-items: center;
  gap: 5px;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-info .text .stars p {
  font-size: 12px;
  font-family: "pingArLt-light";
  color: #a2a2a2;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-content p {
  font-size: 16px;
  font-family: "pingArLt-light";
  line-height: 30px;
  color: #848484;
  text-align: right;
  margin: 15px 0 25px;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-price .price {
  width: 190px;
  height: 50px;
  background-color: #f3f3f3;
  color: #848484;
  font-size: 14px;
  font-family: "pingArLt-light";
  gap: 5px;
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-price .price span {
  font-size: 18px;
  font-family: "pingArLt-bold";
}
.all-add-on-page .content .plugins .plugins-boxes .box .info .app-price .buy {
  width: 120px;
  height: 50px;
  background-color: #ffcc00;
  font-size: 18px;
  font-family: "pingArLt-regular";
  color: #000;
}

/* ------------------------------------------ */
/*         Faq Page
/* ------------------------------------------ */
.faq-page,
.terms-page,
.usage-page,
.privacy-page,
.gdpr-page,
.return-page {
  padding: 100px 0 0;
  background-color: #f6f6f6;
}
.faq-page .slider,
.terms-page .slider,
.usage-page .slider,
.privacy-page .slider,
.gdpr-page .slider,
.return-page .slider {
  background-color: #141414;
  padding: 130px 0 75px;
  text-align: center;
}
.faq-page .slider p,
.terms-page .slider p,
.usage-page .slider p,
.privacy-page .slider p,
.gdpr-page .slider p,
.return-page .slider p {
  font-size: 30px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 30px;
}
.faq-page .slider .search,
.terms-page .slider .search,
.usage-page .slider .search,
.privacy-page .slider .search,
.gdpr-page .slider .search,
.return-page .slider .search {
  position: relative;
  width: 800px;
  margin: auto;
}
.faq-page .slider .search input,
.terms-page .slider .search input,
.usage-page .slider .search input,
.privacy-page .slider .search input,
.gdpr-page .slider .search input,
.return-page .slider .search input {
  width: 800px;
  padding: 25px;
  border-radius: 10px;
  font-size: 16px;
  color: #000;
}
.faq-page .slider .search input::-moz-placeholder, .terms-page .slider .search input::-moz-placeholder, .usage-page .slider .search input::-moz-placeholder, .privacy-page .slider .search input::-moz-placeholder, .gdpr-page .slider .search input::-moz-placeholder, .return-page .slider .search input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.faq-page .slider .search input::placeholder,
.terms-page .slider .search input::placeholder,
.usage-page .slider .search input::placeholder,
.privacy-page .slider .search input::placeholder,
.gdpr-page .slider .search input::placeholder,
.return-page .slider .search input::placeholder {
  color: #000;
  opacity: 1;
}
.faq-page .slider .search svg,
.terms-page .slider .search svg,
.usage-page .slider .search svg,
.privacy-page .slider .search svg,
.gdpr-page .slider .search svg,
.return-page .slider .search svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  color: #002230;
}
.faq-page .content,
.terms-page .content,
.usage-page .content,
.privacy-page .content,
.gdpr-page .content,
.return-page .content {
  padding: 80px 0 170px;
}
.faq-page .content .title,
.terms-page .content .title,
.usage-page .content .title,
.privacy-page .content .title,
.gdpr-page .content .title,
.return-page .content .title {
  font-size: 25px;
  color: #000;
  text-align: center;
  margin-bottom: 60px;
}
.faq-page .content .accordion,
.terms-page .content .accordion,
.usage-page .content .accordion,
.privacy-page .content .accordion,
.gdpr-page .content .accordion,
.return-page .content .accordion {
  margin: auto;
}
.faq-page .content .accordion .accordion-item,
.terms-page .content .accordion .accordion-item,
.usage-page .content .accordion .accordion-item,
.privacy-page .content .accordion .accordion-item,
.gdpr-page .content .accordion .accordion-item,
.return-page .content .accordion .accordion-item {
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.faq-page .content .accordion .accordion-item .accordion-header,
.terms-page .content .accordion .accordion-item .accordion-header,
.usage-page .content .accordion .accordion-item .accordion-header,
.privacy-page .content .accordion .accordion-item .accordion-header,
.gdpr-page .content .accordion .accordion-item .accordion-header,
.return-page .content .accordion .accordion-item .accordion-header {
  padding: 30px 45px 0;
}
.faq-page .content .accordion .accordion-item:not(:last-child),
.terms-page .content .accordion .accordion-item:not(:last-child),
.usage-page .content .accordion .accordion-item:not(:last-child),
.privacy-page .content .accordion .accordion-item:not(:last-child),
.gdpr-page .content .accordion .accordion-item:not(:last-child),
.return-page .content .accordion .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.faq-page .content .accordion .accordion-item .accordion-button,
.terms-page .content .accordion .accordion-item .accordion-button,
.usage-page .content .accordion .accordion-item .accordion-button,
.privacy-page .content .accordion .accordion-item .accordion-button,
.gdpr-page .content .accordion .accordion-item .accordion-button,
.return-page .content .accordion .accordion-item .accordion-button {
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: none;
  font-size: 18px;
  font-family: "pingArLt-medium";
  color: #000;
  padding: 0 0 25px;
  text-align: right;
}
.faq-page .content .accordion .accordion-item .accordion-button::after,
.terms-page .content .accordion .accordion-item .accordion-button::after,
.usage-page .content .accordion .accordion-item .accordion-button::after,
.privacy-page .content .accordion .accordion-item .accordion-button::after,
.gdpr-page .content .accordion .accordion-item .accordion-button::after,
.return-page .content .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/accordion-arrow.png");
  color: #000;
  margin-right: auto;
  margin-left: unset;
}
.faq-page .content .accordion .accordion-item .accordion-button.collapsed::after,
.terms-page .content .accordion .accordion-item .accordion-button.collapsed::after,
.usage-page .content .accordion .accordion-item .accordion-button.collapsed::after,
.privacy-page .content .accordion .accordion-item .accordion-button.collapsed::after,
.gdpr-page .content .accordion .accordion-item .accordion-button.collapsed::after,
.return-page .content .accordion .accordion-item .accordion-button.collapsed::after {
  background-image: url("../images/accordion-arrow.png");
  color: #000;
}
.faq-page .content .accordion .accordion-item .accordion-body,
.terms-page .content .accordion .accordion-item .accordion-body,
.usage-page .content .accordion .accordion-item .accordion-body,
.privacy-page .content .accordion .accordion-item .accordion-body,
.gdpr-page .content .accordion .accordion-item .accordion-body,
.return-page .content .accordion .accordion-item .accordion-body {
  font-size: 16px;
  line-height: 40px;
  font-family: "pingArLt-light";
  color: #000;
  padding: 30px 50px 35px;
}

/* ------------------------------------------ */
/*         Price Page
/* ------------------------------------------ */
.price-page {
  padding: 100px 0 75px;
  background-color: #f6f6f6;
}
.price-page .slider {
  background-color: #282d2d;
  padding: 120px 0;
  text-align: center;
}
.price-page .slider p {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 20px;
}
.price-page .slider span {
  font-size: 25px;
  color: #fff;
}
.price-page .content .prices-lists .lists-boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
  margin-bottom: 110px;
}
.price-page .content .prices-lists .lists-boxes .box {
  width: 280px;
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 40px 35px;
  transition: all 0.3s;
}
.price-page .content .prices-lists .lists-boxes .box .head {
  text-align: center;
}
.price-page .content .prices-lists .lists-boxes .box .head h3 {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 5px;
}
.price-page .content .prices-lists .lists-boxes .box .head .price-monthly,
.price-page .content .prices-lists .lists-boxes .box .head .price-yearly {
  font-size: 40px;
  font-family: "pingArLt-heavy";
  color: #000;
}
.price-page .content .prices-lists .lists-boxes .box .head .price-yearly {
  display: none;
}
.price-page .content .prices-lists .lists-boxes .box .head .monthly,
.price-page .content .prices-lists .lists-boxes .box .head .yearly {
  font-size: 16px;
  font-family: "pingArLt-medium";
  color: #5d5d5d;
  margin-bottom: 10px;
}
.price-page .content .prices-lists .lists-boxes .box .head .yearly {
  display: none;
}
.price-page .content .prices-lists .lists-boxes .box .head .discount {
  font-size: 16px;
  font-family: "pingArLt-light";
  color: #b8b8b8;
  text-decoration: line-through;
}
.price-page .content .prices-lists .lists-boxes .box .head .discount.yearly {
  display: none;
}
.price-page .content .prices-lists .lists-boxes .box .head .notice {
  font-size: 14px;
  font-family: "pingArLt-light";
  color: #b9b9b9;
}
.price-page .content .prices-lists .lists-boxes .box .menu-monthly,
.price-page .content .prices-lists .lists-boxes .box .menu-yearly {
  margin: 30px 0;
}
.price-page .content .prices-lists .lists-boxes .box .menu-monthly li,
.price-page .content .prices-lists .lists-boxes .box .menu-yearly li {
  display: flex;
  align-items: center;
  gap: 5px;
}
.price-page .content .prices-lists .lists-boxes .box .menu-monthly li::before,
.price-page .content .prices-lists .lists-boxes .box .menu-yearly li::before {
  content: "\f00c";
  font-family: fontAwesome;
  color: #00c5bb;
}
.price-page .content .prices-lists .lists-boxes .box .menu-monthly li:not(:last-child),
.price-page .content .prices-lists .lists-boxes .box .menu-yearly li:not(:last-child) {
  margin-bottom: 20px;
}
.price-page .content .prices-lists .lists-boxes .box .menu-monthly li p,
.price-page .content .prices-lists .lists-boxes .box .menu-yearly li p {
  font-size: 14px;
  color: #000;
}
.price-page .content .prices-lists .lists-boxes .box .menu-yearly {
  display: none;
}
.price-page .content .prices-lists .lists-boxes .box .btn-style {
  width: 200px;
  font-size: 16px;
  background-color: #f5f5f5;
  color: #000;
}
.price-page .content .prices-lists .lists-boxes .box:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.price-page .content .prices-lists .lists-boxes .box:hover .head .title,
.price-page .content .prices-lists .lists-boxes .box:hover .head .price-monthly,
.price-page .content .prices-lists .lists-boxes .box:hover .head .price-yearly {
  color: #00c5bb;
}
.price-page .content .prices-lists .lists-boxes .box:hover .btn-style {
  background-color: #00c5bb;
  color: #fff;
}
.price-page .content .compare-pricing .section-header {
  text-align: center;
  margin-bottom: 95px;
}
.price-page .content .compare-pricing .section-header h2 {
  font-size: 50px;
  font-family: "pingArLt-bold";
  margin-bottom: 10px;
}
.price-page .content .compare-pricing .section-header p {
  font-size: 25px;
  color: #000;
}
.price-page .content .compare-pricing .compare-table table {
  width: 100%;
}
.price-page .content .compare-pricing .compare-table table thead tr th {
  font-size: 16px;
  font-family: "pingArLt-bold";
  color: #000;
  height: 30px;
  text-align: center;
}
.price-page .content .compare-pricing .compare-table table tbody tr:last-child {
  background-color: #fff;
}
.price-page .content .compare-pricing .compare-table table tbody tr td {
  height: 80px;
  font-size: 30px;
  font-family: "pingArLt-heavy";
  color: #000;
  position: relative;
  text-align: center;
}
.price-page .content .compare-pricing .compare-table table tbody tr td > span {
  font-size: 16px;
  font-family: "pingArLt-medium";
  color: #5d5d5d;
}
.price-page .content .compare-pricing .compare-table table tbody tr td.discount p {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  font-family: "pingArLt-light";
  color: #b8b8b8;
  text-decoration: line-through;
}
.price-page .content .compare-pricing .compare-table table tbody tr td:first-child {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
  padding: 25px 30px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align: right;
}
.price-page .content .compare-pricing .compare-table table tbody tr td:last-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.price-page .content .compare-pricing .compare-table table tfoot tr td {
  height: 90px;
}
.price-page .content .compare-pricing .compare-table table tfoot tr td .btn-style {
  width: 200px;
  background-color: #00c5bb;
  font-size: 16px;
  color: #fff;
  margin: auto;
}
.price-page .content .accordion {
  margin: 35px auto 0;
}
.price-page .content .accordion .accordion-item {
  border: none;
  border-radius: 10px;
}
.price-page .content .accordion .accordion-item .accordion-header {
  padding: 20px 30px 0;
}
.price-page .content .accordion .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.price-page .content .accordion .accordion-item .accordion-button {
  background-color: #fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: none;
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
  padding: 0 0 25px;
  text-align: right;
}
.price-page .content .accordion .accordion-item .accordion-button::after {
  background-image: url("/images/circle-arrow-down.svg");
  margin-right: auto;
  margin-left: unset;
  filter: contrast(1);
  background-size: contain;
  width: 24px;
  height: 24px;
}
.price-page .content .accordion .accordion-item .accordion-button.collapsed::after {
  background-image: url("/images/circle-arrow-down.svg");
  filter: contrast(0);
}
.price-page .content .accordion .accordion-item .accordion-body {
  background-color: #f6f6f6;
  font-size: 16px;
  line-height: 40px;
  font-family: "pingArLt-light";
  color: #000;
  padding: 20px 0 0;
}
.price-page .content .accordion .accordion-item .accordion-body table {
  width: 100%;
}
.price-page .content .accordion .accordion-item .accordion-body table.yearly {
  display: none;
}
.price-page .content .accordion .accordion-item .accordion-body table tbody tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 25px 30px;
}
.price-page .content .accordion .accordion-item .accordion-body table tbody tr:nth-child(odd) {
  background-color: #eeeeee;
  border-radius: 10px;
}
.price-page .content .accordion .accordion-item .accordion-body table tbody tr td.title {
  flex-basis: 20%;
  font-size: 16px;
  color: #000;
}
.price-page .content .accordion .accordion-item .accordion-body table tbody tr td svg.fa-circle-check {
  color: #00c5bb;
}
.price-page .content .accordion .accordion-item .accordion-body table tbody tr td svg.fa-circle-xmark {
  color: #ff4d4d;
}
.price-page .content .questions {
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 65px 50px;
  margin-top: 40px;
}
.price-page .content .questions .text p {
  font-size: 35px;
  font-family: "pingArLt-medium";
  color: #475757;
  margin-bottom: 5px;
}
.price-page .content .questions .text span {
  font-size: 20px;
  color: #475757;
}
.price-page .content .questions .learn-more {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #00c5bb;
}
.price-page .content .questions .learn-more .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border: 1px solid #00c5bb;
  border-radius: 50%;
}
.price-page .content .questions .learn-more p {
  font-size: 16px;
}

/* ------------------------------------------ */
/*         Help details Page
/* ------------------------------------------ */
.help-details-page {
  padding: 100px 0 0;
}
.help-details-page .slider {
  background-color: #282d2d;
  padding: 30px 0 75px;
}
.help-details-page .slider ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
.help-details-page .slider ul li span {
  font-size: 13px;
  font-family: "pingArLt-light";
  color: #a8a8a8;
}
.help-details-page .slider p {
  font-size: 30px;
  font-family: "pingArLt-medium";
  color: #fff;
  margin: 85px 0 45px;
}
.help-details-page .slider .watch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 50px;
  background-color: #303434;
  border-radius: 25px;
  font-size: 16px;
  font-family: "pingArLt-light";
  color: #fff;
}
.help-details-page .content {
  padding: 75px 0 0;
}
.help-details-page .content .box-1 {
  background-color: #244672;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 95px 125px;
  margin-bottom: 50px;
}
.help-details-page .content .box-1 .box {
  font-family: "Tajawal", sans-serif;
  max-width: 300px;
  padding: 45px 30px 25px;
  text-align: center;
  background-color: #2d5384;
  border-radius: 10px;
}
.help-details-page .content .box-1 .box .icon {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
  border-radius: 20px;
  margin: 0 auto 25px;
}
.help-details-page .content .box-1 .box .text p {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}
.help-details-page .content .box-1 .box .text p span {
  color: #000;
}
.help-details-page .content .box-1 .box .text span {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.help-details-page .content > .text p {
  font-size: 20px;
  font-family: "pingArLt-medium";
  line-height: 60px;
  color: #000;
}
.help-details-page .content > .text p a {
  color: #00c5bb;
  text-decoration: underline;
}
.help-details-page .content .video-boxes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px 0;
}
.help-details-page .content .video-boxes .box {
  position: relative;
}
.help-details-page .content .video-boxes .box p {
  position: absolute;
  bottom: 70px;
  right: 30px;
  font-size: 20px;
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  color: #fff;
}
.help-details-page .content .box-2 {
  background-color: #128198;
  padding: 45px 110px 45px 70px;
  width: 90%;
  margin: 50px 0 40px;
}
.help-details-page .content .box-2 p {
  font-size: 20px;
  color: #fff;
  margin-left: 10px;
}
.help-details-page .content .box-2 svg {
  margin-left: -5px;
  position: relative;
  z-index: 1;
}
.help-details-page .content .box-2 img {
  max-width: 100%;
}
.help-details-page .content .questions {
  border: 1px solid #e0ecf0;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 65px 50px;
  margin: 85px 0 55px;
}
.help-details-page .content .questions .text p {
  font-size: 35px;
  font-family: "pingArLt-medium";
  color: #475757;
  margin-bottom: 5px;
}
.help-details-page .content .questions .text span {
  font-size: 20px;
  color: #475757;
}
.help-details-page .content .questions .learn-more {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #00c5bb;
}
.help-details-page .content .questions .learn-more .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border: 1px solid #00c5bb;
  border-radius: 50%;
}
.help-details-page .content .questions .learn-more p {
  font-size: 16px;
}

/* ------------------------------------------ */
/*          Blog Page
/* ------------------------------------------ */
.blog-page {
  padding: 100px 0 0;
  background-color: #f6f6f6;
}
.blog-page .head {
  background-color: #141414;
  padding: 115px 0 75px;
  text-align: center;
}
.blog-page .head p {
  font-size: 30px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 45px;
}
.blog-page .head .search {
  max-width: 820px;
  margin: auto;
  position: relative;
}
.blog-page .head .search input {
  width: 100%;
  padding: 25px;
  border-radius: 10px;
  font-size: 16px;
  color: #000;
}
.blog-page .head .search input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.blog-page .head .search input::placeholder {
  color: #000;
  opacity: 1;
}
.blog-page .head .search svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  color: #000;
}
.blog-page .content {
  padding: 80px 0 195px;
}
.blog-page .content .slider {
  position: relative;
}
.blog-page .content .slider .item .box {
  display: flex;
  align-items: center;
  background-color: #fff;
}
.blog-page .content .slider .item .box .text {
  flex-basis: 50%;
  padding: 70px 60px;
}
.blog-page .content .slider .item .box .text .label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 40px;
  background-color: #000;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-family: "pingArLt-light";
}
.blog-page .content .slider .item .box .text .label.live-chat {
  background-color: #ebf3ff;
  color: #2070e9;
}
.blog-page .content .slider .item .box .text .label.chat-bot {
  background-color: #ebfff4;
  color: #0bac00;
}
.blog-page .content .slider .item .box .text .label.interactive-buttons {
  background-color: #fff0ec;
  color: #ac3b00;
}
.blog-page .content .slider .item .box .text .label.starvation-conversation {
  background-color: #ffeefc;
  color: #f651ba;
}
.blog-page .content .slider .item .box .text .label.group-messaging {
  background-color: #fcffec;
  color: #ac3b00;
}
.blog-page .content .slider .item .box .text h2 {
  max-width: 375px;
  font-size: 45px;
  font-family: "pingArLt-bold";
  line-height: 60px;
  color: #000;
  margin: 10px 0 15px;
}
.blog-page .content .slider .item .box .text .date svg {
  color: #a2a2a2;
}
.blog-page .content .slider .item .box .text .date span {
  font-size: 14px;
  font-family: "pingArLt-light";
  color: #a2a2a2;
}
.blog-page .content .slider .item .box .image {
  flex-basis: 50%;
}
.blog-page .content .slider .item .box .image img {
  width: 100%;
  max-width: 100%;
}
.blog-page .content .slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.blog-page .content .slider .owl-nav .owl-next,
.blog-page .content .slider .owl-nav .owl-prev {
  position: absolute;
}
.blog-page .content .slider .owl-nav .owl-next:hover,
.blog-page .content .slider .owl-nav .owl-prev:hover {
  background: transparent;
  color: unset;
}
.blog-page .content .slider .owl-nav .owl-next svg,
.blog-page .content .slider .owl-nav .owl-prev svg {
  width: 60px;
  height: 60px;
}
.blog-page .content .slider .owl-nav .owl-next svg path,
.blog-page .content .slider .owl-nav .owl-prev svg path {
  stroke: #000;
  fill: transparent;
  stroke-width: 1px;
}
.blog-page .content .slider .owl-nav .owl-prev {
  right: -170px;
}
.blog-page .content .slider .owl-nav .owl-prev svg {
  transform: rotate(270deg);
}
.blog-page .content .slider .owl-nav .owl-next {
  left: -170px;
}
.blog-page .content .slider .owl-nav .owl-next svg {
  transform: rotate(90deg);
}
.blog-page .content .blogs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  margin: 65px 0 60px;
}
.blog-page .content .blogs .blog-box {
  width: 630px;
  height: 600px;
  background-color: #fff;
}
.blog-page .content .blogs .blog-box .image {
  height: 355px;
  overflow: hidden;
}
.blog-page .content .blogs .blog-box .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-page .content .blogs .blog-box .text {
  padding: 30px 50px 40px;
}
.blog-page .content .blogs .blog-box .text .label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 40px;
  background-color: #000;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-family: "pingArLt-light";
}
.blog-page .content .blogs .blog-box .text .label.live-chat {
  background-color: #ebf3ff;
  color: #2070e9;
}
.blog-page .content .blogs .blog-box .text .label.chat-bot {
  background-color: #ebfff4;
  color: #0bac00;
}
.blog-page .content .blogs .blog-box .text .label.interactive-buttons {
  background-color: #fff0ec;
  color: #ac3b00;
}
.blog-page .content .blogs .blog-box .text .label.starvation-conversation {
  background-color: #ffeefc;
  color: #f651ba;
}
.blog-page .content .blogs .blog-box .text .label.group-messaging {
  background-color: #fcffec;
  color: #ac3b00;
}
.blog-page .content .blogs .blog-box .text .title {
  max-width: 500px;
  font-size: 30px;
  font-family: "pingArLt-bold";
  line-height: 40px;
  color: #000;
  margin: 15px 0 10px;
}
.blog-page .content .blogs .blog-box .text .date svg {
  color: #a2a2a2;
}
.blog-page .content .blogs .blog-box .text .date span {
  font-size: 14px;
  font-family: "pingArLt-light";
  color: #a2a2a2;
}
.blog-page .content .blog-pagination {
  direction: rtl;
}
.blog-page .content .blog-pagination .pagination {
  justify-content: center;
  gap: 15px;
}
.blog-page .content .blog-pagination .pagination .page-item.active .page-link {
  background-color: #ffcc00;
}
.blog-page .content .blog-pagination .pagination .page-item .page-link {
  border-radius: 50%;
  width: 55px;
  height: 55px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: none;
  font-size: 16px;
  font-family: "pingArLt-light";
  color: #000;
}
.blog-page .content .blog-pagination .pagination .page-item .page-link span svg {
  transform: rotate(180deg);
}

/* ------------------------------------------ */
/*          Blog details Page
/* ------------------------------------------ */
.blog-details-page {
  background-color: #f6f6f6;
  padding: 140px 0 100px;
}
.blog-details-page .content {
  background-color: #fff;
  padding: 70px;
}
.blog-details-page .content .blog-image img {
  width: 100%;
  max-width: 100%;
}
.blog-details-page .content .blog-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.blog-details-page .content .blog-details .details {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin: 35px 0 20px;
}
.blog-details-page .content .blog-details .details .label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 40px;
  background-color: #000;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-family: "pingArLt-light";
}
.blog-details-page .content .blog-details .details .label.live-chat {
  background-color: #ebf3ff;
  color: #2070e9;
}
.blog-details-page .content .blog-details .details .label.chat-bot {
  background-color: #ebfff4;
  color: #0bac00;
}
.blog-details-page .content .blog-details .details .label.interactive-buttons {
  background-color: #fff0ec;
  color: #ac3b00;
}
.blog-details-page .content .blog-details .details .label.starvation-conversation {
  background-color: #ffeefc;
  color: #f651ba;
}
.blog-details-page .content .blog-details .details .label.group-messaging {
  background-color: #fcffec;
  color: #ac3b00;
}
.blog-details-page .content .blog-details .details .date span,
.blog-details-page .content .blog-details .details .views span,
.blog-details-page .content .blog-details .details .share span {
  font-size: 14px;
  font-family: "pingArLt-light";
  color: #a2a2a2;
}
.blog-details-page .content .blog-details .share {
  position: relative;
  cursor: pointer;
}
.blog-details-page .content .blog-details .share .open-share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 115px;
  height: 40px;
  background-color: #ebf3ff;
  border-radius: 20px;
}
.blog-details-page .content .blog-details .share .open-share p {
  font-size: 14px;
  font-family: "pingArLt-medium";
  color: #000;
}
.blog-details-page .content .blog-details .share .list-social {
  position: absolute;
  width: 130px;
  left: -5px;
  top: 55px;
  display: none;
  background-color: #fff;
  box-shadow: 0px 0px 6px 3px rgba(53, 53, 53, 0.06);
  z-index: 99;
}
.blog-details-page .content .blog-details .share .list-social li:not(:last-of-type) {
  border-bottom: 1px solid #f5f8fa;
}
.blog-details-page .content .blog-details .share .list-social li a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 45px;
  color: #8ba0b9;
  font-size: 13px;
  border-radius: 3px;
  padding: 0 15px;
}
.blog-details-page .content .blog-details .share .list-social li a .icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.blog-details-page .content .blog-details .share .list-social li a .icon svg {
  font-size: 8px;
  color: #fff;
  transition: all 0.3s;
}
.blog-details-page .content .blog-details .share .list-social li a:hover .icon {
  margin-right: 15px;
}
.blog-details-page .content .blog-details .share .list-social li a.facebook .icon {
  background-color: #334c8c;
}
.blog-details-page .content .blog-details .share .list-social li a.twitter .icon {
  background-color: #00a6de;
}
.blog-details-page .content .blog-details .share .list-social li a.linkedin .icon {
  background-color: #0b69c7;
}
.blog-details-page .content .blog-details .share .list-social li a.whats .icon {
  background-color: #2aa81a;
}
.blog-details-page .content .blog-title {
  font-size: 40px;
  font-family: "pingArLt-bold";
  line-height: 60px;
  color: #000;
  max-width: 970px;
}
.blog-details-page .content .blog-content {
  margin: 25px 0 50px;
}
.blog-details-page .content .blog-content p {
  font-size: 18px;
  font-family: "pingArLt-light";
  color: #000;
}
.blog-details-page .content .blog-content p:not(:last-of-type) {
  margin-bottom: 10px;
}
.blog-details-page .content .blog-content p.bold {
  font-size: 20px;
  font-family: "pingArLt-bold";
  margin-top: 20px;
}
.blog-details-page .content .similar-blog {
  padding-top: 40px;
  border-top: 1px solid #ebebeb;
}
.blog-details-page .content .similar-blog > .title {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #878787;
  margin-bottom: 40px;
}
.blog-details-page .content .similar-blog .slider {
  position: relative;
}
.blog-details-page .content .similar-blog .slider .item .blog-box {
  display: block;
}
.blog-details-page .content .similar-blog .slider .item .blog-box .image img {
  width: 100%;
}
.blog-details-page .content .similar-blog .slider .item .blog-box .text {
  padding: 30px;
  background-color: #f9f9f9;
  height: 160px;
}
.blog-details-page .content .similar-blog .slider .item .blog-box .text .title {
  max-width: 250px;
  font-size: 16px;
  font-family: "pingArLt-medium";
  line-height: 30px;
  color: #000;
  margin-bottom: 10px;
}
.blog-details-page .content .similar-blog .slider .item .blog-box .text .date svg {
  color: #a2a2a2;
}
.blog-details-page .content .similar-blog .slider .item .blog-box .text .date span {
  font-size: 14px;
  font-family: "pingArLt-light";
  color: #a2a2a2;
}
.blog-details-page .content .similar-blog .slider .owl-nav {
  position: absolute;
  top: -90px;
  left: 0;
}
.blog-details-page .content .similar-blog .slider .owl-nav button {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 22px;
}
.blog-details-page .content .similar-blog .slider .owl-nav button.owl-next {
  background-color: #f1f1f1;
}
.blog-details-page .content .similar-blog .slider .owl-nav button.owl-next:hover {
  background: #f1f1f1;
}
.blog-details-page .content .similar-blog .slider .owl-nav button:hover {
  background: transparent;
  color: unset;
}

/* ------------------------------------------ */
/*          drop shipping Page
/* ------------------------------------------ */
.drop-shipping-page .drop-shipping-slider {
  background-color: #e0ecf0;
  padding: 150px 0 120px;
}
.drop-shipping-page .drop-shipping-slider .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 125px;
}
.drop-shipping-page .drop-shipping-slider .content .text h1 {
  font-size: 60px;
  font-family: "pingArLt-bold";
  color: #000;
}
.drop-shipping-page .drop-shipping-slider .content .text p {
  max-width: 425px;
  font-size: 30px;
  line-height: 50px;
  color: #000;
  margin: 10px 0 65px;
}
.drop-shipping-page .drop-shipping-slider .content .text .buttons .btn-style {
  display: inline-flex;
  background-color: #ffcc00;
  color: #000;
}
.drop-shipping-page .drop-shipping-slider .content .text .buttons .play {
  position: relative;
  z-index: 1;
  margin-right: 10px;
}
.drop-shipping-page .drop-shipping-slider .content .text .buttons .play::after {
  content: "";
  position: absolute;
  top: -38px;
  right: 0;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 206, 74, 0.4);
  border-radius: 50%;
  animation: scale 2s infinite;
  z-index: -1;
}
.drop-shipping-page .drop-shipping-slider .content .text .buttons .play::before {
  content: "";
  position: absolute;
  top: -28px;
  right: 10px;
  width: 80px;
  height: 80px;
  background-color: rgba(255, 207, 74, 0.737254902);
  border-radius: 50%;
  animation: scale 2s infinite;
  z-index: -2;
}
.drop-shipping-page .drop-shipping-slider .content .text .buttons .play svg {
  position: absolute;
  right: 18px;
  top: -20px;
}
.drop-shipping-page .drop-shipping-slider .content .image {
  border-radius: 30px;
  overflow: hidden;
}
.drop-shipping-page .drop-shipping-slider .content .image img {
  max-width: 100%;
}
.drop-shipping-page .start-now {
  margin: 115px 0 140px;
}
.drop-shipping-page .start-now h2 {
  font-size: 50px;
  font-family: "pingArLt-bold";
  color: #000;
  text-align: center;
  margin-bottom: 60px;
}
.drop-shipping-page .start-now .boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.drop-shipping-page .start-now .boxes .box {
  width: 380px;
  height: 350px;
  background-color: #f6f6f6;
  border-radius: 20px;
  padding: 50px 40px 40px;
  text-align: center;
}
.drop-shipping-page .start-now .boxes .box .text p {
  font-size: 25px;
  font-family: "pingArLt-bold";
  color: #000;
  margin: 30px 0 15px;
}
.drop-shipping-page .start-now .boxes .box .text span {
  font-size: 16px;
  line-height: 35px;
  color: #4e4e4e;
}
.drop-shipping-page .features {
  background-color: #00716b;
  padding: 120px 0 110px;
}
.drop-shipping-page .features .section-header {
  text-align: center;
  margin-bottom: 85px;
}
.drop-shipping-page .features .section-header h2 {
  font-size: 50px;
  font-family: "pingArLt-heavy";
  color: #fff;
  margin-bottom: 10px;
}
.drop-shipping-page .features .section-header p {
  max-width: 820px;
  font-size: 20px;
  font-family: "pingArLt-light";
  line-height: 40px;
  color: #fff;
  margin: auto;
}
.drop-shipping-page .features .boxes {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.drop-shipping-page .features .boxes .box {
  width: 580px;
  height: 170px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
}
.drop-shipping-page .features .boxes .box .text p {
  font-size: 20px;
  font-family: "pingArLt-medium";
  color: #000;
  margin-bottom: 5px;
}
.drop-shipping-page .features .boxes .box .text span {
  display: block;
  max-width: 380px;
  font-size: 16px;
  font-family: "pingArLt-light";
  line-height: 30px;
  color: #616161;
}
.drop-shipping-page .services-packages {
  padding: 110px 0 80px;
}
.drop-shipping-page .services-packages h2 {
  font-size: 50px;
  font-family: "pingArLt-bold";
  color: #000;
  text-align: center;
  margin-bottom: 60px;
}
.drop-shipping-page .services-packages ul li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 30px 25px 40px;
  border: 1px solid #e0ecf0;
  border-radius: 10px;
  font-size: 20px;
  font-family: "pingArLt-medium";
  color: #475757;
  transition: all 0.3s;
}
.drop-shipping-page .services-packages ul li p.percent {
  color: #000;
}
.drop-shipping-page .services-packages ul li p span {
  font-family: "pingArLt-bold";
}
.drop-shipping-page .services-packages ul li:not(:last-child) {
  margin-bottom: 15px;
}
.drop-shipping-page .services-packages ul li:hover {
  background-color: #f6f6f6;
}
.drop-shipping-page .services-packages .btn-style {
  width: 295px;
  background-color: #ffcc00;
  font-size: 16px;
  color: #000;
  margin: 65px auto 0;
}
.drop-shipping-page .questions {
  border: 1px solid #e0ecf0;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 65px 50px;
  margin: 85px 0 55px;
}
.drop-shipping-page .questions .text p {
  font-size: 35px;
  font-family: "pingArLt-medium";
  color: #475757;
  margin-bottom: 5px;
}
.drop-shipping-page .questions .text span {
  font-size: 20px;
  color: #475757;
}
.drop-shipping-page .questions .learn-more {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #00c5bb;
}
.drop-shipping-page .questions .learn-more .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border: 1px solid #00c5bb;
  border-radius: 50%;
}
.drop-shipping-page .questions .learn-more p {
  font-size: 16px;
}

/* ------------------------------------------ */
/*          Contact us Page
/* ------------------------------------------ */
.contact-us-page {
  background-color: #f6f6f6;
}
.contact-us-page .content {
  padding: 100px 0 165px;
}
.contact-us-page .content .contact-form {
  margin: 60px 0 40px;
  background-color: #fff;
  border-radius: 10px;
  padding: 45px 65px 45px 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-us-page .content .contact-form .form h2 {
  font-size: 35px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 35px;
}
.contact-us-page .content .contact-form .form form input,
.contact-us-page .content .contact-form .form form textarea {
  width: 300px;
  height: 60px;
  border: 1px solid #f5f5f5;
  border-radius: 100px;
  padding: 20px 30px;
  font-size: 14px;
  color: #000;
}
.contact-us-page .content .contact-form .form form input::-moz-placeholder, .contact-us-page .content .contact-form .form form textarea::-moz-placeholder {
  font-size: 14px;
  color: #000;
  opacity: 1;
}
.contact-us-page .content .contact-form .form form input::placeholder,
.contact-us-page .content .contact-form .form form textarea::placeholder {
  font-size: 14px;
  color: #000;
  opacity: 1;
}
.contact-us-page .content .contact-form .form form .group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.contact-us-page .content .contact-form .form form .phone {
  position: relative;
  margin-bottom: 20px;
}
.contact-us-page .content .contact-form .form form .phone input {
  width: 610px;
  direction: rtl;
}
.contact-us-page .content .contact-form .form form .iti:hover .iti__selected-flag {
  background-color: transparent;
}
.contact-us-page .content .contact-form .form form .iti .iti__selected-flag {
  padding-left: 30px;
  background-color: transparent;
}
.contact-us-page .content .contact-form .form form .iti .iti__selected-dial-code {
  direction: ltr;
  position: absolute;
  right: -35px;
  top: 19px;
}
.contact-us-page .content .contact-form .form form .iti .iti__arrow {
  position: absolute;
  right: -50px;
  border: solid #023a51;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
}
.contact-us-page .content .contact-form .form form .iti .iti__arrow.iti__arrow--up {
  border-width: 3px 0 0 3px;
  transform: rotate(45deg);
}
.contact-us-page .content .contact-form .form form .iti .iti__country-list {
  left: 0;
  width: 610px;
}
.contact-us-page .content .contact-form .form form textarea {
  resize: none;
  width: 100%;
  height: 100px;
  border-radius: 20px;
}
.contact-us-page .content .contact-form .form form .btn-style {
  width: 180px;
  height: 50px;
  background-color: #00c5bb;
  font-size: 18px;
  color: #fff;
  margin: 40px auto 0;
}
.contact-us-page .content .contact-info {
  background-color: #ffe979;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 55px 65px 55px 190px;
}
.contact-us-page .content .contact-info h1 {
  font-size: 50px;
  font-family: "pingArLt-medium";
  line-height: 70px;
  color: #000;
  max-width: 465px;
}
.contact-us-page .content .contact-info h1 span {
  color: #00c5bb;
}
.contact-us-page .content .contact-info ul li {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #000;
}
.contact-us-page .content .contact-info ul li:not(:last-child) {
  margin-bottom: 25px;
}
.contact-us-page .content .contact-info ul li .info p {
  font-size: 20px;
  font-family: "pingArLt-medium";
  color: #000;
}
.contact-us-page .content .contact-info ul li .info a {
  font-size: 20px;
  font-family: "pingArLt-light";
  color: #000;
}

/* ------------------------------------------ */
/*           Help Page
/* ------------------------------------------ */
.help-page {
  padding: 100px 0 0;
}
.help-page .slider {
  background-color: #141414;
  padding: 130px 0 75px;
}
.help-page .slider h2 {
  font-size: 35px;
  font-family: "pingArLt-bold";
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
.help-page .slider .search {
  max-width: 820px;
  margin: auto;
  position: relative;
}
.help-page .slider .search input {
  width: 100%;
  padding: 25px;
  border-radius: 10px;
  font-size: 16px;
  color: #000;
}
.help-page .slider .search input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.help-page .slider .search input::placeholder {
  color: #000;
  opacity: 1;
}
.help-page .slider .search svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  color: #000;
}
.help-page .content {
  padding: 60px 0 80px;
}
.help-page .content .section-header {
  text-align: center;
  margin-bottom: 75px;
}
.help-page .content .section-header h2 {
  font-size: 40px;
  font-family: "pingArLt-medium";
  color: #000;
  margin-bottom: 10px;
}
.help-page .content .section-header p {
  font-size: 20px;
  color: #000;
}
.help-page .content .help-boxes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.help-page .content .help-boxes .box {
  width: 380px;
  height: 255px;
  padding: 30px;
  background-color: #f3f9f9;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 45px;
  transition: all 0.3s;
}
.help-page .content .help-boxes .box:hover {
  background-color: #e0ecf0;
}
.help-page .content .help-boxes .box:hover a {
  background-color: #00c5bb;
  color: #fff;
}
.help-page .content .help-boxes .box p {
  max-width: 310px;
  font-size: 22px;
  font-family: "pingArLt-light";
  line-height: 35px;
  color: #002230;
}
.help-page .content .help-boxes .box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 45px;
  border: 1px solid #00c5bb;
  border-radius: 100px;
  font-size: 16px;
  color: #00c5bb;
}
.help-page .content .questions {
  border: 1px solid #e0ecf0;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 65px 50px;
  margin-top: 80px;
}
.help-page .content .questions .text p {
  font-size: 35px;
  font-family: "pingArLt-medium";
  color: #475757;
  margin-bottom: 5px;
}
.help-page .content .questions .text span {
  font-size: 20px;
  color: #475757;
}
.help-page .content .questions .learn-more {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #00c5bb;
}
.help-page .content .questions .learn-more .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border: 1px solid #00c5bb;
  border-radius: 50%;
}
.help-page .content .questions .learn-more p {
  font-size: 16px;
}

/* ------------------------------------------ */
/*           developers Page
/* ------------------------------------------ */
.developers-page {
  padding: 100px 0 0;
}
.developers-page .slider {
  background-color: #f7fbfb;
  padding: 125px 0 115px;
  text-align: center;
}
.developers-page .slider h1 {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #000;
}
.developers-page .slider p {
  font-size: 40px;
  color: #000;
  margin: 15px 0 30px;
}
.developers-page .slider .btn-style {
  background-color: #000;
  font-family: "pingArLt-regular";
  color: #fff;
  margin: auto;
}
.developers-page .slider span {
  display: block;
  margin: 80px auto 0;
  max-width: 900px;
  font-size: 25px;
  font-family: "pingArLt-extraLight";
  line-height: 50px;
  color: #000;
}
.developers-page .content {
  padding: 155px 0 235px;
}
.developers-page .content .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.developers-page .content .box:nth-child(even) {
  flex-direction: row-reverse;
}
.developers-page .content .box:not(:last-of-type) {
  margin-bottom: 265px;
}
.developers-page .content .box .image img {
  max-width: 100%;
}
.developers-page .content .box .text h1 {
  font-size: 35px;
  font-family: "pingArLt-bold";
  color: #000;
}
.developers-page .content .box .text P {
  max-width: 480px;
  font-size: 18px;
  font-family: "pingArLt-light";
  line-height: 35px;
  color: #000;
  margin: 15px 0 20px;
}
.developers-page .content .box .text .btn-style {
  width: 200px;
  background-color: #00c5bb;
  font-size: 16px;
  color: #fff;
}

/* ------------------------------------------ */
/* Platform Page
/* ------------------------------------------ */
.platform-page {
  padding: 100px 0 0;
  background-color: #f6f6f6;
}
.platform-page .content {
  background-color: #e0ecf0;
  padding: 110px 0 80px;
}
.platform-page .content .section-header {
  text-align: center;
}
.platform-page .content .section-header h1 {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #000;
  margin-bottom: 20px;
}
.platform-page .content .section-header p {
  max-width: 735px;
  font-size: 20px;
  line-height: 32px;
  color: #000;
  margin: auto;
}
.platform-page .content .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 75px 0 60px;
}
.platform-page .content .boxes .box {
  width: 385px;
  background-color: #fff;
  border-radius: 10px;
  padding: 60px 0 65px;
  text-align: center;
}
.platform-page .content .boxes .box p {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #000;
  margin: 35px 0 15px;
}
.platform-page .content .boxes .box span {
  display: block;
  max-width: 305px;
  font-size: 16px;
  font-family: "pingArLt-light";
  line-height: 33px;
  color: #000;
  margin: auto;
}
.platform-page .content .boxes .box:hover {
  background-color: #00c5bb;
}
.platform-page .content .boxes .box:hover p,
.platform-page .content .boxes .box:hover span {
  color: #fff;
}
.platform-page .content .boxes .box:hover svg path {
  fill: #fff;
}
.platform-page .content .boxes .box:hover .icon img {
  filter: brightness(0) invert(1);
}
.platform-page .content .btn-style {
  width: 200px;
  background-color: #00c5bb;
  font-size: 16px;
  font-family: "pingArLt-medium";
  color: #fff;
  margin: auto;
}
.platform-page .features {
  position: relative;
  background-color: #00716b;
  padding: 95px 0 250px;
}
.platform-page .features .section-header {
  text-align: center;
}
.platform-page .features .section-header h1 {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 10px;
}
.platform-page .features .section-header p {
  font-size: 20px;
  color: #fff;
}
.platform-page .features .scroll-down {
  position: absolute;
  bottom: 150px;
  left: 50%;
  width: 40px;
  height: 60px;
  border: 3px solid #ffcc00;
  border-radius: 100px;
  box-sizing: border-box;
}
.platform-page .features .scroll-down::before {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 2px;
  height: 10px;
  background-color: #ffcc00;
  animation: scrolldown-anim 2s infinite;
  box-sizing: border-box;
}
.platform-page .features-boxes {
  position: relative;
  z-index: 1;
  margin-top: -90px;
}
.platform-page .features-boxes .boxes {
  background-color: #f6f6f6;
  padding: 100px 100px 30px 120px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: 30px;
}
.platform-page .features-boxes .boxes .box {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 120px;
}
.platform-page .features-boxes .boxes .box .icon {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
}
.platform-page .features-boxes .boxes .box .icon::before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 120px;
  height: 120px;
  border: 2px solid #ffcc00;
  border-radius: 50%;
  display: none;
}
.platform-page .features-boxes .boxes .box .text p {
  font-size: 20px;
  font-family: "pingArLt-medium";
  color: #000;
  margin-bottom: 15px;
}
.platform-page .features-boxes .boxes .box .text span {
  display: block;
  max-width: 300px;
  font-size: 18px;
  font-family: "pingArLt-light";
  line-height: 33px;
  color: #000;
}
.platform-page .features-boxes .boxes .box:hover .icon {
  background-color: #ffcc00;
}
.platform-page .features-boxes .boxes .box:hover .icon::before {
  display: block;
}
.platform-page .features-boxes .boxes .box:hover .icon svg path {
  fill: #000;
}

/* ------------------------------------------ */
/* Bot Page
/* ------------------------------------------ */
.bot-page {
  padding: 100px 0 0;
  background-color: #f3f9f9;
}
.bot-page .features {
  padding: 110px 0 395px;
  background-image: url("../images/Intersection.svg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.bot-page .features .section-header {
  text-align: center;
}
.bot-page .features .section-header h1 {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 30px;
}
.bot-page .features .section-header p {
  font-size: 25px;
  font-family: "pingArLt-light";
  line-height: 50px;
  color: #fff;
  max-width: 935px;
  margin: auto;
}
.bot-page .features-boxes {
  margin-top: -335px;
}
.bot-page .features-boxes .boxes {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 110px;
}
.bot-page .features-boxes .boxes .box {
  padding: 90px 25px 65px;
  text-align: center;
  width: 400px;
  height: 360px;
  transition: all 0.3s;
}
.bot-page .features-boxes .boxes .box p {
  font-size: 18px;
  font-family: "pingArLt-bold";
  color: #023a51;
  margin: 25px 0 15px;
}
.bot-page .features-boxes .boxes .box span {
  display: block;
  max-width: 310px;
  font-size: 14px;
  line-height: 30px;
  color: #071f29;
  margin: auto;
}
.bot-page .features-boxes .boxes .box:nth-child(1), .bot-page .features-boxes .boxes .box:nth-child(2) {
  border-left: 1px solid #deeaee;
  border-bottom: 1px solid #deeaee;
}
.bot-page .features-boxes .boxes .box:nth-child(3) {
  border-bottom: 1px solid #deeaee;
}
.bot-page .features-boxes .boxes .box:not(:nth-of-type(3)):not(:last-child) {
  border-left: 1px solid #deeaee;
}
.bot-page .features-boxes .boxes .box:hover {
  background-color: #0a7a74;
}
.bot-page .features-boxes .boxes .box:hover p,
.bot-page .features-boxes .boxes .box:hover span {
  color: #fff;
}
.bot-page .features-boxes .boxes .box:hover svg path {
  fill: #fff;
}
.bot-page .examples {
  margin-top: 115px;
}
.bot-page .examples .title {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #023a51;
  text-align: center;
  margin-bottom: 70px;
}
.bot-page .examples .content {
  padding-bottom: 100px;
}
.bot-page .examples .content .image {
  position: relative;
}
.bot-page .examples .content .image img {
  max-width: 100%;
}
.bot-page .examples .content .image::before {
  content: "";
  position: absolute;
  bottom: -110px;
  left: 0;
  width: 100%;
  height: 565px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(243, 249, 249) 35%, rgb(243, 249, 249) 100%);
}
.bot-page .examples .content .boxes {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: -200px;
}
.bot-page .examples .content .boxes .box {
  background-color: #fff;
  border-radius: 10px;
  padding: 50px 40px 60px;
  text-align: center;
}
.bot-page .examples .content .boxes .box p {
  font-size: 20px;
  font-family: "pingArLt-bold";
  margin: 25px 15px;
}
.bot-page .examples .content .boxes .box span {
  display: block;
  max-width: 210px;
  font-size: 16px;
  font-family: "pingArLt-light";
  line-height: 30px;
  color: #000;
  margin: auto;
}
.bot-page .examples .content .boxes .box:nth-child(1) p {
  color: #5e48f1;
}
.bot-page .examples .content .boxes .box:nth-child(2) p {
  color: #4888f1;
}
.bot-page .examples .content .boxes .box:nth-child(3) p {
  color: #e94545;
}
.bot-page .examples .content .boxes .box:nth-child(4) p {
  color: #f67547;
}
.bot-page .examples .content .btn-style {
  width: 200px;
  background-color: #00c5bb;
  font-size: 16px;
  font-family: "pingArLt-medium";
  color: #fff;
  margin: 75px auto 0;
}
.bot-page .statistics {
  background-color: #001b33;
  padding: 85px 0 200px;
  position: relative;
}
.bot-page .statistics::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/statistics-bg.png");
  background-position: 50% 50%;
  background-size: cover;
  opacity: 20%;
}
.bot-page .statistics .boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.bot-page .statistics .boxes .box {
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 5px;
  width: 590px;
  height: 240px;
  padding: 85px 40px 45px;
}
.bot-page .statistics .boxes .box .progres {
  position: relative;
}
.bot-page .statistics .boxes .box .progres .number {
  position: absolute;
  top: -25px;
  right: 0;
  opacity: 0;
  transition: all 3s;
}
.bot-page .statistics .boxes .box .progres .progres-bar {
  background-color: rgba(255, 255, 255, 0.14);
  width: 100%;
  height: 6px;
  border-radius: 200px;
  margin-bottom: 45px;
  overflow: hidden;
}
.bot-page .statistics .boxes .box .progres .progres-bar span {
  display: block;
  height: 100%;
  background-color: #ffcc00;
  border-radius: 200px;
  width: 0%;
  transition: all 0.3s;
}
.bot-page .statistics .boxes .box p {
  max-width: 300px;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
}
.bot-page .questions {
  background-color: #fff;
  padding-bottom: 45px;
}
.bot-page .questions .content {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 80px 110px 95px;
  position: relative;
  margin-top: -120px;
}
.bot-page .questions .content .title {
  text-align: center;
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #023a51;
  margin-bottom: 45px;
}
.bot-page .questions .content .accordion {
  margin: auto;
}
.bot-page .questions .content .accordion .accordion-item {
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.bot-page .questions .content .accordion .accordion-item .accordion-header {
  padding: 30px 45px 0;
}
.bot-page .questions .content .accordion .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.bot-page .questions .content .accordion .accordion-item .accordion-button {
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: none;
  font-size: 18px;
  font-family: "pingArLt-bold";
  color: #023a51;
  padding: 0 0 25px;
  text-align: right;
}
.bot-page .questions .content .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/accordion-arrow.png");
  color: #000;
  margin-right: auto;
  margin-left: unset;
}
.bot-page .questions .content .accordion .accordion-item .accordion-button.collapsed::after {
  background-image: url("../images/accordion-arrow.png");
  color: #000;
}
.bot-page .questions .content .accordion .accordion-item .accordion-body {
  font-size: 16px;
  line-height: 40px;
  font-family: "pingArLt-light";
  color: #000;
  padding: 30px 50px 35px;
}

/* ------------------------------------------ */
/* API Page
/* ------------------------------------------ */
.api-page {
  padding: 100px 0;
}
.api-page .section-header {
  background-color: #00716b;
  padding: 95px 0 195px;
  text-align: center;
}
.api-page .section-header h1 {
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 20px;
}
.api-page .section-header p {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  max-width: 755px;
  margin: auto;
}
.api-page .content .content-box {
  margin-top: -90px;
  background-color: #f3f9f9;
  border-radius: 35px;
  padding: 40px 120px 40px 40px;
  display: flex;
  gap: 40px;
}
.api-page .content .content-box .image img {
  margin-bottom: -170px;
}
.api-page .content .content-box .content .box {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 40px 40px 30px 60px;
}
.api-page .content .content-box .content .box:not(:last-child) {
  margin-bottom: 20px;
}
.api-page .content .content-box .content .box p {
  font-size: 20px;
  font-family: "pingArLt-bold";
  color: #023a51;
  margin-bottom: 10px;
}
.api-page .content .content-box .content .box span {
  font-size: 16px;
  line-height: 30px;
  color: #071f29;
}
.api-page .help-center {
  margin-top: 190px;
  background-image: url("../images/mobile-developer-writes-program-code-computer-programmer-work-home-office.png");
  background-size: cover;
  padding: 130px 0 225px;
  text-align: center;
  position: relative;
}
.api-page .help-center::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #050f37;
  opacity: 80%;
  z-index: 1;
}
.api-page .help-center .content {
  position: relative;
  z-index: 2;
}
.api-page .help-center .content p {
  font-size: 35px;
  font-family: "pingArLt-bold";
  color: #fff;
  margin-bottom: 40px;
}
.api-page .help-center .content .btn-style {
  background-color: #00c5bb;
  font-size: 16px;
  color: #fff;
  margin: auto;
}
.api-page .questions {
  padding-bottom: 45px;
  position: relative;
  z-index: 1;
}
.api-page .questions .content {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 80px 110px 95px;
  position: relative;
  margin-top: -115px;
}
.api-page .questions .content .title {
  text-align: center;
  font-size: 40px;
  font-family: "pingArLt-bold";
  color: #023a51;
  margin-bottom: 45px;
}
.api-page .questions .content .accordion {
  margin: auto;
}
.api-page .questions .content .accordion .accordion-item {
  border: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.api-page .questions .content .accordion .accordion-item .accordion-header {
  padding: 30px 45px 0;
}
.api-page .questions .content .accordion .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.api-page .questions .content .accordion .accordion-item .accordion-button {
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: none;
  font-size: 18px;
  font-family: "pingArLt-bold";
  color: #023a51;
  padding: 0 0 25px;
  text-align: right;
}
.api-page .questions .content .accordion .accordion-item .accordion-button::after {
  background-image: url("../images/accordion-arrow.png");
  color: #000;
  margin-right: auto;
  margin-left: unset;
}
.api-page .questions .content .accordion .accordion-item .accordion-button.collapsed::after {
  background-image: url("../images/accordion-arrow.png");
  color: #000;
}
.api-page .questions .content .accordion .accordion-item .accordion-body {
  font-size: 16px;
  line-height: 40px;
  font-family: "pingArLt-light";
  color: #000;
  padding: 30px 50px 35px;
}/*# sourceMappingURL=style-rtl.css.map */