:root {
  --blue: #0080ff;
  --dark-alt-v2: #e8edf2;
  --dark-alt-v1: #f6f8fa;
  --dark-main: black;
  --white: white;
  --red: #ff7070;
  --light-blue: #a2d6f8;
  --purple: #9b70ff;
  --green: #10d970;
  --orange: #ffa334;
  --yellow: #ffca30;
}

.body-bg-pattern {
  /* background-image: url("https://cdn.prod.website-files.com/66d0418612b5015d425890e9/66d8142bbbb69235aee3a04f_bg-pattern.png");
    background-position: 50%;
    background-size: auto;
    height: 125vh;
    position: absolute;
    inset: -18% 0% auto;
    z-index: -99; */
}

.hero-main-img-left-container {
  z-index: 3;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-100px, -50px);
}

.hero-main-img-left {
  border: 3px solid #000;
  border-radius: 15px;
}

.hero-main-img-right-container {
  z-index: 2;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(100px, 50px);
}

.hero-main-img-right {
  border: 3px solid #000;
  border-radius: 15px;
}

.body-bg-overlay {
  background-image: linear-gradient(180deg, #f6f8fa00, var(--dark-alt-v1));
  height: 20%;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-main-description-container {
  z-index: 3;
  border: 2px solid var(--dark-alt-v1);
  padding: 10px;
  position: relative;
}

.hero-main-description-dot {
  border: 2px solid #6fefe6;
  background-color: var(--dark-alt-v1);
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0);
}

.hero-main-description-dot.left-top {
  transform: translate(-50%, -50%);
}

.hero-main-description-dot.left-bottom {
  inset: auto auto 0% 0%;
  transform: translate(-50%, 50%);
}

.hero-main-description-dot.right-bottom {
  inset: auto 0% 0% auto;
  transform: translate(50%, 50%);
}

.hero-main-description-dot.right-top {
  inset: 0% 0% auto auto;
  transform: translate(50%, -50%);
}

.hero-cursor-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero-cursor-container.for-description {
  inset: 100% auto auto 100%;
}

.hero-cursor-container.for-hero-img-left {
  top: 100%;
  left: 0%;
}

.hero-cursor-container.for-hero-img-right {
  top: 20%;
  left: 50%;
}

.hero-cursor-container.for-cta-img-2 {
  top: 100%;
  left: 60%;
}

.hero-cursor-container.for-cta-img-1 {
  top: 100%;
  left: 60%;
}

.hero-cursor-text {
  /* background-color: var(--red);
  color: var(--white); */
  background-color: #00eed2;
  color: #002f40;
  white-space: nowrap;
  word-break: normal;
  border-radius: 10px;
  margin-left: 10px;
  padding: 8px 14px;
  font-size: 18px;
  font-weight: 700;
}

.hero-main-img-transform-origin {
  z-index: 1;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}


.hero-main-img-container {
  z-index: 2;
  /* max-width: 1440px; */
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
}

.hero-main-img {
  /* z-index: 1;
  border: 3px solid var(--dark-main);
  border-radius: 20px;
  position: relative; */
  width: 100%;
}

.features-component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-item {
  background-color: #00303f;
  border-radius: 1.25rem;
  flex-direction: column;
  padding: 1.75rem;
  display: flex;
}

.features-item.top-padding {
  justify-content: space-between;
  padding-top: 0;
  overflow: hidden;
}

.features-item.bottom-padding {
  justify-content: space-between;
  padding-bottom: 0;
  overflow: hidden;
}

.features-item.small-gap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.features-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.features-reviews-wrapper {
  width: 100%;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.features-avatar-list {
  display: flex;
}

.features-avatar {
  width: 2.75rem;
  height: 2.75rem;
  border: .125rem solid #fff;
  border-radius: 100%;
  margin-left: -.875rem;
  overflow: hidden;
}

.features-avatar.left-margin {
  margin-left: 0;
}

.features-reviews-content {
  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.icon-xlarge {
  width: 5rem;
  height: 5rem;
}

.fixed-height {
  height: 5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-align-center {
  text-align: center;
}

/* ******************************************************************************** */


.benefits-v1-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
  align-items: center;
  gap: 30px;
}

/* .benefits-v1-img-container {
  background-color: transparent;
  border-radius: 25px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
} */

.benefits-v1-img-container img {
  width: 100%;
  /* max-width: 435px; */
  max-width: 100%;
  padding: 30px;
}

.benefits-v1-el {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: start;
  padding-top: 30px;
  padding-bottom: 0px;
  padding-right: 0px;
  display: flex;
  overflow: visible;
}

.benefits-v1-el-number {
  color: var(--blue);
  width: 150px;
  padding-right: 0;
  display: none;
}

.benefits-v1-el-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.benefits-v1-el-description {
  opacity: 1;
}

/* **************************************************************************** */


.cta-container {
  background-color: #00303f;
  background-image: url("https://cdn.prod.website-files.com/66d0418612b5015d425890e9/66d82a33c3bca01245189200_cta-pattern.png");
  background-position: 50%;
  background-size: contain;
  border: 15px solid #ddecfa;
  border-radius: 40px;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
}

.cta-face-container {
  position: absolute;
  inset: 0% auto auto 0%;
}

.cta-face-container._1 {
  z-index: 2;
  top: 50px;
  left: 60px;
}

.cta-face-container._2 {
  z-index: 2;
  top: 90px;
  left: auto;
  right: 150px;
}

.cta-face-container._2.home {
  z-index: 2;
  top: auto;
  bottom: 140px;
  left: auto;
  right: 120px;
}

.cta-face-container._3 {
  inset: auto auto 70px 170px;
}

.cta-face-container._4 {
  inset: auto 80px 70px auto;
}

.cta-face-img {
  height: 60px;
}


.cta-text {
  z-index: 2;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.cta-headline {
  max-width: 1000px;
  color: #00e3d1;
}

.cta-headline.about {
  max-width: 900px;
}

.cta-button {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

/* ******************************************************************************* */
.mb_0 {
  margin-bottom: 0px;
}

.mb_2 {
  margin-bottom: 20px;
}

label.error {
  color: red;
}

.section-features .text-size-medium,
.faqs-avatar-content {
  display: none;

}

.benefits-v1-headline {
  text-align: center;
}

.pb-0 {
  padding-bottom: 0;
}

.color_white {
  color: #fff;
}

.testimonial-item-one.qr_code,
.testimonial-item-two.qr_code,
.testimonial-item-three.qr_code {
  height: 400px;
}

.testimonial-item-two.qr_code {
  justify-content: center;
}

.qr_code .testimonial-content {
  grid-row-gap: 2px;
}

.ban_button {
  cursor: pointer;
  text-decoration: none;
}

.features-reviews-wrapper.pay_links {
  flex-direction: column;
}

.split-step-content {
  grid-row-gap: 30px;
}

.feature-section-title {
  grid-row-gap: 15px;
}

.hero-detail-item .hero-detail-icon {
  width: 100%;
  max-width: 40px;
}

.hero-detail-item {
  align-items: center;
}

.simple-feature-description {
  margin-bottom: 0px;
}

.grid-hero-detail.ins {
  margin-bottom: 30px;
}

.integration-content {
  width: 50%;
}

.action-box-description {
  margin-bottom: 20px;
}

.about-list-item-wrap_1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.about-list-item-wrap_1 p {
  margin-left: 35px;
}

/* color changes */

.hero-three-title-wrap h1 {
  margin-bottom: 0px;
  margin-top: 40px;
  color: #00e3d1;
}

.hero-main-description {
  color: #fff;
}

.features-content h6,
.title_color,
.features-item h6,
.benefits-v1-headline h3,
.benefits-v1-el-text h6,
.feature-section-title-wrap,
.simple-feature-title-wrap h3,
.faq-section .section-title h3,
.grid-split-feature h3,
.split-step-content h3,
.split-step-item .split-step-title,
.faq-title,
.service-section-title h2,
.simple-feature-title,
.customer-review-content h1,
.customer-review-title h2,
.feature-section-title h3,
.feature-item h6,
.feature-item .heading-h6,
.hero-title-wrap h1,
.feature-tab-title-wrap h3,
.grid-feature-tabs h4,
.section-title h1,
.contact-section-title h5,
.service-hero-wrap h1,
.section-title h3,
.about-light-bg-content h3,
.about-feature-two-list h4,
.about-hero-title-wrap h1,
.about-feature-title,
.section-title h2,
.split-hero-title {
  color: #00e3d1;
}

.title_p_color,
.features-content p,
.fixed-height h4,
.benefits-v1-headline h6,
.benefits-v1-el-description,
.feature-item-two h3,
.feature-item-two p,
.feature-two-list div,
.counter-item div,
.simple-feature-description,
.faq-section .section-title p,
.hero-three-title-wrap p,
.split-feature-description,
.split-step-item div,
.split-step-content p,
.service-section-title .service-content,
.simple-feature-content,
.customer-review-content p,
.customer-review-title p,
.feature-section-title p,
.feature-item p,
.hero-title-wrap .hero-description,
.hero-detail-item div,
.feature-tabs-description,
.feature-item-four-title h4,
.feature-item-four-title p,
.section-title p,
.contact-description,
.feature-section-title div,
.service-hero-wrap p,
.about-light-bg-content p,
.about-feature-two-list div,
.about-tabs-list li,
.about-hero-description,
.about-feature-item p,
.split-hero-description,
.counter-item h4,
.split-feature-title,
.split-feature-content,
.accordion-content,
.accordion-title,
.counter-item h3 {
  color: #fff;
}

.client-marquee {
  background-color: #00e3d1;
}

.contact-link {
  color: #fff;
}

.simple-feature-title-wrap ul li {
  color: #fff;
}

.about-feature-icon-wrap,
.feature-list-icon-wrap,
.split-feature-item,
.accordion-wrap {
  background-color: #00303f;
}

.feature-two-lists h4,
.feature-two-lists h5,
.about-content h3,
.about-list-item-wrap div {
  color: #00e3d1;
}

.feature-two-lists div,
.about-content p,
.input-group label {
  color: #fff;
}

.d_flex {
  display: flex;
  gap: 15px;
}

.logo {
  width: 100%;
  max-width: 200px;
}

.footer-logo {
  width: 100%;
  max-width: 200px;
}

.mar_top {
  margin-top: 30px;
}

.w-100 {
  width: 100%;
}

.dis_flx {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.mt-5 {
  margin-top: 25px;
}

/* **************************************************** */
/* footer */
.div-block-13 {
  grid-column-gap: 70px;
  grid-row-gap: 50px;
  display: flex;
  margin-top: 60px;
  margin-bottom: 60px;
}

.home-one-footer-link-grid {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 10px;
  grid-row-gap: 50px;
  grid-column-gap: 20px;
}

.w-200 {
  width: 300px;
}

.footer-left-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding-right: 20px;
  border-right: 1px solid #fff;
}

/* footer end */
/* **************************************************** */
.cent_cont {
  width: 1100px;
  margin: 0 auto;
}

.cent_cont h2 {
  margin-bottom: 30px;
}

.cent_cont p {
  margin-bottom: 30px;
}

.accordion-heading {
  padding: 20px 50px;
}

.accordion-content {
  padding: 0px 50px 20px;
}

.customer-review-content p {
  line-height: 2;
}

._instant .feature-item-four-title {
  margin-bottom: 0px;
}

._instant .feature-item-three {
  padding: 30px;
  align-items: center;
  flex-flow: nowrap;
}

._instant .feature-item-four {
  align-items: center;
  flex-flow: nowrap;
}

._instant .integration-wrap {
  margin-top: 0px;
  margin-bottom: 0px;
}

._instant .feature-item-four-title {
  margin-bottom: 0px;
  padding-top: 0px;
}

._instant .feature-item-three {
  padding: 30px;
}

/* **************************************************************************** */

.w-50 {
  width: 70%;
  margin: 0 auto;
  padding-top: 20px;
}

.w-70 {
  width: 60%;
  margin: 0 auto;
  padding-bottom: 20px;
}

.grid-counter {
  display: flex;
  justify-content: space-around;
}

.grid-split-feature {
  align-items: center;
}

.grid-split-hero {
  grid-template-columns: 1fr 1fr;
}

.split-step-content.gap-10 {
  grid-row-gap: 10px;
}

.input-group label {
  /* padding: 10px 15px; */
  padding-left: 15px;
}

.input-group label.error {
  color: red;
  font-weight: 800;
  padding-left: 20px;
}

.terms-wrap,
.privacy-wrap {
  background-color: #00303f;
  color: #fff;
}

.terms-wrap,
.privacy-wrap h4 {
  color: #fff;
  font-size: 30px;
}

.terms-wrap,
.privacy-wrap p {
  margin-bottom: 20px;
}

.hero-inner h1 {
  color: #fff;
}

.sweet-alert button {
  background-color: #00303f !important;
}

input:-webkit-autofill {
  background-color: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #ffffff !important;
  /* Set your desired text color */
  transition: background-color 5000s ease-in-out 0s;
}

.form-input.form-input-subscribe::placeholder {
  color: #00303f;
}

.sweet-alert p {
  color: #00303f !important;
}

.form-input.form-input-subscribe:-webkit-autofill {
  background-color: transparent !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  /*Setyourdesiredtextcolor*/
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  -moz-transition: background-color 5000s ease-in-out 0s;
  -ms-transition: background-color 5000s ease-in-out 0s;
  -o-transition: background-color 5000s ease-in-out 0s;
}

.log_sign_page .input-group label {
  color: #00303f;
}

.log_sign_page .form-input {
  color: #00303f;
}

.log_sign_page input:-webkit-autofill {
  background-color: transparent !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;

}

.section-spacing-top._1 {
  padding-top: 80px;
}


/* ********************************************************************************* */
/* responsive */

@media (max-width: 1024px) and (min-width: 992px) {
  .simple-feature-wrap {
    text-align: center;
    flex-direction: column;
  }

  .grid-nav {
    grid-template-columns: .5fr 3fr .5fr;
  }

  .hero-cursor-container.for-cta-img-1 {
    top: 70%;
    left: 10%;
  }

  .hero-cursor-text {
    margin-left: 0px;
  }

  .hero-cursor-container {
    flex-direction: row;
    gap: 30px;
  }

  .cta-face-container._2 {
    top: 25px;
    right: 150px;
  }

  .nav-link {
    font-size: 15px;
    padding: 10px;
  }

  .about-hero-section {
    margin-bottom: 0px;
  }

  .feature-icon {
    height: auto;
  }

  .div-block-13 {
    flex-direction: column;
  }

  .w-200 {
    width: 100%;
  }

  .grid-customer-reviews {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-item-one.qr_code,
  .testimonial-item-two.qr_code,
  .testimonial-item-three.qr_code {
    height: auto;
  }

  .testimonial-image-three {
    height: auto;
  }

  .grid-feature {
    grid-template-columns: 1fr;
  }

  ._instant .feature-item-four-title {
    margin-bottom: 30px;
    padding-top: 30px;
  }

  .feature-item-five {
    justify-content: center;
  }

  .about-feature-section.section-spacing-top {
    padding-top: 50px;
  }

  .section-spacing-top {
    padding-top: 50px;
  }

  .footer {
    margin-top: 50px;
  }

  .about-hero-image-wrap {
    margin-bottom: 0px;
  }

  .features-item {
    display: flex;
    gap: 30px;
    align-items: center;
  }

  .cent_cont {
    width: 100%;
  }

  .features-component {
    grid-template-columns: 1fr;
  }

  .section-spacing {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .cta-face-container._2.home {

    bottom: 100px;
    left: auto;
    right: 155px;
  }
}

@media (max-width:991px) and (min-width: 768px) {}


@media (max-width:991px) {

  .grid-simple-feature-one,
  .grid-contact-item,
  .grid-split-step,
  .grid-split-feature,
  .grid-faqs,
  .grid-feature-item-two,
  .grid-feature-tabs,
  .grid-our-mission,.grid-split-hero {
    grid-template-columns: 1fr;
  }

  .features-component {
    grid-template-columns: 1fr;
  }

  .hero-cursor-container {
    display: none;
  }

  .grid-simple-feature-two {
    flex-direction: column;
  }

  .cta-button {
    flex-direction: column;
  }

  .benefits-v1-el {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-right: 0px;
  }

  .grid-dropdown-link {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .grid-dropdown {
    grid-template-columns: 1fr;
  }

  .about-hero-section {
    margin-bottom: 0px;
  }

  .feature-icon {
    height: auto;
  }

  .grid-feature {
    grid-row-gap: 40px;
  }

  .grid-feature {
    grid-template-columns: 1fr;
  }

  .hero-wrap {
    width: 100%;
  }

  .hero-title-wrap {
    margin-top: 30px;
  }

  .hero-three-image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .div-block-13 {
    flex-direction: column;
    grid-row-gap: 20px;
  }

  .w-200 {
    width: 100%;
  }

  .home-one-footer-link-grid {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-item-one.qr_code,
  .testimonial-item-two.qr_code,
  .testimonial-item-three.qr_code {
    height: auto;
  }

  .testimonial-image-three {
    height: auto;
  }

  .grid-customer-reviews {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .features-item {
    align-items: center;
  }

  .cent_cont {
    width: 100%;
  }

  ._instant .feature-item-four-title {
    margin-bottom: 30px;
    padding-top: 30px;
  }

  .about-hero-image-wrap {
    margin-bottom: 0px;
  }

  .section-spacing-top {
    padding-top: 40px;
  }

  .grid-feature-tabs {
    justify-items: center;
  }
  .section-spacing-top._1 {
    padding-top: 40px;
}
.integration-content {
  width: 100%;
}
.w-50,.w-70 ,.action-box-description {
  width: 100%;}
 
}


@media (max-width: 767px) {
  .benefits-v1-grid {
    grid-template-columns: 1fr;
  }

  .home-one-footer-link-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-counter {
    flex-direction: column;
  }
  .hero-three-title-wrap h1{
    margin-top: 0px;
  }
  

}


@media (max-width: 520px) {
  .section-spacing {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-spacing-top {
    padding-top: 40px;
  }

  .cta-face-container._1,
  .cta-face-container._2,
  .cta-face-container._3,
  .cta-face-container._4 {
    display: none;
  }

  .cta-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .w-dropdown-list.w--open {
    display: block;
    opacity: 1 !important;
  }

  .contact-section.section-spacing,
  .about-hero-section.section-spacing {
    padding-top: 60px;
  }

  .feature-item-one-wrap {
    margin-bottom: 0px;
  }

  .dropdown-list {
    /* margin-top: -22px; */
    padding: 20px;
    /* margin-bottom: 22px; */
  }

  .split-step-content,
  .grid-split-feature h3,
  .split-feature-description,
  .grid-footer-top,
  .simple-feature-title-wrap {
    text-align: center;
  }

  .grid-footer-menu {
    grid-template-columns: 1fr;
  }

  .service-step-section .grid-split-step {
    grid-row-gap: 40px;
  }

  .features-row {
    grid-template-columns: 1fr;
  }

  .section-spacing-sm-top {
    padding-top: 30px;
  }

  .button-primary {
    font-size: 14px;
  }

  .cta-headline {
    max-width: 100%;
  }

  .home-one-footer-link-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }
  .section-spacing-top._1 {
    padding-top: 0px;
} .div-block-13{
  margin-bottom: 0px;
}

.cent_cont {
  width: 100%;
}

}


@media (max-width:280px) {
  .button-primary {
    font-size: 12px;
  }

  .right-nav .button-primary {
    font-size: 10px;
    padding: 10px 20px;
    line-height: 1;
  }

  .menu-button {
    font-size: 15px;
    padding: 8px;
  }

  .navbar {
    padding: 10px;
  }
}
.text-danger{
  color:red;
}