/* ------------------------------------------------------------------
 * Name         : Auria - HTML Template
 * File         : styles.css
 * Author       : ScanThemes
 * Author URI   : scanthemes@gmail.com
 *
 * All Rights Reserved.
 * --------------------------------------------------------------------- */
/* ---------------------------------------------------------------------

  [Table of contents]

    - Global
      -- gradients
      -- offcanvas
    - Elements
      -- header
      -- whats new
      -- faq
      -- download
      -- footer
    - Pages
      -- blog
    - Plugins
      -- jquery.hover3d
    - User CSS

------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------

  *** All that is included here refers to additional user-defined styles.
      You can freely change them or add new ones.

/*---------------------------------------------------------------------- */
/* [ Global ] */
:before,
:after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}


:root {
--background:#151e28;
  --theme-color-white: #ffffff;
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-light: #f8f5f0;
  --theme-color-gray: #f6f6f6;
  --theme-color-black: #000000;
  --theme-color-black-rgb: 0, 0, 0;
  --theme-primary:#6766FF;
  --theme-color1: #080220;
  --theme-color2:#07011F;
  --theme-color3:#0F0927;
  --theme-color4:#FF9F31;
  --theme-color5:#1F1A36;
  --theme-color6:#0DB561;
  --theme-bg-color1:#080220;
  --theme-bg-color2:#120C2A;
  --theme-bg-color3:#140E2C;
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color3: var(--theme-color3);
  --border-theme-color1: var(--theme-color1);
  --border-theme-color2: var(--theme-color2);
  --border-theme-color3: var(--theme-color3);
  --text-color-bg-theme-color1: #fff;
  --text-color-bg-theme-color2: #0f0f0f;
  --text-color-bg-theme-color3: #fff;
  --gradient-1:linear-gradient(91.06deg, #6766FF 6.82%, rgba(103, 102, 255, 0.2) 37.09%, rgba(103, 102, 255, 0.2) 67.36%, #6766FF 96.43%);
  --text-color: #ffffffb3;
  --heading-color: #0C2318;
  --link-color: #6766FF;
  --link-hover-color: #6766FF;
  --text-font:"Nunito Sans", sans-serif;
  --title-font:"Rajdhani", sans-serif;
  --body-font-size: 16px;
  --body-line-height: 28px;
  --body-font-weight: 400;
  --line-height-heading-h1: 1em;
  --line-height-heading: 1.2em;
  --line-height-heading-small: 1.4em;
  --h1-font-size: 60.8px;
  --h2-font-size: 48px;
  --h3-font-size: 31.2px;
  --h4-font-size: 23.2px;
  --h5-font-size: 18px;
  --h6-font-size: 14px;
  --h1-font-weight: 700;
  --h2-font-weight: 700;
  --h3-font-weight: 700;
  --h4-font-weight: 700;
  --h5-font-weight: 700;
  --h6-font-weight: 700;
  --sec-title-subtitle-color: var(--theme-color2);
  --sec-title-subtitle-font-size: 13px;
  --sec-title-subtitle-font-family: var(--text-font);
  --sec-title-subtitle-font-weight: 700;
  --sec-title-subtitle-line-height: 1.2em;
  --sec-title-color: var(--heading-color);
  --sec-title-font-size: 50px;
  --sec-title-font-family: var(--title-font);
  --sec-title-font-weight: var(--h2-font-weight);
  --theme-light-background: #f8f6f1;
  --theme-light-background-text-color: var(--heading-color);
  --theme-black: #222429;
  --container-width: 1350px;
  --main-container-width:1320px;
  --small-container-width: 1000px;
  --large-container-width: 1550px;
  --container-pt: 120px;
  --container-pb: 120px;
}

.text-branding{
	color: #7a4384 !important;
}

body {
  background: #151418; }

.media-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  
  #home #js-particles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.auto-container {
  position: static;
  max-width: var(--container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}
.navbar-light{
	
	background:#fff;
}
.nav-small .nav-link {
  word-spacing: 0;
  letter-spacing: 0;
  font-weight: 300; }

.hr_theme {
  width: 16%;
  border-width: 3px;
  border-color: #0eabf9; }

.fx-spin {
  -webkit-animation-name: F_spin;
  animation-name: F_spin;
  -webkit-animation-duration: 485s;
  animation-duration: 485s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.release-container {
  z-index: 5; }

.release-box {
  -webkit-box-shadow: 0.05rem 0.25rem 1rem rgba(0, 0, 0, 0.14);
  box-shadow: 0.05rem 0.25rem 1rem rgba(0, 0, 0, 0.14); }
  .release-box .card:not(:last-child) {
    border-right: 1px solid #e9ecef; }

.release-icon {
  font-size: 1.3rem;
  display: block;
  background: #e25a88;
  background: -webkit-linear-gradient(bottom, #e25a88 0%, #0eabf9 100%);
  background: linear-gradient(to top, #e25a88 0%, #0eabf9 100%);
  color: #ffffff;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  text-align: center;
  line-height: 3rem; }

.release-icon-lg {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem; }

.no-bg {
  background: transparent !important; }

.fi-list .fi-item .fi-icon {
  width: 3rem;
  height: 3rem;
  color: #0eabf9;
  border: double 2px transparent;
  background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #df4d7f, #0eabf9);
  background-origin: border-box;
  background-clip: content-box, border-box;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  transition: 0.3s linear; }
  .fi-list .fi-item .fi-icon:hover {
    background-image: linear-gradient(#df4d7f, #0eabf9), linear-gradient(#df4d7f, #0eabf9);
    color: #ffffff; }
.fi-list .fi-item:not(:last-child) {
  margin-bottom: 1rem; }

.c-shape {
  position: relative;
  padding-bottom: 0 !important; }
  .c-shape:after {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background: url(../img/shape/shape-8-gray.svg) no-repeat center bottom/cover; }

.c-shape-2 {
  position: relative;
  padding-bottom: 0 !important; }
  .c-shape-2:before {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background: url(../img/shape/shape-3-gray.svg) no-repeat center bottom/cover;
    position: absolute;
    top: 50%; }
  .c-shape-2:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: absolute;
    top: calc(50% + 300px); }

.app-badge {
  max-width: 10rem;
  width: 100%; }

@media (max-width: 991.98px) {
  .btn-download-md {
    line-height: 1.3 !important; } }
@media (max-width: 767.98px) {
  .btn-download-sm {
    max-width: 18rem;
    margin: auto; } }
/* offcanvas */
@media (max-width: 991.98px) {
  .offcanvas-md .btn-wrapper {
    padding-top: 0.8625rem; }
    .offcanvas-md .btn-wrapper .btn:not(:last-child) {
      margin-bottom: 1rem; } }
@media (min-width: 992px) {
  .btn-wrapper {
    display: flex;
    align-items: center; } }
.themeOwl-nav .owl-nav {
  text-align: center;
  margin-top: 3rem;
  font-size: 2rem; }
.themeOwl-nav button:focus {
  outline: none; }
.themeOwl-nav button > * {
  background: -webkit-linear-gradient(#0eabf9, #dc386f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
.themeOwl-nav .owl-dots {
  justify-content: center; }
  .themeOwl-nav .owl-dots .owl-dot.active span {
    background: -webkit-linear-gradient(#0eabf9, #59c5fb); }

@media (min-width: 992px) {
  .themeOwl-nav .owl-nav {
    font-size: 2.5rem; } }
.owl-shadow .owl-stage {
  margin: 1.875rem; }

@media (min-width: 992px) {
  .owl-shadow-lg .owl-stage {
    margin: 1.875rem; } }
.nav-tabs-theme {
  justify-content: center;
  border-bottom: 0; }
  .nav-tabs-theme .nav-item .nav-link {
    background: #ffffff;
    border-radius: 2rem;
    border: 0;
    padding: .5rem 1.7rem;
    -webkit-box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.1); }
    .nav-tabs-theme .nav-item .nav-link:hover {
      background: #59c5fb;
      background: -webkit-linear-gradient(left, #59c5fb 0%, #da2f69 100%);
      background: linear-gradient(to right, #59c5fb 0%, #da2f69 100%);
      color: #ffffff; }
  .nav-tabs-theme .nav-item:not(:last-child) .nav-link {
    margin-right: 1rem; }
  .nav-tabs-theme .nav-item .nav-link.active {
    background: #59c5fb;
    background: -webkit-linear-gradient(left, #59c5fb 0%, #da2f69 100%);
    background: linear-gradient(to right, #59c5fb 0%, #da2f69 100%);
    color: #ffffff; }

/* header */
.header {
  /* scroll-arrow */ }
  .header .header-hero {
position: relative;
overflow: hidden;
height: 30.625rem;
background-color: hsl(var(--background));
background: url(../img/bg/bg-hero-03.png);
background-repeat: no-repeat;
background-position: center 60px;
background-size: cover;
    
    }
    .header .header-hero .device-hero {
      max-width: 45rem;
      width: 100%; }
    .header .header-hero > * {
      z-index: 3; }
  .header .hero-shape {
    background: url(../img/bg/bg-hero-01.png);
    background-repeat: no-repeat;
    background-position: center top; 
    /*background-size: cover;*/
    }
  .header .scroll-arrow {
    display: none; }
  .header[data-scroll-arrow="true"] .scroll-arrow {
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1.5rem;
    border: 1px solid rgba(122, 121, 128, 0.02);
    -webkit-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.33);
    padding: .8rem; }

@media (min-width: 992px) {
  .header .hero-shadow {
    position: relative;
    min-width: 29.125rem; }
    .header .hero-shadow:after {
      position: absolute;
      bottom: 0;
      height: 100%;
      width: 100%;
      content: "";
      background: rgba(24, 23, 27, 0);
      background: -webkit-linear-gradient(left, rgba(24, 23, 27, 0) 58%, rgba(24, 23, 27, 0.8) 80%, #18171b 100%);
      background: linear-gradient(to right, rgba(24, 23, 27, 0) 58%, rgba(24, 23, 27, 0.8) 80%, #18171b 100%);
      pointer-events: none; } }
@media (min-width: 992px) {
  .header[data-style] .header-hero {
    min-height: 55.625rem;
    height: 100vh; } }
/* whats new */
.wn__section {
  text-align: center; }
  .wn__section .wn__icon {
    max-width: 4rem;
    margin: auto; }
  .wn__section .wn__title {
    margin-bottom: 1rem; }
  .wn__section .owl-carousel .owl-nav {
    margin-top: 2rem; }
    .wn__section .owl-carousel .owl-nav button:focus {
      outline: 0; }
    .wn__section .owl-carousel .owl-nav button.owl-prev,
    .wn__section .owl-carousel .owl-nav button.owl-next {
      display: inline-block;
      background: #0eabf9;
      padding: .35rem 1rem !important;
      color: #ffffff; }
    .wn__section .owl-carousel .owl-nav button.owl-prev {
      background: #0eabf9;
      border-radius: 28px 0px 0px 28px; }
    .wn__section .owl-carousel .owl-nav button.owl-next {
      background: #da2f69;
      border-radius: 0px 28px 28px 0px; }

@media (min-width: 1250px) {
  .wn__section .owl-carousel .owl-nav button.owl-prev,
  .wn__section .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .wn__section .owl-carousel .owl-nav button.owl-prev {
    left: 0;
    margin-left: -43px; }
  .wn__section .owl-carousel .owl-nav button.owl-next {
    right: 0;
    margin-right: -43px; } }
/* faq */
.faq-section .faq-question-list .faq-question-item:not(:last-child) {
  margin-bottom: 1.5rem; }
.faq-section .faq-question {
  width: 100%; }
  .faq-section .faq-question .faq-item {
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: .25rem; }
    .faq-section .faq-question .faq-item:after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background: #f9b427; }
.faq-section .faq-nav {
  flex-direction: column; }
  .faq-section .faq-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
    display: flex;
    align-items: center; }
    .faq-section .faq-nav .nav-link:hover {
      color: rgba(255, 255, 255, 0.75); }
    .faq-section .faq-nav .nav-link .faq-icon {
      margin-right: .5rem;
      opacity: 0;
      color: #f9b427;
      font-size: 1.4rem; }
    .faq-section .faq-nav .nav-link.active .faq-icon {
      opacity: 1; }

/* download */
.app_icon-wrapper {
  background: #2e3232;
  background: -webkit-linear-gradient(top, #2e3232 0%, #262829 50%, #212123 100%);
  background: linear-gradient(to bottom, #2e3232 0%, #262829 50%, #212123 100%);
  border: 1px solid #2d2c2e;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  margin: auto; }
  .app_icon-wrapper img {
    max-width: 3.5rem; }

@media (min-width: 992px) {
  .app_icon-wrapper {
    width: 8rem;
    height: 8rem;
    border-radius: 2rem; }
    .app_icon-wrapper img {
      max-width: 6rem; } }
.download__section {
  padding-top: 12rem;
  padding-bottom: 8rem; }
  .download__section .title-download {
    font-weight: 600; }

.btn-download {
  display: block;
  width: 100%;
  min-width: 9rem;
  line-height: 1.6;
  margin-bottom: 1.6rem; }
  .btn-download:last-child {
    margin-bottom: 0; }

@media (min-width: 768px) {
  .btn-download {
    display: inline-block;
    width: auto;
    min-width: 9rem;
    line-height: 1.6;
    margin-bottom: 0;
    margin-right: 1rem; }
    .btn-download:last-child {
      margin-right: 0; } }
@media (min-width: 992px) {
  .download__section {
    padding-top: 18rem;
    padding-bottom: 12rem; } }
/* footer */
.footer {
  background: url(../img/bg/fr-bg.png) center bottom/cover no-repeat; }
  .footer .nav-link {
    line-height: 2.5rem; }
  .footer .social-buttons a {
    background-color: rgba(0, 0, 0, 0.2); }

@media (min-width: 768px) {
  .footer {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem; } }
@media (min-width: 992px) {
  .footer {
    padding-top: 7.8125rem;
    padding-bottom: 7.8125rem; } }
/* [ Pages ] */
.bg-page {
  background: url(../img/shape/page-shape.png) no-repeat center center/cover; }

.bg-faq {
  background: url(../img/shape/faq-shape.png) no-repeat center center/cover; }

.bg-press {
  background: url(../img/shape/press-shape.png) no-repeat center center/cover; }

.page-hero {
  height: 28.125rem;
  background: #da2f69;
  background: -webkit-linear-gradient(left, #da2f69 0%, #0eabf9 100%);
  background: linear-gradient(to right, #da2f69 0%, #0eabf9 100%); }

.media-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1 !important;
  pointer-events: none; }
  .media-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0;
    z-index: 10;
    pointer-events: none; }

.breadcrumb {
  justify-content: center;
  text-transform: uppercase;
  padding: 2.2rem;
  font-weight: 500; }
  .breadcrumb a {
    color: rgba(255, 255, 255, 0.75); }

/* blog */
.date-item {
  background: #2b2931;
  padding: .25rem 1rem; }
  .date-item a {
    color: #c4c3c7; }

.page-link:hover {
  z-index: auto; }
.page-link:focus {
  z-index: auto; }

.page-item.active:hover {
  color: #ffffff !important; }

.tags_cloud {
  display: flex;
  flex-wrap: wrap; }
  .tags_cloud .badge {
    padding: .65rem .95rem;
    margin-right: .5rem;
    margin-bottom: .5rem; }
  .tags_cloud .badge-primary {
    background-color: #a3dffd; }
    .tags_cloud .badge-primary:hover {
      background-color: #0eabf9; }

/* [ plugins ] */
/* jquery.hover3d */
.hover-in {
  transition: .3s ease-out; }

.hover-out {
  transition: .3s ease-in; }
  
  
  
.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.btn-group.style2 {
  gap: 20px 70px;
  /* Small devices */
}
@media (max-width: 767px) {
  .btn-group.style2 {
    gap: 20px 30px;
  }
}

.footer-tags .btn-group {
  margin-top: 32px;
}


.btn-group:has(.call-btn) {
  /* Large devices */
  /* Small devices */
}
@media (max-width: 1199px) {
  .btn-group:has(.call-btn) {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  .btn-group:has(.call-btn) {
    gap: 20px;
  }
}

.hero-style1 .btn-group {
  gap: 30px;
}
@media (max-width: 480px) {
  .hero-style1 .btn-group {
    gap: 14px;
  }
}

.F210{
	min-height: 230px;
}

/* counter-box  start ---------------------*/
/* counter-box  start ---------------------*/
.counter-box {
  position: relative;
  z-index: 2;
}

.counter-box h3{
	
}
.counter-box:not(:last-child):before {
  content: "";
  position: absolute;
  top: 10px;
  right: -45px;
  width: 1px;
  height: 29px;
  background-color: #8B71FE;
  /* Small devices */
}
@media (max-width: 767px) {
  .counter-box:not(:last-child):before {
    display: none;
  }
}
.counter-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 90px;
  /* Small devices */
  margin:50px 30px;
}
@media (max-width: 767px) {
  .counter-box-wrap {
    gap: 40px;
  }
}
@media (max-width: 480px) {
  .counter-box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 25px;
  }
}
.counter-box .box-number {
  margin-bottom: 0;
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .counter-box .box-number {
    font-size: 35px;
  }
}
.counter-box .counter-text {
  margin-bottom: 0;
  font-size: 21px;
}

.counter-item {
  padding: 50px 50px 50px 0;
  /* Medium Large devices */
  /* Small devices */
}
@media (max-width: 1399px) {
  .counter-item {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .counter-item {
    padding: 30px 0 0 0;
  }
}
.counter-item:first-child {
  border-right: 1px solid #E0E0E0;
  /* Small devices */
}
@media (max-width: 767px) {
  .counter-item:first-child {
    border-right: none;
  }
}
.counter-item:nth-child(2) {
  padding: 50px 0px 50px 100px;
  /* Extra large devices */
  /* Small devices */
}
@media (max-width: 1500px) {
  .counter-item:nth-child(2) {
    padding: 50px 0px 50px 50px;
  }
}
@media (max-width: 767px) {
  .counter-item:nth-child(2) {
    padding: 30px 0 0 0;
  }
}
.counter-item:nth-child(3) {
  border-right: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  padding: 50px 100px 0px 0px;
  /* Extra large devices */
  /* Small devices */
}
@media (max-width: 1500px) {
  .counter-item:nth-child(3) {
    padding: 50px 50px 0px 0px;
  }
}
@media (max-width: 767px) {
  .counter-item:nth-child(3) {
    border: none;
    padding: 30px 0 0 0;
  }
}
.counter-item:nth-child(4) {
  border-top: 1px solid #E0E0E0;
  padding: 50px 0px 0px 100px;
  /* Extra large devices */
  /* Small devices */
}
@media (max-width: 1500px) {
  .counter-item:nth-child(4) {
    padding: 50px 0px 0px 50px;
  }
}
@media (max-width: 767px) {
  .counter-item:nth-child(4) {
    border: none;
    padding: 30px 0 0 0;
  }
}
.counter-item .box-icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--white-color);
  border: 1px solid #E0E0E0;
  margin-bottom: 18px;
  /* Medium Large devices */
}
@media (max-width: 1399px) {
  .counter-item .box-icon {
    display: block;
    margin: auto auto 18px auto;
  }
}
.counter-item .box-number {
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  color: var(--title-color);
  margin-bottom: 0;
  /* Small devices */
}
@media (max-width: 767px) {
  .counter-item .box-number {
    font-size: 40px;
    line-height: 50px;
  }
}
.counter-item .box-number .plus {
  font-weight: 400;
}
.counter-item .counter-text {
  color: #4D5765;
}
.counter-item-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
  /* Small devices */
}
@media (max-width: 767px) {
  .counter-item-wrap {
    display: block;
  }
}

/* counter-grid start -------------*/
.counter-grid {
  min-width: 340px;
  height: 340px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #FFFFFF;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 114px 45px;
  border-radius: 50%;
  text-align: center;
  /* Extra large devices */
  /* Small devices */
  /* Extra small devices */
}
.counter-grid_wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Large devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .counter-grid_wrapp {
    display: grid;
    grid-template-columns: auto auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }
}
@media (max-width: 575px) {
  .counter-grid_wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 1500px) {
  .counter-grid {
    min-width: 280px;
    height: 280px;
    max-width: 280px;
    padding: 80px 35px;
  }
}
@media (max-width: 767px) {
  .counter-grid {
    min-width: 240px;
    max-width: 240px;
    height: 260px;
    padding: 62px 20px;
  }
}
@media (max-width: 575px) {
  .counter-grid {
    min-width: 300px;
    max-width: 300px;
    height: 100%;
  }
}
.counter-grid:nth-child(1) {
  margin-right: -20px;
}
.counter-grid:nth-child(2) {
  margin-right: -20px;
}
.counter-grid:nth-child(3) {
  margin-right: -20px;
}
.counter-grid:nth-child(4) {
  margin-right: -20px;
}
.counter-grid:nth-child(5) {
  margin-right: -20px;
}
.counter-grid:nth-child(6) {
  margin-right: -20px;
}
.counter-grid .box-number {
  font-family: var(--title-font);
  font-weight: 550;
  font-size: 84px;
  line-height: 84px;
  text-align: center;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-bottom: 15px;
  /* Extra large devices */
}
@media (max-width: 1500px) {
  .counter-grid .box-number {
    font-size: 62px;
    line-height: 62px;
    margin-bottom: 0;
  }
}
.counter-grid .box-text {
  position: relative;
  font-family: var(--body-font);
  font-weight: 300;
  font-size: 24px;
  line-height: 40px;
  color: #FFFFFF;
}

/* counter-sec ------------------------*/
.counter-sec {
  position: relative;
  z-index: 3;
  background-color: var(--theme-color);
  -webkit-mask-image: url("../img/bg/counter-shape.png");
          mask-image: url("../img/bg/counter-shape.png");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin-top: -150px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .counter-sec {
    margin-top: 0;
    -webkit-mask-image: none;
            mask-image: none;
  }
}

.counter-sec2 {
  padding: 97px 0;
}



/* element moving ---------------------*/
.feature-wrap1 {
  position: absolute;
  height: 200px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  /* Medium devices */
  /* Small devices */
}
.feature-wrap1.style2 {
  /* Medium devices */
}
@media (max-width: 991px) {
  .feature-wrap1.style2 {
    display: none;
  }
}
.feature-wrap1.style3 {
  position: relative;
}
.feature-wrap1 p {
  margin-bottom: 0;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: auto;
  -webkit-transition: none;
  transition: none;
}
.feature-wrap1 .feature-item {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--title-font);
  border-radius: 48px;
  padding: 80px 15px 40px 15px;
  border-radius: 50%;
  line-height: 1;
  width: 240px;
  height: 240px;
  background: #FF6C8E;
  border: 1px solid #FFFFFF;
}
.feature-wrap1 .feature-item.video {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #FFFFFF;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 107px;
}
.feature-wrap1 .feature-item.video .play-btn2 {
  color: var(--white-color);
  font-size: 34px;
  display: block;
}
.feature-wrap1 .feature-item.button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #FFFFFF;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 10px;
}
.feature-wrap1 .feature-item.button .line-btn {
  color: var(--white-color);
}
.feature-wrap1 .feature-item.button .line-btn:before {
  display: none;
}
.feature-wrap1 .feature-item .box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  /* Medium devices */
}
@media (max-width: 991px) {
  .feature-wrap1 .feature-item .box-content {
    padding: 36px 10px;
  }
}
.feature-wrap1 .feature-item .sub-title {
  font-weight: 500;
  font-size: 16px;
  color: #121214;
  display: block;
  margin-bottom: 20px;
}
.feature-wrap1 .feature-item .box-title {
  font-family: var(--title-font);
  font-weight: 550;
  font-size: 24px;
  line-height: 24px;
  text-transform: capitalize;
  color: #121214;
  display: inline-block;
  margin-bottom: 30px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .feature-wrap1 .feature-item .box-title {
    font-size: 18px;
  }
}
.feature-wrap1 .feature-item .icon-btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--title-color);
}
@media (max-width: 991px) {
  .feature-wrap1 .feature-item {
    padding: 10px 25px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .feature-wrap1 {
    position: relative;
    display: none;
  }
}

.choose-wrapper {
  background-color: #F4F7FF;
  display: grid;
  grid-template-columns: auto auto;
  border-radius: 16px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.choose-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 219px;
  height: 253px;
  background: #7B5DFF;
  opacity: 0.4;
  -webkit-filter: blur(75px);
          filter: blur(75px);
  border-radius: 16px 260px 16px 16px;
}

.choose-item {
  padding: 52px 70px;
  /* Medium Large devices */
  /* Extra small devices */
}
@media (max-width: 1299px) {
  .choose-item {
    padding: 30px 40px;
  }
}
@media (max-width: 375px) {
  .choose-item {
    padding: 30px 20px;
  }
}
.choose-item:not(:last-child) {
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.choose-item:nth-child(2) {
  border-right-color: transparent;
}
.choose-item:nth-child(3) {
  border-bottom-color: transparent;
}
.choose-item .box-subtitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--title-color);
  display: block;
  margin-bottom: 10px;
}
.choose-item .box-number {
  margin-bottom: 0;
}
.choose-item .box-text {
  max-width: 174px;
  margin-bottom: 0;
}

.choose-item2 {
  position: relative;
  z-index: 2;
  background: linear-gradient(309.43deg, #A378FF 9.12%, #1C4EFF 100%);
  border-radius: 48px;
  padding: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  /* Large devices */
  /* Medium devices */
}
@media (max-width: 1199px) {
  .choose-item2 {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .choose-item2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
  }
}
.choose-item2:before {
  content: "";
  position: absolute;
  inset: 1px;
  background-color: #16141B;
  border-radius: inherit;
  z-index: -1;
}
.choose-item2 .box-title {
  font-family: var(--title-font2);
  font-size: 32px;
  color: var(--white-color);
  /* Small devices */
}
@media (max-width: 767px) {
  .choose-item2 .box-title {
    font-size: 24px;
  }
}
.choose-item2 .box-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: var(--smoke-color);
  max-width: 560px;
  margin-bottom: 40px;
}
.choose-item2 .checklist ul {
  padding: 0;
}
.choose-item2 .checklist ul li {
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  padding: 0;
}
.choose-item2 .checklist ul li img {
  margin-right: 8px;
}
.choose-item2 .checklist ul li:before {
  display: none;
}

.choose-img-box {
  position: relative;
  z-index: 2;
  border-radius: 16px;
}
.choose-img-box:before {
  content: "";
  position: absolute;
  inset: 0;
  background: #06050B;
  opacity: 0.5;
  border-radius: 16px;
}
.choose-img-box .img1 {
  height: 100%;
  border-radius: 16px;
}
.choose-img-box .img1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.choose-img-box .title-area {
  position: absolute;
  top: 50%;
  left: 56px;
  z-index: 3;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  /* Medium Large devices */
  /* Extra small devices */
}
@media (max-width: 1399px) {
  .choose-img-box .title-area {
    left: 30px;
  }
  .choose-img-box .title-area .sec-title {
    font-size: 34px;
  }
}
@media (max-width: 575px) {
  .choose-img-box .title-area {
    left: 18px;
  }
  .choose-img-box .title-area .sec-title {
    font-size: 24px;
  }
}

.choose-shape,
.choose-shape2 {
  position: absolute;
  z-index: 1;
}

.choose-shape {
  bottom: 0%;
  right: 80px;
  -webkit-animation: ripple 15s linear infinite;
          animation: ripple 15s linear infinite;
}

.choose-shape2 {
  bottom: 0%;
  right: 0px;
  -webkit-animation: ripple 10s linear infinite;
          animation: ripple 10s linear infinite;
}

/* .feature-box start -------------------------------*/
.feature-box {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 20px 50px rgba(11, 11, 11, 0.05);
          box-shadow: 0px 20px 50px rgba(11, 11, 11, 0.05);
  border-radius: 24px;
  padding: 44px;
  text-align: center;
  /* Extra large devices */
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
}
@media (max-width: 1500px) {
  .feature-box {
    padding: 35px 30px;
  }
}
@media (max-width: 1399px) {
  .feature-box {
    padding: 35px 20px;
  }
}
@media (max-width: 991px) {
  .feature-box {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .feature-box {
    text-align: center;
    padding: 30px 20px;
  }
}
.feature-box .box-title {
  font-size: 32px;
  /* Extra small devices */
}
@media (max-width: 1699px) {
  .feature-box .box-title {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .feature-box .box-title {
    font-size: 18px;
  }
}
.feature-box .box-text {
  margin-bottom: 35px;
}
.feature-box .box-img {
  border-radius: 8px;
}
.feature-box .box-img img {
  border-radius: 8px;
}

/* Feature 3 ---------------------------------- */
.process-wrap {
  position: relative;
}
.process-wrap .process-bg-line {
  position: absolute;
  left: 50%;
  top: 60px;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  /* Large devices */
}
.process-wrap .process-bg-line img {
  height: calc(100% + 20px);
}
@media (max-width: 1199px) {
  .process-wrap .process-bg-line {
    display: none;
  }
}
.process-wrap .process-content {
  position: relative;
}
.process-wrap .process-content:after, .process-wrap .process-content:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 16px;
  display: inline-block;
  background: var(--white-color);
  left: 0;
  top: 50%;
  -webkit-transform: translate(-94px, -50%);
          transform: translate(-94px, -50%);
  /* Medium Large devices */
  /* Medium Large devices */
  /* Large devices */
}
@media (max-width: 1399px) {
  .process-wrap .process-content:after, .process-wrap .process-content:before {
    -webkit-transform: translate(-91px, -50%);
            transform: translate(-91px, -50%);
  }
}
@media (max-width: 1299px) {
  .process-wrap .process-content:after, .process-wrap .process-content:before {
    -webkit-transform: translate(-84px, -50%);
            transform: translate(-84px, -50%);
  }
}
@media (max-width: 1199px) {
  .process-wrap .process-content:after, .process-wrap .process-content:before {
    display: none;
  }
}
.process-wrap .process-content:after {
  background: var(--theme-color);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 20px;
}
.process-wrap .process-content.left-content:after, .process-wrap .process-content.left-content:before {
  left: auto;
  right: 0;
  -webkit-transform: translate(94px, -50%);
          transform: translate(94px, -50%);
  /* Medium Large devices */
}
@media (max-width: 1399px) {
  .process-wrap .process-content.left-content:after, .process-wrap .process-content.left-content:before {
    -webkit-transform: translate(93px, -50%);
            transform: translate(93px, -50%);
  }
}
.process-wrap .process-content.left-content:after {
  margin-left: 0;
  margin-right: 20px;
}
.process-wrap .process-content .two-column {
  /* Extra small devices */
}
.process-wrap .process-content .two-column .checklist li {
  color: var(--body-color);
}
@media (max-width: 575px) {
  .process-wrap .process-content .two-column {
    gap: 10px;
  }
}

/* .feature-box end -------------------------------*/
/* choose-feature2 start --------------  */
.choose-feature2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.choose-feature2 .box-icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #FFFA84;
  border-radius: 20px;
}
.choose-feature2:not(:last-child) {
  margin-bottom: 35px;
}
.choose-feature2:not(:last-child) .box-icon {
  background-color: var(--theme-color);
}
.choose-feature2 .box-title {
  color: var(--white-color);
}
.choose-feature2 .box-text {
  color: #B7BEC8;
  margin-bottom: -0.3rem;
}

/* choose-feature start -------------------------------*/

.sev_icon{
width: 50%;	
}
.choose-feature {
  background-color: var(--white-color);
  border-radius: 30px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  /* Medium Large devices */
  /* Extra small devices */
  /* Extra small devices */
}
@media (max-width: 1399px) {
  .choose-feature {
    display: block;
  }
}
@media (max-width: 575px) {
  .choose-feature {
    padding: 25px;
  }
}
.choose-feature.style2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #587662;
  border-radius: 30px;
  padding: 15px;
  height: 100%;
}
.choose-feature.style2 .box-title {
  text-align: center;
  display: block;
  max-width: 100%;
  margin-bottom: 0;
}
@media (max-width: 375px) {
  .choose-feature {
    display: block;
    margin: auto;
    text-align: center;
  }
}
.choose-feature:not(:last-child) {
  margin-bottom: 40px;
}
.choose-feature .box-img {
  min-width: 258px;
  border-radius: 16px;
  /* Medium Large devices */
}
@media (max-width: 1399px) {
  .choose-feature .box-img {
    min-width: 100%;
    margin-bottom: 30px;
  }
}
.choose-feature .box-img img {
  border-radius: 16px;
}
.choose-feature .box-title {
  max-width: 211px;
  margin-bottom: 10px;
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 767px) {
  .choose-feature .box-title {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .choose-feature .box-title {
    font-size: 22px;
  }
}
.choose-feature .box-text {
  margin-bottom: 20px;
}
.choose-feature:hover .box-icon img {
  -webkit-transform: scale(-1) rotate(180deg);
          transform: scale(-1) rotate(180deg);
}

.choose-image .img1 {
  min-width: 815px;
  position: relative;
  z-index: 2;
  /* Small devices */
}
@media (max-width: 767px) {
  .choose-image .img1 {
    min-width: 100%;
    margin-top: 20px;
  }
}
.choose-image .img1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.choose-image .img1 .choose-shape {
  position: absolute;
  width: 1104px;
  height: 370px;
  left: -20%;
  bottom: -17%;
  z-index: -1;
}

/* choose-feature end -------------------------------*/
/* choose-card end -------------------------------*/

#container1 img{
border: 1px solid #f9b427;
border-radius: 14px;	
}
.choose-card {
  background: #F8F8F8;
  border-radius: 30px;
  padding: 50px;
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .choose-card {
    padding: 30px;
  }
}
.choose-card .box-img {
  -webkit-filter: drop-shadow(0px 4px 50px #EFEFEF);
          filter: drop-shadow(0px 4px 50px #EFEFEF);
  border-radius: 20px 20px 0px 0px;
  margin-bottom: 35px;
}
.choose-card .box-img img {
  border-radius: 20px 20px 0px 0px;
}
.choose-card .box-title {
  font-size: 30px;
  line-height: 40px;
  color: var(--title-color);
  margin-bottom: 10px;
  /* Medium Large devices */
}
@media (max-width: 1299px) {
  .choose-card .box-title {
    font-size: 24px;
  }
}
.choose-card .box-text {
  margin-bottom: -0.4rem;
}

.feature-grid2 {
  position: relative;
  border: 1px solid #f9b427;
  padding: 20px;
  z-index: 2;
   flex: 1;
   border-radius: 20px;
background-color: var(--tp-common-white);
}


.feature-grid2:before {
  content: "";
  position: absolute;
  inset: 1px;
  background-color: #ffffff;
  border-radius: 16px;
  z-index: -1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.feature-grid2 h3{
	
	color: #000000;
}
.feature-grid2 .box-icon {
 /*  width: 150px; */
  height: 150px;
  line-height: 80px;
  text-align: center;

  border-radius: 12px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-bottom: 24px;
}
.feature-grid2 .box-icon img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.feature-grid2 .box-text {
  max-width: auto;
  
	color: #000000;
}
.feature-grid2:hover:before {
  background: #f1f1f1;
  -webkit-box-shadow: 0px 20px 50px rgba(11, 11, 11, 0.1);
          box-shadow: 0px 20px 50px rgba(11, 11, 11, 0.1);
  border-radius: 16px;
}


.feature-grid3 {
  position: relative;
  z-index: 2;
  background-color: #DAFDBB;
  border-radius: 24px;
  padding: 54px 28px;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.feature-grid3_wrapp:nth-child(2) .feature-grid3 {
  background-color: #DBD2FE;
}
.feature-grid3_wrapp:nth-child(3) .feature-grid3 {
  background-color: #FFF27A;
}
.feature-grid3_wrapp:nth-child(4) .feature-grid3 {
  background-color: #F5DAF6;
}
.feature-grid3_wrapp:nth-child(5) .feature-grid3 {
  background-color: #FEE5CD;
}
.feature-grid3 .box-icon {
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 16px;
  margin-bottom: 24px;
}
.feature-grid3 .box-icon img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.feature-grid3 .box-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 34px;
  text-transform: capitalize;
  /* Medium devices */
}
@media (max-width: 991px) {
  .feature-grid3 .box-title {
    font-size: 24px;
  }
}
.feature-grid3 .box-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: #16141B;
  margin-bottom: 0;
}
.feature-grid3:hover {
  border-bottom: 5px solid var(--title-color);
  border-right: 5px solid var(--title-color);
}
.feature-grid3:hover .box-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.feature-grid4 {
  position: relative;
  z-index: 3;
  padding: 32px 36px 56px 32px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.feature-grid4:before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/normal/feature-shape2.png");
          mask-image: url("../img/normal/feature-shape2.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: var(--white-color);
  z-index: -1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.feature-grid4 .shape {
  position: absolute;
  inset: 0;
  background-image: url("../img/shape/feature-bottom-shape.png");
  background-position: left bottom;
  background-size: auto;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.feature-grid4 .box-icon {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
.feature-grid4 .box-icon:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 29px;
  height: 29px;
  background: linear-gradient(122.43deg, #AEFF5D 4.09%, #5DFFD9 100.57%);
  border-radius: 50%;
  z-index: -1;
}
.feature-grid4 .box-icon img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.feature-grid4 .box-title {
  font-family: var(--title-font2);
  font-size: 32px;
  /* Medium Large devices */
}
@media (max-width: 1399px) {
  .feature-grid4 .box-title {
    font-size: 24px;
  }
}
.feature-grid4 .box-text {
  margin-bottom: 0;
}
.feature-grid4:hover:hover:before {
  background-color: var(--title-color);
}
.feature-grid4:hover .shape {
  opacity: 1;
  visibility: visible;
}
.feature-grid4:hover .box-title,
.feature-grid4:hover .box-text {
  color: var(--white-color);
}
.feature-grid4:hover .box-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.feature-area2 {
  background-color: #EDF5F3;
}

/* choose-card end -------------------------------*/
.feature-grid-thumb {
  position: relative;
  border-top: 1px solid var(--smoke-color);
}
.feature-grid-thumb:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #EFEFEF;
  height: 2px;
  width: var(--main-container);
}

.feature-timeline {
  position: relative;
}
.feature-timeline .feature-area-title {
  margin-top: 50px;
  /* Large devices */
  /* Small devices */
}
@media (max-width: 1199px) {
  .feature-timeline .feature-area-title {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .feature-timeline .feature-area-title {
    margin-top: 20px;
  }
}
.feature-timeline .box-title {
  margin-bottom: 15px;
}
.feature-timeline .box-text {
  margin-bottom: -0.3rem;
}
.feature-timeline .swiper-pagination-progressbar {
  position: relative;
  background-color: transparent;
}
.feature-timeline .swiper-pagination-progressbar:before {
  content: "";
  position: absolute;
  top: 80px;
  left: 0;
  height: 4px;
  width: 100%;
  border-top: 1px solid var(--smoke-color);
  /* Large devices */
}
@media (max-width: 1199px) {
  .feature-timeline .swiper-pagination-progressbar:before {
    border: none;
  }
}
.feature-timeline .swiper-pagination-custom {
  position: relative;
  top: 0;
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin: 0;
  z-index: 11;
  /* Large devices */
}
@media (max-width: 1199px) {
  .feature-timeline .swiper-pagination-custom {
    display: grid;
    grid-template-columns: auto auto;
    gap: 40px;
  }
}
@media (max-width: 480px) {
  .feature-timeline .swiper-pagination-custom {
    grid-template-columns: auto;
  }
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch {
  position: relative;
  width: 100%;
  display: block;
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
  position: absolute;
  top: 26%;
  left: 40px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  font-family: var(--title-font);
  color: var(--title-color);
  font-weight: 500;
  background-color: var(--theme-color);
  text-align: center;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  cursor: pointer;
  z-index: 3;
  /* Medium Large devices */
  /* Large devices */
}
@media (max-width: 1399px) {
  .feature-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    top: 23%;
  }
}
@media (max-width: 1199px) {
  .feature-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title {
    display: none;
  }
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:before {
  content: "";
  position: absolute;
  inset: -5px;
  border: 5px solid transparent;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch.item-active .switch-title {
  background-color: var(--theme-color);
  color: var(--white-color);
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch.item-active .switch-title:before {
  background: rgba(87, 179, 62, 0.3);
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch.item-active .feature-date {
  color: var(--theme-color);
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch .feature-date {
  font-weight: 600;
  font-size: 48px;
  line-height: 58px;
  text-transform: capitalize;
  color: #010F1C;
  /* Small devices */
}
@media (max-width: 767px) {
  .feature-timeline .swiper-pagination-custom .swiper-pagination-switch .feature-date {
    font-size: 38px;
    line-height: 48px;
  }
}

.feature-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  /* Small devices */
}
@media (max-width: 767px) {
  .feature-wrap {
    display: block;
  }
}

.feature-grid .feature-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.feature-grid .box-icon i {
  font-size: 22px;
  color: var(--title-color);
}
.feature-grid .box-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

.choose-wapper {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0px;
  position: relative;
  z-index: 2;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .choose-wapper {
    grid-template-columns: auto;
  }
}
.choose-wapper:before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("../img/shape/choose-shape.png");
          mask-image: url("../img/shape/choose-shape.png");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: bottom center;
          mask-position: bottom center;
  background: linear-gradient(261.14deg, #C726FD 20.53%, #FF1CA4 69.42%);
  border-radius: 24px;
  z-index: -1;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .choose-wapper:before {
    display: none;
  }
}

.choose-box {
  padding: 40px 24px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .choose-box {
    padding: 20px;
    margin: 0;
    text-align: center;
  }
}
.choose-box:not(:last-child) {
  background-color: var(--white-color);
  margin: 6px;
  border-radius: 16px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .choose-box:not(:last-child) {
    margin: 0;
  }
}
.choose-box:nth-child(2) {
  border-radius: 0;
  background-color: transparent;
  margin: 0;
  padding: 40px 10px 40px 24px;
  /* Extra small devices */
}
@media (max-width: 575px) {
  .choose-box:nth-child(2) {
    padding: 20px;
    margin: 0;
  }
}
.choose-box:nth-child(3) {
  border-radius: 0;
  background-color: transparent;
  margin: 0;
  padding: 50px 10px 0px 24px;
  /* Large devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .choose-box:nth-child(3) {
    padding: 40px 0px 40px 24px;
  }
}
@media (max-width: 575px) {
  .choose-box:nth-child(3) {
    padding: 20px;
    margin: 0;
  }
}
.choose-box:nth-child(4) {
  padding: 14px 0px 40px 24px;
  /* Large devices */
  /* Extra small devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .choose-box:nth-child(4) {
    padding: 40px 0px 65px 24px;
  }
}
@media (max-width: 575px) {
  .choose-box:nth-child(4) {
    padding: 20px;
    margin: 0;
  }
}
.choose-box:nth-child(4) .number,
.choose-box:nth-child(4) .box-title {
  color: var(--white-color);
}
.choose-box:nth-child(4) .box-text {
  color: var(--white-color);
  margin-right: 20px;
}
@media (max-width: 575px) {
  .choose-box:nth-child(4) .number,
  .choose-box:nth-child(4) .box-title {
    color: var(--title-color);
  }
  .choose-box:nth-child(4) .box-text {
    color: var(--title-color);
    margin-right: 0px;
  }
}
.choose-box .number {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
  color: #A3A3A3;
  display: block;
  margin-bottom: 10px;
}
.choose-box .box-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 44px;
  text-transform: capitalize;
  color: var(--theme-color);
  margin-bottom: 10px;
  /* Medium devices */
}
@media (max-width: 991px) {
  .choose-box .box-title {
    font-size: 24px;
    line-height: 34px;
  }
}
.choose-box .box-text {
  margin-bottom: 0;
}

.choose-box2 {
  position: relative;
  z-index: 2;
  background-color: var(--white-color);
  border: 1px solid #D4D4D4;
  border-radius: 16px;
  padding: 24px 18px;
  text-align: center;
}
.choose-box2_wrapp:nth-child(2) .box-icon {
  background: #D2FEFC;
}
.choose-box2_wrapp:nth-child(3) .box-icon {
  background: #FFF27A;
}
.choose-box2_wrapp:nth-child(4) .box-icon {
  background: #DAFDBB;
}
.choose-box2 .box-icon {
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: #DBD2FE;
  border-radius: 8px;
  display: block;
  margin: auto auto 24px auto;
}
.choose-box2 .box-icon img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.choose-box2 .box-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 5px;
}
.choose-box2 .box-text {
  font-size: 18px;
  margin-bottom: 0;
}
.choose-box2:hover .box-icon img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.choose-img2 .img1 {
  border-radius: 24px;
}
.choose-img2 .img1 img {
  border-radius: 24px;
}

/* choose-area2 start ---------------------------*/
.choose-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-right: 130px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .choose-counter {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding-bottom: 50px;
  }
}
.choose-counter .box-title {
  font-weight: 600;
  font-size: 164px;
  line-height: 174px;
  text-transform: capitalize;
  color: var(--body-color);
  display: block;
  margin: 0;
  /* Large devices */
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .choose-counter .box-title {
    font-size: 140px;
    line-height: 150px;
  }
}
@media (max-width: 767px) {
  .choose-counter .box-title {
    font-size: 100px;
    line-height: 140px;
  }
}
@media (max-width: 375px) {
  .choose-counter .box-title {
    font-size: 60px;
    line-height: 80px;
  }
}
.choose-counter .text {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 74px;
  line-height: 84px;
  text-transform: capitalize;
  color: var(--white-color);
  display: inline-block;
  min-width: 512px;
  margin: 0;
  /* Large devices */
  /* Small devices */
  /* Extra small devices */
}
@media (max-width: 1199px) {
  .choose-counter .text {
    font-size: 54px;
    line-height: 64px;
  }
}
@media (max-width: 767px) {
  .choose-counter .text {
    font-size: 44px;
    line-height: 54px;
  }
}
@media (max-width: 375px) {
  .choose-counter .text {
    font-size: 34px;
    line-height: 44px;
  }
}

.choose-content .title-area {
  max-width: 550px;
}

.choose-grid {
  position: relative;
  background: #0A0A0A;
  border: 1px solid #4661FF;
  border-radius: 30px;
  padding: 30px;
  max-width: 542px;
  z-index: 2;
}
.choose-grid:before {
  content: "";
  position: absolute;
  top: 0;
  left: -35%;
  width: 163px;
  height: 94px;
  background-color: transparent;
  -webkit-mask-image: url("../img/icon/line-shape1.svg");
          mask-image: url("../img/icon/line-shape1.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  /* Small devices */
}
@media (max-width: 767px) {
  .choose-grid:before {
    display: none;
  }
}
.choose-grid:nth-child(3) {
  margin-left: 200px;
  border-color: #F3BA0E;
  /* Medium Large devices */
  /* Small devices */
}
@media (max-width: 1299px) {
  .choose-grid:nth-child(3) {
    margin-left: 150px;
  }
}
@media (max-width: 767px) {
  .choose-grid:nth-child(3) {
    margin-left: 0;
  }
}
.choose-grid:nth-child(3):before {
  background-color: #4661FF;
}
.choose-grid:nth-child(4) {
  margin-left: 400px;
  border-color: #70D715;
  /* Medium Large devices */
  /* Medium devices */
  /* Small devices */
}
@media (max-width: 1299px) {
  .choose-grid:nth-child(4) {
    margin-left: 350px;
  }
}
@media (max-width: 991px) {
  .choose-grid:nth-child(4) {
    margin-left: 200px;
  }
}
@media (max-width: 767px) {
  .choose-grid:nth-child(4) {
    margin-left: 0;
  }
}
.choose-grid:nth-child(4):before {
  background-color: #F3BA0E;
}
.choose-grid:not(:last-child) {
  margin-bottom: 24px;
}
.choose-grid .choose-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.choose-grid .box-title {
  font-size: 22px;
  font-weight: 500;
  color: var(--white-color);
  margin-bottom: 0;
}
.choose-grid .box-text {
  color: #7A8392;
  margin: 10px 0 -0.3rem 0;
}

.choose-btn {
  margin-top: -135px;
  /* Medium devices */
  /* Small devices */
}
@media (max-width: 991px) {
  .choose-btn {
    margin-top: -85px;
  }
}
@media (max-width: 767px) {
  .choose-btn {
    margin-top: 0;
  }
}

/*  */
.choose-progress-bar {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  margin-left: 50px;
  /* Extra large devices */
}
@media (max-width: 1500px) {
  .choose-progress-bar {
    margin-left: 0;
  }
}
.choose-progress-bar .progress-bar {
  float: left;
  width: 21%;
  height: 594px;
  border-radius: 30px;
  padding: 0;
  background-color: var(--white-color);
  -webkit-transition: none;
  transition: none;
  /* Extra small devices */
}
@media (max-width: 480px) {
  .choose-progress-bar .progress-bar {
    width: 45%;
    margin-bottom: 25px;
  }
}
@media (max-width: 375px) {
  .choose-progress-bar .progress-bar {
    width: 40%;
  }
}
.choose-progress-bar .progress-bar:not(:last-child) {
  margin-right: 25px;
}
@media (max-width: 480px) {
  .choose-progress-bar .progress-bar:not(:last-child) {
    margin: 10px;
  }
}
@media (max-width: 480px) {
  .choose-progress-bar .progress-bar:last-child {
    margin: 10px;
  }
}
.choose-progress-bar .progress-track {
  position: relative;
  width: 100%;
  height: 594px;
  background-color: var(--white-color);
  border-radius: 30px;
}
.choose-progress-bar .progress-fill {
  position: absolute;
  bottom: 0;
  background-color: #C5DACC;
  width: 100%;
  color: var(--white-color);
  padding: 20px 10px;
  text-align: center;
  font-size: 12px;
  border-radius: 30px;
  line-height: 20px;
  -webkit-animation: grow 1s ease-in-out;
          animation: grow 1s ease-in-out;
  height: 0;
}
@-webkit-keyframes grow {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
@keyframes grow {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
.choose-progress-bar .counter {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0.02em;
  color: #010F1C;
  display: block;
}
.choose-progress-bar .text {
  font-family: var(--title-font);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #4D5765;
  display: block;
}

.choose-area2 {
  /* Large devices */
}
@media (max-width: 1199px) {
  .choose-area2 {
    background-position: left center;
  }
}

.choose-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 25px;
  max-width: 560px;
  background-color: var(--white-color);
  padding: 24px;
  border-radius: 16px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /* Large devices */
}
@media (max-width: 1199px) {
  .choose-about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    margin: auto;
  }
}
.choose-about:not(:last-child) {
  margin-bottom: 32px;
}
.choose-about_number {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 32px;
  font-family: var(--title-font);
  color: var(--title-color);
  font-weight: 600;
  background-color: #F2F3FC;
  border-radius: 64px;
  /* Large devices */
}
@media (max-width: 1199px) {
  .choose-about_number {
    display: block;
    margin: auto;
  }
}
.choose-about_text {
  margin-bottom: 0;
  /* Extra small devices */
}
@media (max-width: 375px) {
  .choose-about_text {
    text-align: center;
  }
}
.choose-about img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.choose-about .box-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 3px;
  /* Extra small devices */
}
@media (max-width: 375px) {
  .choose-about .box-title {
    text-align: center;
  }
}
.choose-about.item-active, .choose-about:hover {
  background-color: var(--title-color);
}
.choose-about.item-active .choose-about_icon, .choose-about:hover .choose-about_icon {
  background-color: var(--white-color);
}
.choose-about.item-active .choose-about_text, .choose-about:hover .choose-about_text {
  color: var(--white-color);
}
.choose-about.item-active .box-title, .choose-about:hover .box-title {
  color: var(--white-color);
}

.choose-img2 {
  position: relative;
  text-align: right;
  z-index: 2;
  /* Large devices */
}

.banner-section-three .banner-ai-diagram {
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-section-three .banner-ai-diagram {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-section-three .banner-ai-diagram {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-section-three .banner-ai-diagram {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .banner-section-three .banner-ai-diagram {
    display: none;
  }
}

.diagram-ai img{
	
	border-radius: 30px;
}

.banner-section-three .banner-ai-diagram .diagram-ai {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  line-height: 130px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.2) 100%);
  font-family: var(--text-font);
  font-weight: 500;
  font-size: 60px;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 200px;
  right: 130px;
  color: var(--theme-color-white);
  transition: 0.5s;
}
.banner-section-three .banner-ai-diagram .diagram-ai::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  border: 1.5px solid transparent;
  background: linear-gradient(136.7deg, rgba(255, 255, 255, 0.8) 6.8%, rgba(103, 102, 255, 0.6) 18.42%, rgba(103, 102, 255, 0.6) 83.88%, rgba(255, 255, 255, 0.8) 92.96%);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.banner-section-three .banner-ai-diagram .diagram-item span {
  color: var(--theme-color-white);
  display: inline-block;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 50px;
  position: relative;
  transition: 0.5s;
  padding: 16px 25px;
}
.banner-section-three .banner-ai-diagram .diagram-item span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  border: 1.5px solid transparent;
  background: linear-gradient(136.7deg, rgba(255, 255, 255, 0.8) 6.8%, rgba(103, 102, 255, 0.6) 18.42%, rgba(103, 102, 255, 0.6) 83.88%, rgba(255, 255, 255, 0.8) 92.96%);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.banner-section-three .banner-ai-diagram .diagram-item.one {
position: absolute;

left: 80px;
top: -55px;
}
.banner-section-three .banner-ai-diagram .diagram-item.two {
  position: absolute;
  top: 25px;
  left: 270px;
}
.banner-section-three .banner-ai-diagram .diagram-item.three {
  position: absolute;
left: -145px;
top: 58px;
}
.banner-section-three .banner-ai-diagram .diagram-item.four {
  position: absolute;
left: -135px;
top: 295px;

}
.banner-section-three .banner-ai-diagram .diagram-item.five {
position: absolute;
right: -40px;
bottom: 55px;
}
.banner-section-three .banner-ai-diagram .diagram-item.six {
position: absolute;
bottom: -60px;
left: 90px;
}
.banner-section-three .banner-ai-diagram .diagram-shape {
/*   position: absolute;
  left: 214px;
  top: 85px; */
}

.binifits-marquee-area-one {

  position: relative;
  padding: 100px 0 120px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .binifits-marquee-area-one {
    padding: 0px 0 100px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .binifits-marquee-area-one {
    padding: 0px 0 100px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one {
    padding: 0px 0 100px;
  }
}
.binifits-marquee-area-one .marquee {
  position: relative;
  --duration: 30s;
  --gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: 0px;
  margin-bottom: 70px;
}
.binifits-marquee-area-one .marquee .marquee-block {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  gap: 0px;
  min-width: 100%;
  -webkit-animation: scroll 30s linear infinite;
  animation: scroll 30s linear infinite;
}
.binifits-marquee-area-one .marquee .marquee-block h3 {
  color: var(--theme-color-white);
  font-weight: 700;
  font-size: 140px;
  line-height: 140px;
  margin: 0px 46px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .binifits-marquee-area-one .marquee .marquee-block h3 {
    font-size: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .marquee .marquee-block h3 {
    font-size: 70px;
    line-height: 70px;
  }
}
.binifits-marquee-area-one .marquee .marquee-block h3 span {
  display: inline-block;
  font-family: var(--title-font);
  font-weight: 700;
  font-size: 140px;
  line-height: 140px;
  color: rgba(255, 255, 255, 0.15);
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .binifits-marquee-area-one .marquee .marquee-block h3 span {
    font-size: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .marquee .marquee-block h3 span {
    font-size: 70px;
    line-height: 70px;
  }
}
.binifits-marquee-area-one .single-binifits-box {
  position: relative;
  padding: 24px 30px 24px;
  height: 110px;
  width: 320px;
  margin-left: 75px;
  margin-bottom: 90px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .binifits-marquee-area-one .single-binifits-box {
    margin-left: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .binifits-marquee-area-one .single-binifits-box {
    margin-left: 0px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .binifits-marquee-area-one .single-binifits-box {
    margin-left: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .single-binifits-box {
    width: 520px;
    margin: 0 auto 20px;
  }
}
.binifits-marquee-area-one .single-binifits-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  border: 1.5px solid transparent;
  background: linear-gradient(91.06deg, #6766FF 6.82%, rgba(103, 102, 255, 0.2) 37.09%, rgba(103, 102, 255, 0.2) 67.36%, #6766FF 96.43%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  height: 175px;
  width: 320px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .binifits-marquee-area-one .single-binifits-box::before {
    width: 300px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .single-binifits-box::before {
    width: 520px;
  }
}
.binifits-marquee-area-one .single-binifits-box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/line-1.png);
  top: -100px;
  left: 85px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .single-binifits-box::after {
    display: none;
  }
}
.binifits-marquee-area-one .single-binifits-box.two {
  margin-left: 0;
  margin-bottom: 0;
}
.binifits-marquee-area-one .single-binifits-box.two::after {
  background-image: url(../img/line-2.png);
  top: 150px;
  left: 110px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .single-binifits-box.two::after {
    display: none;
  }
}
.binifits-marquee-area-one .single-binifits-box.three {
  margin-left: 0;
}
.binifits-marquee-area-one .single-binifits-box.three::after {
  background-image: url(../img/line-3.png);
  top: -95px;
  left: -80px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .single-binifits-box.three::after {
    display: none;
  }
}
.binifits-marquee-area-one .single-binifits-box.four {
  margin-left: 85px;
  margin-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .binifits-marquee-area-one .single-binifits-box.four {
    margin-left: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .binifits-marquee-area-one .single-binifits-box.four {
    margin-left: 0px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .single-binifits-box.four {
    margin-left: 0px;
  }
}
.binifits-marquee-area-one .single-binifits-box.four::after {
  background-image: url(../img/line-4.png);
  top: 150px;
  left: -130px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .single-binifits-box.four::after {
    display: none;
  }
}
.binifits-marquee-area-one .single-binifits-box .binifits-box {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .single-binifits-box .binifits-box {
    justify-content: center;
  }
}
.binifits-marquee-area-one .single-binifits-box .binifits-box::before {
  position: absolute;
  content: "";
  bottom: -28px;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0 auto 0;
  background-image: url(../img/binifits-gradient.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.binifits-marquee-area-one .single-binifits-box .binifits-box .binifits-content .title h4 {
  color: var(--theme-color-white);
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 5px;
}
.binifits-marquee-area-one .single-binifits-box .binifits-box .binifits-content .description p {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.binifits-marquee-area-one .single-binifits-box:hover .binifits-icon img {
  animation: wobble_vertical 1s forwards ease-in-out 0s;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .binifits-marquee-area-one .binifits-thumb {
    margin: 30px 0px;
    text-align: center;
  }
}
.binifits-marquee-area-one .binifits-thumb figure {
  margin: 0;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
    transform: translateX(calc(-100% - var(--gap)));
  }
}




/* [ User CSS ] */

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