@charset "UTF-8";

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@media (max-width: 1400px) {
  html {
    overflow-x: hidden;
  }
}



body {
  margin: 0;
  padding: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.container::after,
.container::before {
  content: "";
  clear: both;
}

.container::after {
  display: table;
}

.rounded-30 {
  border-radius: 30px;
}

.btn-2 {
  transition: ease all 0.35s;
}

.btn-2:hover {
  background-color: #100533 !important;
}

.download-swiper .swiper-slide .mimg {
  padding: 18px 16px;
}

.download-swiper .swiper-slide .mimg img {
  border-radius: 30px;
}

.download-swiper .swiper-slide {
  width: 310px;
  border-radius: 16px;
}

@media (max-width: 600px) {
  .download-swiper .swiper-slide {
    width: 240px;
  }
}

.download-swiper .swiper-slide .swiper-slide-shadow-left {
  background-image: none;
}

.download-swiper .swiper-slide .swiper-slide-shadow-right {
  background-image: none;
}

.accordion-image-wrap .image-slide {
  display: none;
  transition: ease all 0.35s;
}

.accordion-image-wrap .image-slide.active {
  display: block;
}

.accordion-sections li .panel {
  display: none;
}

.accordion-sections li.active .panel {
  display: block;
}

.tc-content {
  padding-bottom: 50px;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .tc-content {
    padding-bottom: 35px;
  }
}

.tc-content h1 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 50px;
  font-weight: 800;
  color: #000;
}

.tc-content p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 16px;
}

.tc-content ul {
  list-style: none;
  padding: 10px 0 15px;
}

.tc-content ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 22px;
}

.tc-content ul li::before {
  content: "";
  font-family: "bootstrap-icons";
  position: absolute;
  left: 0;
  top: 8px;
  background-color: #000;
  width: 7px;
  height: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tc-content ul li a {
  text-decoration: none;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

.white-popup-block {
  background: #fff;
  padding: 20px 30px;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  animation-name: animatemodal;
  animation-duration: 0.4s;
}

.white-popup-block p {
  font-weight: 700;
  font-size: 20px;
}

.white-popup-block .hb-btn {
  display: flex;
  gap: 10px;
  padding: 25px 0 0;
}

.white-popup-block .hb-btn a {
  text-decoration: none;
}

/* modal part end */
.popup-modal-dismiss {
  width: 40px;
  height: 40px;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}

.popup-modal-dismiss span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}

.popup-modal-dismiss span::before,
.popup-modal-dismiss span::after {
  content: "";
  background-color: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.popup-modal-dismiss span::before {
  height: 22px;
  width: 2px;
}

.popup-modal-dismiss span::after {
  height: 2px;
  width: 22px;
}

/* animation part */
@keyframes animatemodal {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 50%;
    opacity: 1;
  }
}

/* animation part end */
.faq-section {
  background-color: #f1f5ff;
  padding-top: 87px;
  padding-bottom: 85px;
}

@media (max-width: 767px) {
  .faq-section {
    padding-top: 47px;
    padding-bottom: 45px;
  }
}

.faq-section .faq-content {
  max-width: 800px;
  margin: 0 auto;
}

.faq-section .faq-content .fq-h2 {
  font-size: 25px;
  font-weight: 800;
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .faq-section .faq-content .fq-h2 {
    font-size: 20px;
  }
}

.faq-section .faq-content .fc-cont .accordion-faq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #b4bed9;
  padding-bottom: 27px;
  padding-top: 27px;
  cursor: pointer;
  transition: 0.4s;
  position: relative;
}

@media (max-width: 767px) {
  .faq-section .faq-content .fc-cont .accordion-faq {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 18px;
  }
}

.faq-section .faq-content .fc-cont .accordion-faq p {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

@media (max-width: 767px) {
  .faq-section .faq-content .fc-cont .accordion-faq p {
    font-size: 14px;
  }
}

.faq-section .faq-content .fc-cont .accordion-faq::after {
  content: "";
  position: absolute;
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  width: 17px;
  height: 10px;
  transition: all 0.35s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5698 0.02L9.19879 8.082L1.39379 0L0.00878906 1.434L9.23779 10.991L17.9918 1.414L16.5698 0.02Z' fill='black'/%3E%3C/svg%3E");
}

.faq-section .faq-content .fc-cont .accordion-faq.active {
  border: none;
}

.faq-section .faq-content .fc-cont .accordion-faq.active::after {
  transform: rotate(180deg);
}

.faq-section .faq-content .fc-cont .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.faq-section .faq-content .fc-cont .panel p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  border-bottom: 1px solid #b4bed9;
  padding-bottom: 24px;
  padding-right: 50px;
}

@media (max-width: 767px) {
  .faq-section .faq-content .fc-cont .panel p {
    font-size: 14px;
  }
}

.mfp-close-btn-in .mfp-close {
  background-color: #fff !important;
  text-align: center !important;
  color: #000 !important;
  width: 40px !important;
  height: 40px !important;
  right: -20px !important;
  opacity: 1 !important;
  top: -20px !important;
  padding-right: 0 !important;
}

@media (max-width: 991px) {
  .mfp-close-btn-in .mfp-close {
    right: 0 !important;
    top: -30px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 1.2 !important;
  }
}

.header-height-bar {
  min-height: 131px;
}

.main-header {
  padding-top: 45px;
  padding-bottom: 45px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #fff;
  transition: ease all 0.35s;
}

@media (max-width: 991px) {
  .main-header {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.fixed-header .main-header {
  padding-top: 25px;
  padding-bottom: 25px;
  box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.2);
}

.main-header .header-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .main-header .header-content {
    align-items: flex-start;
  }
}

.main-header .header-content img {
  display: block;
  max-width: 100%;
}

@media (max-width: 1200px) {
  .main-header .header-content .logo-h img {
    max-width: 220px;
  }
}

.main-header .header-content .nav-btn {
  display: flex;
  align-items: center;
  flex: 1;
}

@media (max-width: 1023px) {
  .main-header .header-content .nav-btn {
    position: fixed;
    top: 0;
    left: -500px;
    background-color: #fff;
    width: 450px;
    height: 100%;
    z-index: 11;
    transition: ease all 0.3s;
    padding: 30px;
    display: block;
  }

  .main-header .header-content .nav-btn.menu_open {
    left: 0;
    padding-top: 50px;
    max-width: 100%;
  }

  .main-header .header-content .nav-btn.menu_open+.backdrop {
    backdrop-filter: blur(2px);
    opacity: 1;
  }

  .main-header .header-content .nav-btn .mb_close_btn {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
  }

  .main-header .header-content .nav-btn .mb_close_btn span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
  }

  .main-header .header-content .nav-btn .mb_close_btn span::before,
  .main-header .header-content .nav-btn .mb_close_btn span::after {
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .main-header .header-content .nav-btn .mb_close_btn span::before {
    height: 22px;
    width: 2px;
  }

  .main-header .header-content .nav-btn .mb_close_btn span::after {
    height: 2px;
    width: 22px;
  }

  .main-header .header-content .nav-btn.menu_close-ug {
    display: none;
  }
}

@media (min-width: 1024px) {
  .main-header .header-content .nav-btn .mb_close_btn {
    display: none;
  }
}

@media (max-width: 767px) {
  .main-header .header-content .nav-btn {
    width: 300px;
    height: 100%;
  }
}

.main-header .header-content .nav-btn .btn-h {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 1023px) {
  .main-header .header-content .nav-btn .btn-h {
    flex-wrap: nowrap;
    padding-top: 30px;
    justify-content: flex-start;
  }
}

.main-header .header-content .nav-btn .btn-h a+a {
  margin-left: 8px;
}

.main-header .header-content .nav-btn .nav-h {
  margin: 0 auto;
}

.main-header .header-content .nav-btn .nav-h ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 4px;
}

@media (max-width: 1023px) {
  .main-header .header-content .nav-btn .nav-h ul {
    display: block;
  }
}

.main-header .header-content .nav-btn .nav-h ul li {
  position: relative;
}

.main-header .header-content .nav-btn .nav-h ul li a {
  text-decoration: none;
  font-weight: 600;
  color: #000;
  width: 100%;
  display: inline-block;
}

@media (max-width: 1023px) {
  .main-header .header-content .nav-btn .nav-h ul li a {
    font-size: 14px;
  }
}

.main-header .header-content .nav-btn .nav-h ul li+li {
  margin-left: 27px;
}

@media (max-width: 1023px) {
  .main-header .header-content .nav-btn .nav-h ul li+li {
    margin-left: 0;
    margin-top: 24px;
  }
}

.main-header .header-content .nav-btn .nav-h ul li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  width: 0;
  height: 3px;
  background-color: #c1abff;
  transition: all 0.35s;
}

.main-header .header-content .nav-btn .nav-h ul li.active::after,
.main-header .header-content .nav-btn .nav-h ul li:hover::after {
  width: 100%;
  right: auto;
}

@media (max-width: 991px) {

  .main-header .header-content .nav-btn .nav-h ul li.active::after,
  .main-header .header-content .nav-btn .nav-h ul li:hover::after {
    display: none;
  }
}

.main-header .header-content .backdrop {
  display: none;
}

@media (max-width: 1023px) {
  .main-header .header-content .backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: ease all 0.35s;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
  }
}

@media (min-width: 1024px) {
  .main-header .header-content .menu-open {
    display: none;
  }
}

@media (max-width: 1023px) {
  .main-header .header-content .menu-open {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    position: relative;
  }

  .main-header .header-content .menu-open span {
    width: 22px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0px 8px 0 #000, 0px -8px 0 #000;
    margin: auto;
  }
}

.hero-section {
  margin-top: 5px;
  padding-bottom: 59px;
}

@media (max-width: 991px) {
  .hero-section {
    margin-top: 0;
    padding-bottom: 40px;
  }
}

.hero-section .hs-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-section .hs-content {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }
}

.hero-section .hs-content .hs-txt {
  max-width: 500px;
  padding-top: 30px;
}

@media (max-width: 991px) {
  .hero-section .hs-content .hs-txt {
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  .hero-section .hs-content .hs-txt {
    max-width: 100%;
    padding-top: 0;
  }
}

.hero-section .hs-content .hs-txt .hs-head {
  font-size: 60px;
  font-weight: 800;
  padding-bottom: 34px;
}

@media (max-width: 991px) {
  .hero-section .hs-content .hs-txt .hs-head {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .hero-section .hs-content .hs-txt .hs-head {
    font-size: 35px;
    padding-bottom: 20px;
  }
}

.hero-section .hs-content .hs-txt .hs-head span {
  color: #5013ff;
}

.hero-section .hs-content .hs-txt .hs-head br {
  display: none;
}

.hero-section .hs-content .hs-txt .hs-des {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 27px;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .hero-section .hs-content .hs-txt .hs-des {
    font-size: 18px;
    line-height: 1.3;
  }
}

.hero-section .hs-content .hs-txt .hs-des strong {
  font-weight: 800;
}

.hero-section .hs-content .hs-txt .hs-des span {
  padding-left: 5px;
}

@media (max-width: 767px) {
  .hero-section .hs-content .hs-txt .hs-des {
    font-size: 16px;
    padding-bottom: 30px;
  }
}

.hero-section .hs-content .hs-txt .answers .hs-h4 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 27px;
}

.hero-section .hs-content .hs-txt .answers .hs1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.hero-section .hs-content .hs-txt .answers .hs1 img {
  padding-right: 10px;
}

.hero-section .hs-content .hs-txt .answers .hs1 p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

@media (max-width: 991px) {
  .hero-section .hs-content .hs-txt .answers .hs1 p {
    font-size: 16px;
  }
}

.hero-section .hs-content .hs-txt .answers .hs1+.hs1 {
  margin-top: 16px;
}

.hero-section .hs-content .hs-txt .answers .hs-h4 {
  padding-top: 45px;
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
}

.hero-section .hs-content .hs-txt .answers .hs-h4 span {
  padding-left: 5px;
  display: flex;
  font-weight: 800;
  justify-content: center;
  align-items: center;
}

.hero-section .hs-content .hs-txt .answers .hs-h4 span img {
  padding-left: 5px;
}

.hero-section .hs-content .hs-img {
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-section .hs-content .hs-img .ss-video {
  position: absolute;
}

.hero-section .hs-content .hs-img .ss-video .sv-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  width: 83px;
  height: 83px;
  position: relative;
  z-index: 1;
  transition: all 0.35s;
}

.hero-section .hs-content .hs-img .ss-video .sv-cont:hover {
  box-shadow: 0px 0px 0 20px rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  .hero-section .hs-content .hs-img .ss-video .sv-cont {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 767px) {
  .hero-section .hs-content .hs-img .ss-video img {
    width: 15px;
    height: 15px;
  }
}

.user-guide-section {
  background-color: #f1f5ff;
  padding-top: 80px;
  padding-bottom: 27px;
  position: relative;
}

.user-guide-section .vc-ug {
  position: absolute;
  top: 101px;
  left: 0;
}

@media (max-width: 991px) {
  .user-guide-section .vc-ug {
    display: none;
  }
}

@media (max-width: 991px) {
  .user-guide-section {
    padding-top: 50px;
  }
}

.user-guide-section .ug-menu {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.user-guide-section .ug-menu .ug-head {
  font-size: 60px;
  line-height: 1.1;
  font-weight: 800;
  padding-bottom: 19px;
}

@media (max-width: 991px) {
  .user-guide-section .ug-menu .ug-head {
    font-size: 40px;
    padding-bottom: 22px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .user-guide-section .ug-menu .ug-head {
    font-size: 30px;
    padding-bottom: 22px;
    line-height: 1.2;
  }
}

.user-guide-section .ug-menu .ug-head span {
  color: #5013ff;
}

@media (min-width: 1024px) {
  .user-guide-section .ug-menu .menu_open-ug {
    display: none;
  }
}

@media (max-width: 1023px) {
  .user-guide-section .ug-menu .menu_open-ug {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    position: relative;
  }

  .user-guide-section .ug-menu .menu_open-ug span {
    width: 22px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0px 8px 0 #000, 0px -8px 0 #000;
    margin: auto;
  }
}

.user-guide-section .ug-des {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 600;
  position: relative;
}

@media (max-width: 991px) {
  .user-guide-section .ug-des {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .user-guide-section .ug-des {
    font-size: 16px;
  }
}

.user-guide-section .ug-des strong {
  font-weight: 800;
}

.user-guide-section .ug-content {
  margin-top: 75px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 991px) {
  .user-guide-section .ug-content {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .user-guide-section .ug-content {
    flex-wrap: wrap;
  }
}

.user-guide-section .ug-content .nav-btn-ug {
  width: 40.8%;
  flex: 0 0 40.8%;
  padding-bottom: 50px;
  position: sticky;
  top: 120px;
}

@media (max-width: 1023px) {
  .user-guide-section .ug-content .nav-btn-ug {
    position: fixed;
    top: 0;
    left: -500px;
    background-color: #f1f5ff;
    width: 450px;
    height: 100%;
    z-index: 111111;
    transition: ease all 0.3s;
    padding: 6px;
    display: block;
  }

  .user-guide-section .ug-content .nav-btn-ug.menu_open-ug {
    left: 0;
    padding-top: 50px;
    max-width: 100%;
  }

  .user-guide-section .ug-content .nav-btn-ug .mb_close_btn-ug {
    width: 40px;
    height: 40px;
    background-color: #f1f5ff;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
  }

  .user-guide-section .ug-content .nav-btn-ug .mb_close_btn-ug span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
  }

  .user-guide-section .ug-content .nav-btn-ug .mb_close_btn-ug span::before,
  .user-guide-section .ug-content .nav-btn-ug .mb_close_btn-ug span::after {
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .user-guide-section .ug-content .nav-btn-ug .mb_close_btn-ug span::before {
    height: 22px;
    width: 2px;
  }

  .user-guide-section .ug-content .nav-btn-ug .mb_close_btn-ug span::after {
    height: 2px;
    width: 22px;
  }

  .user-guide-section .ug-content .nav-btn-ug.menu_close-ug {
    display: none;
  }
}

@media (min-width: 1024px) {
  .user-guide-section .ug-content .nav-btn-ug .mb_close_btn-ug {
    display: none;
  }
}

@media (max-width: 767px) {
  .user-guide-section .ug-content .nav-btn-ug {
    width: 300px;
    height: 100%;
  }
}

@media (max-width: 991px) {
  .user-guide-section .ug-content .nav-btn-ug .ug-txt {
    width: 100%;
    padding-left: 50px;
    flex: 0 0 100%;
  }
}

@media (max-width: 767px) {
  .user-guide-section .ug-content .nav-btn-ug .ug-txt {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.user-guide-section .ug-content .nav-btn-ug .ug-txt .ug {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #cdbcff;
  padding-bottom: 18px;
  position: relative;
  max-width: 411px;
  cursor: pointer;
}

@media (max-width: 991px) {
  .user-guide-section .ug-content .nav-btn-ug .ug-txt .ug {
    max-width: 350px;
  }
}

@media (max-width: 767px) {
  .user-guide-section .ug-content .nav-btn-ug .ug-txt .ug {
    max-width: 100%;
  }
}

.user-guide-section .ug-content .nav-btn-ug .ug-txt .ug+.ug {
  padding-top: 18px;
}

.user-guide-section .ug-content .nav-btn-ug .ug-txt .ug p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  padding-left: 19px;
}

@media (max-width: 767px) {
  .user-guide-section .ug-content .nav-btn-ug .ug-txt .ug p {
    font-size: 16px;
  }
}

.user-guide-section .ug-content .nav-btn-ug .ug-txt .ug.active {
  position: relative;
}

.user-guide-section .ug-content .nav-btn-ug .ug-txt .ug.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 100%;
  background-color: #5013ff;
}

.user-guide-section .ug-content .nav-btn-ug .ug-txt .ug.active p {
  font-size: 22px;
  font-weight: 800;
}

@media (max-width: 767px) {
  .user-guide-section .ug-content .nav-btn-ug .ug-txt .ug.active p {
    font-size: 16px;
  }
}

.user-guide-section .ug-content .nav-btn-ug .ug-txt .ug::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 0%;
  background-color: #5013ff;
  transition: all 0.6s ease-in-out;
}

.user-guide-section .ug-content .nav-btn-ug .ug-txt .ug:hover::after {
  width: 100%;
}

.user-guide-section .ug-content .ss-img-cont {
  display: flex;
  flex-wrap: wrap;
  width: 59.2%;
  flex: 0 0 59.2%;
}

@media (max-width: 991px) {
  .user-guide-section .ug-content .ss-img-cont {
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    flex: 0 0 100%;
  }
}

.user-guide-section .ug-content .ss-img-cont .s1 {
  flex: 0 0 33.3333333333%;
  width: 33.3333333333%;
}

@media (max-width: 991px) {
  .user-guide-section .ug-content .ss-img-cont .s1 {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .user-guide-section .ug-content .ss-img-cont .s1 {
    flex: 0 0 33.3333333333%;
    width: 33.3333333333%;
    padding-bottom: 0;
  }
}

@media (max-width: 600px) {
  .user-guide-section .ug-content .ss-img-cont .s1 {
    flex: 0 0 50%;
    width: 50%;
  }
}

.user-guide-section .ug-content .ss-img-cont .s1 .s1-cont {
  padding: 0 12px;
}

.user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-contt {
  position: relative;
  border-radius: 18px;
}

.user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-contt .img-cont-ss {
  width: 100%;
  border-radius: 16px;
}

.user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-contt .ss-video {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-contt .ss-video .sv-cont {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.35s;
}

.user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-contt .ss-video .sv-cont:hover {
  box-shadow: 0px 0px 0 6px rgba(255, 255, 255, 0.2);
}

.user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-txt {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  min-height: 120px;
  padding-top: 12px;
}

@media (max-width: 991px) {
  .user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-txt {
    min-height: 80px;
  }
}

@media (max-width: 767px) {
  .user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-txt {
    text-align: center;
    min-height: 100px;
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  .user-guide-section .ug-content .ss-img-cont .s1 .s1-cont .ss-txt {
    min-height: 70px;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 8px;
  }
}

.customer-section1 {
  position: relative;
  padding-top: 71px;
  background-color: #a7ffd0;
  padding-bottom: 87px;
}

@media (max-width: 991px) {
  .customer-section1 {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .customer-section1 {
    padding-top: 40px;
    padding-bottom: 47px;
  }
}

.customer-section1 .swiper-button-prev {
  position: relative;
  top: auto;
  bottom: -23px;
  left: 0;
}

.customer-section1 .swiper-button-prev::after {
  content: "";
}

.customer-section1 .swiper-button-next {
  position: relative;
  top: auto;
  bottom: -45px;
  right: -96.5%;
}

@media (max-width: 767px) {
  .customer-section1 .swiper-button-next {
    right: -91.5%;
  }
}

.customer-section1 .swiper-button-next::after {
  content: "";
}

.customer-section1 .cs-content .ps-h2 {
  font-size: 60px;
  font-weight: 800;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .ps-h2 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .customer-section1 .cs-content .ps-h2 {
    font-size: 33px;
  }
}

.customer-section1 .cs-content .ps-h2 span {
  color: #5013ff;
}

.customer-section1 .cs-content .cs-h-img {
  display: flex;
  align-items: center;
}

.customer-section1 .cs-content .cs-h-img .emj {
  margin-right: -4px;
  z-index: 1;
}

.customer-section1 .cs-content .cs-h-img .i2 {
  margin-left: -4px;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .cs-h-img .i2 {
    margin-left: -13px;
  }
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .cs-h-img .i2 img {
    max-width: 90%;
  }
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .cs-h-img .i1 img {
    max-width: 90%;
  }
}

.customer-section1 .cs-content .ctdp-p {
  font-size: 18px;
  font-weight: 800;
  padding-bottom: 66px;
  padding-top: 21px;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .ctdp-p {
    padding-bottom: 40px;
    padding-top: 18px;
  }
}

@media (max-width: 767px) {
  .customer-section1 .cs-content .ctdp-p {
    padding-top: 10px;
  }
}

.customer-section1 .cs-content .ctdp-p span {
  padding-left: 5px;
  padding-right: 5px;
}

.customer-section1 .cs-content .our_user_Swiper1 {
  padding-bottom: 10px;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 {
    padding-bottom: 40px;
  }
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text {
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction {
  position: relative;
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt {
  position: absolute;
  top: 0;
  left: 0;
  padding: 35px 50px;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt {
    padding: 25px;
  }
}

@media (max-width: 767px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt {
    padding: 50px;
  }
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt h2 {
  font-size: 60px;
  font-weight: 800;
  color: #00351e;
  padding-bottom: 5px;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt h2 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt h2 {
    font-size: 50px;
  }
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt p {
    font-size: 16px;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt p {
    font-size: 18px;
  }
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .reduction .rtxt p strong {
  font-weight: 800;
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .ct {
  border-top: 1px solid #45a371;
  max-width: 790px;
  width: 100%;
  padding-top: 33px;
}

@media (max-width: 767px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .ct {
    border: none;
  }
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .ct .ct-txt {
  font-size: 25px;
  line-height: 1.5;
  font-weight: 600;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .ct .ct-txt {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .ct .ct-txt br {
    display: none;
  }
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .ct .ct-txt span {
  padding-right: 27px;
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .ct .ct-txt strong {
  font-weight: 800;
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .rate {
  padding-top: 46px;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .rate {
    padding-top: 30px;
    padding-left: 10px;
  }
}

.customer-section1 .cs-content .our_user_Swiper1 .cs-text .rate .ct-cs {
  text-align: start;
  font-size: 18px;
  font-weight: 800;
  padding-top: 10px;
  text-transform: capitalize;
}

@media (max-width: 991px) {
  .customer-section1 .cs-content .our_user_Swiper1 .cs-text .rate .ct-cs {
    font-size: 16px;
  }
}

.download {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .download {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.download .download-app .dp-h2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 87px;
}

@media (max-width: 991px) {
  .download .download-app .dp-h2 {
    font-size: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .download .download-app .dp-h2 {
    font-size: 28px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .download .download-app .dp-h2 .img {
    max-width: 50%;
  }
}

.download .download-app .dp-h2 .rocket {
  padding-right: 7px;
}

.download .download-app .dp-h2 .vector {
  animation: 2.5s vector infinite;
  animation-timing-function: linear;
}

@keyframes vector {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.download .download-app span {
  color: #ff2525;
}

.download .dp-cont1 {
  text-align: center;
  max-width: 804px;
  margin: 0 auto;
}

.download .dp-cont1 .dp-swip {
  position: relative;
}

.download .dp-cont1 .dp-swip .swip-prev {
  position: absolute;
  top: 40%;
  left: -121px;
}

@media (max-width: 991px) {
  .download .dp-cont1 .dp-swip .swip-prev {
    display: none;
  }
}

.download .dp-cont1 .dp-swip .swip-prev::after {
  content: "";
}

.download .dp-cont1 .dp-swip .swip-next {
  position: absolute;
  top: 40%;
  right: -121px;
}

@media (max-width: 991px) {
  .download .dp-cont1 .dp-swip .swip-next {
    display: none;
  }
}

.download .dp-cont1 .dp-swip .swip-next::after {
  content: "";
}

.download .dp-cont1 .dp-head {
  padding-top: 60px;
  position: relative;
}

.download .dp-cont1 .dp-head .dp-span {
  position: absolute;
  top: 40px;
  right: 30%;
}

@media (max-width: 767px) {
  .download .dp-cont1 .dp-head .dp-span {
    right: 10%;
    top: 30px;
  }
}

.download .dp-cont1 .dp-head .dp-h3 {
  font-size: 100px;
  font-weight: 800;
  background: rgb(80, 19, 255);
  background: linear-gradient(90deg, rgb(80, 19, 255) 40%, rgb(0, 189, 142) 64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {
  .download .dp-cont1 .dp-head .dp-h3 {
    font-size: 70px;
  }
}

@media (max-width: 767px) {
  .download .dp-cont1 .dp-head .dp-h3 {
    font-size: 45px;
  }
}

.download .dp-cont1 .dp-dwnld {
  font-size: 25px;
  font-weight: 600;
  padding-top: 10px;
}

@media (max-width: 991px) {
  .download .dp-cont1 .dp-dwnld {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .download .dp-cont1 .dp-dwnld {
    font-size: 16px;
  }
}

.download .dp-cont1 .dp-dwnld strong {
  font-weight: 700;
}

.download .dp-cont1 .dp-dwnld span {
  color: #5013ff;
  font-weight: 700;
}

.download .dp-cont1 .avail {
  font-size: 18px;
  line-height: 28px;
  padding-top: 62px;
  padding-bottom: 20px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .download .dp-cont1 .avail {
    font-size: 16px;
    padding-top: 40px;
  }
}

.download .dp-cont1 .hb-btn a {
  position: relative;
  top: 0;
  transition: ease all 0.35s;
}

.download .dp-cont1 .hb-btn a:hover {
  top: -3px;
}

section.hero-banner {
  padding-bottom: 80px;
  border-bottom: 1px solid #b4bed9;
}

.hero-banner .hb-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  /* -------------------------------- 

          xscale 

          -------------------------------- */
}

@media (max-width: 767px) {
  .hero-banner .hb-content {
    flex-direction: column;
  }
}

.hero-banner .hb-content .cd-words-wrapper {
  display: inline;
  position: relative;
  text-align: left;
}

.cd-purple {
  color: #5013ff;
  display: block !important;
}

/* .hero-banner .hb-content .cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}

.hero-banner .hb-content .cd-words-wrapper b.is-visible {
  position: relative;
}

.hero-banner .hb-content .no-js .cd-words-wrapper b {
  opacity: 0;
}

.hero-banner .hb-content .no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

.hero-banner .hb-content .cd-headline.scale b {
  opacity: 0;
} */

.hero-banner .hb-content .cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  font-style: normal !important;
  font-weight: 800;
  color: #5013ff;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.hero-banner .hb-content .is-visible .cd-headline.scale i {
  opacity: 1;
}

.hero-banner .hb-content .cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}

.hero-banner .hb-content .cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.hero-banner .hb-content .no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.hero-banner .hb-content .no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }

  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }

  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}

@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}

@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }

  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}

@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

.hero-banner .hb-content .hb-text {
  width: 47%;
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-text {
    width: 100%;
  }
}

.hero-banner .hb-content .hb-text .hb-head {
  font-size: 60px;
  font-weight: 800;
  line-height: 120%;
  padding-bottom: 26px;
  letter-spacing: -1.15px;
}

@media (max-width: 991px) {
  .hero-banner .hb-content .hb-text .hb-head {
    font-size: 45px;
  }
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-text .hb-head {
    font-size: 38px;
    padding-bottom: 18px;
  }
}

.hero-banner .hb-content .hb-text .hb-p {
  font-size: 22px;
  font-weight: 500;
  line-height: 35px;
  padding-bottom: 40px;
  /* max-width: 414px; */
}

@media (max-width: 991px) {
  .hero-banner .hb-content .hb-text .hb-p {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-text .hb-p {
    font-size: 16px;
    line-height: 150%;
    padding-bottom: 30px;
  }
}

.hero-banner .hb-content .hb-text .hb-p strong {
  font-weight: 800;
}

.hero-banner .hb-content .hb-text .hb-review {
  margin-bottom: 48px;
  border: 1px solid #5013ff;
  border-radius: 10px;
  max-width: 432px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 4px;
  box-shadow: 3px 4px 0 #5013ff;
  position: relative;
  background-color: #fff;
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-text .hb-review {
    max-width: 300px;
    margin-bottom: 30px;
  }
}

.hero-banner .hb-content .hb-text .hb-review .hb-border {
  background-color: #fff;
  position: absolute;
  right: -5px;
  bottom: -2px;
  width: 31px;
  height: 17px;
  border-bottom: 1px solid #5013ff;
  transform: rotate(15deg) skew(51deg, -2deg);
  box-shadow: 3px 4px 0 -1px #5013ff;
}

.hero-banner .hb-content .hb-text .hb-review p {
  font-size: 20px;
  line-height: 35px;
  font-weight: 800;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
}

.hero-banner .hb-content .hb-text .hb-review p img {
  padding-left: 7px;
  padding-bottom: 2px;
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-text .hb-review p {
    font-size: 17px;
  }
}

.hero-banner .hb-content .hb-text .hb-review p .hb-re {
  font-size: 16px;
  padding-left: 10px;
  line-height: 35px;
  font-weight: 800;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-text .hb-review p .hb-re {
    font-size: 15px;
  }
}

.hero-banner .hb-content .hb-text .hb-download {
  font-size: 20px;
  line-height: 35px;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-text .hb-download {
    font-size: 18px;
  }
}

.hero-banner .hb-content .hb-text .hb-download strong {
  font-weight: 800;
  color: #ff2525;
}

.hero-banner .hb-content .hb-text .hb-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 50px;
}

.hero-banner .hb-content .hb-text .hb-btn a {
  position: relative;
  top: 0;
  transition: ease all 0.35s;
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-text .hb-btn a img {
    width: 160px;
    height: 60px;
  }
}

.hero-banner .hb-content .hb-text .hb-btn a:hover {
  top: -3px;
}

.hero-banner .hb-content .hb-text .hb-btn a+a {
  margin-left: 4px;
}

.hero-banner .hb-content .hb-img {
  width: auto;
  padding-left: 5px;
}

.hero-banner .hb-content .hb-img img {
  max-width: 100%;
  display: block;
}

@media (max-width: 767px) {
  .hero-banner .hb-content .hb-img {
    width: 100%;
    padding-top: 45px;
    text-align: center;
  }
}

.cta-section {
  margin-top: 50px;
  background-color: #5013ff;
  position: relative;
}

.cta-section img {
  max-width: 100%;
  display: block;
}

.cta-section .fire-craker-cta {
  position: absolute;
  top: 6.3%;
  left: 13.2%;
  right: 0;
  bottom: 0;
  text-align: center;
}

@media (max-width: 991px) {
  .cta-section .fire-craker-cta {
    top: 19.3%;
    left: 3.2%;
  }
}

@media (max-width: 767px) {
  .cta-section .fire-craker-cta {
    top: 31.3%;
    left: 4.2%;
  }
}

.cta-section .cta-ps {
  position: absolute;
}

.cta-section .cta-ps img {
  /* animation properties */
  animation-name: my-animation;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes my-animation {
  from {
    width: 100%;
    top: 10px;
  }

  to {
    width: 80%;
    top: 100px;
  }
}

@media (max-width: 991px) {
  .cta-section .cta-ps img {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .cta-section .cta-ps img {
    width: 100%;
  }
}

.cta-section .cta-i1 {
  top: 31.3%;
  right: 22.1%;
}

@media (max-width: 991px) {
  .cta-section .cta-i1 {
    top: 31.3%;
    right: 13.1%;
  }
}

@media (max-width: 767px) {
  .cta-section .cta-i1 {
    display: none;
  }
}

.cta-section .cta-i2 {
  top: 16.6%;
  right: 5.5%;
}

@media (max-width: 991px) {
  .cta-section .cta-i2 {
    top: 9.6%;
    right: 3.5%;
  }
}

@media (max-width: 767px) {
  .cta-section .cta-i2 {
    top: 9.6%;
    right: 1.5%;
    width: 16%;
  }
}

@media (max-width: 767px) {
  .cta-section .cta-i2 img {
    width: 50%;
  }
}

.cta-section .cta-i3 {
  bottom: 26.4%;
  right: 12.6%;
}

@media (max-width: 991px) {
  .cta-section .cta-i3 {
    bottom: 18.4%;
    right: 6.6%;
  }
}

@media (max-width: 767px) {
  .cta-section .cta-i3 {
    bottom: 11.4%;
    right: 8.6%;
  }
}

.cta-section .cta-i4 {
  bottom: 34%;
  left: 21.8%;
}

@media (max-width: 991px) {
  .cta-section .cta-i4 {
    bottom: 48%;
    left: 12.8%;
  }
}

@media (max-width: 767px) {
  .cta-section .cta-i4 {
    display: none;
  }
}

.cta-section .cta-i5 {
  top: 22.8%;
  left: 11.9%;
}

@media (max-width: 991px) {
  .cta-section .cta-i5 {
    top: 11.3%;
    left: 2.5%;
  }
}

@media (max-width: 767px) {
  .cta-section .cta-i5 {
    top: 15.8%;
    left: 6.4%;
    width: 16%;
  }
}

.cta-i6 {
  bottom: 25.3%;
  left: 3.5%;
}

@media (max-width: 991px) {
  .cta-i6 {
    bottom: 14.3%;
    left: 3.5%;
  }
}

@media (max-width: 767px) {
  .cta-i6 {
    display: none;
  }
}

.cta-content {
  position: relative;
  /* min-height: 368px; */
  padding: 100px 0 117px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 860px;
  margin: auto;
}

@media (max-width: 767px) {
  .cta-content {
    min-height: 225px;
  }
}

.cta-content .cta-h2 {
  font-size: 100px;
  font-weight: 800;
  color: #fff;
  padding-bottom: 23px;
  /* display: flex; */
  display: none;
}

@media (max-width: 991px) {
  .cta-content .cta-h2 {
    font-size: 70px;
  }
}

@media (max-width: 767px) {
  .cta-content .cta-h2 {
    font-size: 45px;
    padding-bottom: 12px;
  }
}

.cta-content .cta-p {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
}

.cta-content .cta-p strong {
  font-weight: 700;
}

@media (max-width: 991px) {
  .cta-content .cta-p {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .cta-content .cta-p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .cta-content .cta-p br {
    display: none;
  }
}

.features-section {
  background-color: #f1f5ff;
  padding-top: 82px;
  padding-bottom: 102px;
  display: none;
}

@media (max-width: 991px) {
  .features-section {
    padding-top: 42px;
    padding-bottom: 52px;
  }
}

.features-section img {
  display: block;
}

.features-section .fs-content .fs-head .fs-h2 {
  font-size: 60px;
  font-weight: 800;
  color: #000;
  padding-bottom: 20px;
}

.features-section .fs-content .fs-head .fs-h2 span {
  color: #5013ff;
}

@media (max-width: 991px) {
  .features-section .fs-content .fs-head .fs-h2 {
    font-size: 45px;
  }
}

@media (max-width: 767px) {
  .features-section .fs-content .fs-head .fs-h2 {
    font-size: 33px;
  }
}

@media (max-width: 991px) {
  .features-section .fs-content .fs-head .fs-h2 br {
    display: none;
  }
}

.features-section .fs-content .fs-head .fs-p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .features-section .fs-content .fs-head .fs-p {
    font-size: 16px;
  }
}

.features-section .fs-content .ath_tabs {
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #b4bed9;
  margin-top: 84px;
  margin-bottom: 106px;
  list-style: none;
  cursor: pointer;
}

@media (max-width: 991px) {
  .features-section .fs-content .ath_tabs {
    margin-top: 42px;
    margin-bottom: 52px;
  }
}

@media (max-width: 767px) {
  .features-section .fs-content .ath_tabs {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.features-section .fs-content .ath_tabs .ath_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 31px;
  padding-right: 57px;
  position: relative;
  text-decoration: none;
  color: #000;
}

@media (max-width: 1200px) {
  .features-section .fs-content .ath_tabs .ath_tab {
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .features-section .fs-content .ath_tabs .ath_tab {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    margin: 0 auto;
  }
}

.features-section .fs-content .ath_tabs .ath_tab .fs-txt {
  padding-left: 7px;
  font-size: 25px;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 1200px) {
  .features-section .fs-content .ath_tabs .ath_tab .fs-txt {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .features-section .fs-content .ath_tabs .ath_tab .fs-txt {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .features-section .fs-content .ath_tabs .ath_tab .fs-txt {
    display: none;
  }
}

.features-section .fs-content .ath_tabs .ath_tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0%;
  background-color: #5013ff;
  height: 5px;
  transition: all 0.5s;
}

.features-section .fs-content .ath_tabs .ath_tab.active::after,
.features-section .fs-content .ath_tabs .ath_tab:hover::after {
  width: 100%;
  right: auto;
}

.features-section .fs-content .ath_tab_content {
  display: none;
}

.features-section .fs-content .ath_tab_content.active {
  display: block;
}

.features-section .fs-content .fs-tab-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .features-section .fs-content .fs-tab-text {
    flex-wrap: wrap;
  }
}

.features-section .fs-content .fs-tab-text .fs-tc-img {
  padding-left: 90px;
}

@media (max-width: 991px) {
  .features-section .fs-content .fs-tab-text .fs-tc-img {
    padding-left: 0;
    width: 50%;
  }
}

@media (max-width: 767px) {
  .features-section .fs-content .fs-tab-text .fs-tc-img {
    width: 100%;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.features-section .fs-content .fs-tab-text .fs-tc-cont {
  width: 43%;
  padding-top: 19px;
  padding-right: 10px;
}

@media (max-width: 991px) {
  .features-section .fs-content .fs-tab-text .fs-tc-cont {
    width: 50%;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .features-section .fs-content .fs-tab-text .fs-tc-cont {
    width: 100%;
    padding-top: 30px;
  }
}

.features-section .fs-content .fs-tab-text .fs-tc-cont .fs-tc-txt .fs-tc-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.features-section .fs-content .fs-tab-text .fs-tc-cont .fs-tc-txt .fs-tc-head .fs-tc-h4 {
  font-size: 20px;
  font-weight: 800;
  padding-left: 14px;
}

@media (max-width: 991px) {
  .features-section .fs-content .fs-tab-text .fs-tc-cont .fs-tc-txt .fs-tc-head .fs-tc-h4 {
    font-size: 18px;
  }
}

.features-section .fs-content .fs-tab-text .fs-tc-cont .fs-tc-txt .fs-tc-p {
  font-size: 18px;
  font-weight: 500;
  padding-top: 21px;
  padding-left: 33px;
  line-height: 28px;
}

@media (max-width: 991px) {
  .features-section .fs-content .fs-tab-text .fs-tc-cont .fs-tc-txt .fs-tc-p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .features-section .fs-content .fs-tab-text .fs-tc-cont .fs-tc-txt .fs-tc-p {
    padding-top: 15px;
  }
}

.features-section .fs-content .fs-tab-text .fs-tc-cont .fs-tc-txt+.fs-tc-txt {
  padding-top: 35px;
}

@media (max-width: 767px) {
  .features-section .fs-content .fs-tab-text .fs-tc-cont .fs-tc-txt+.fs-tc-txt {
    padding-top: 25px;
  }
}

.features-section .fs-content .fs-tc-btn {
  padding-top: 56px;
  padding-left: 39px;
}

@media (max-width: 767px) {
  .features-section .fs-content .fs-tc-btn {
    padding-top: 30px;
  }
}

.features-section .fs-content .fs-tc-btn a {
  text-decoration: none;
  color: #fff;
  background-color: #5013ff;
  font-size: 20px;
  line-height: 1.1;
  display: inline-block;
  padding: 11px 26px;
  font-weight: 500;
  border-radius: 10px;
}

.people-section {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 146px;
  position: relative;
}

@media (max-width: 991px) {
  .people-section {
    padding-top: 40px;
    padding-bottom: 100px;
  }
}

.people-section .swiper-button-prev {
  position: absolute;
  top: auto;
  bottom: -80px;
}

.people-section .swiper-button-prev::after {
  content: "";
}

.people-section .swiper-button-next {
  position: absolute;
  top: auto;
  bottom: -80px;
}

.people-section .swiper-button-next::after {
  content: "";
}

.people-section .ps-h2 {
  font-size: 60px;
  font-weight: 800;
  padding-bottom: 73px;
}

@media (max-width: 991px) {
  .people-section .ps-h2 {
    font-size: 45px;
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .people-section .ps-h2 {
    font-size: 33px;
    padding-bottom: 30px;
  }
}

.people-section .ps-h2 span {
  color: #5013ff;
}

.people-section .people_loved_Swiper {
  overflow: inherit;
}

.people-section .people_loved_Swiper .ps-cont-img {
  position: relative;
}

.people-section .people_loved_Swiper .ps-cont-img img {
  display: block;
  width: 100%;
}

.people-section .people_loved_Swiper .ps-cont-img .ps-cont-txt {
  position: absolute;
  bottom: 14px;
  left: 14px;
  background-color: #fff;
  border-radius: 12px;
  padding-left: 40px;
  padding-right: 19px;
  padding-top: 30px;
  padding-bottom: 36px;
  border: 1px solid #5013ff;
  max-width: 352px;
  width: 100%;
  box-shadow: 0px 5px 10px 0px rgba(6, 45, 62, 0.38);
}

@media (max-width: 991px) {
  .people-section .people_loved_Swiper .ps-cont-img .ps-cont-txt {
    padding-left: 27px;
    padding-right: 20px;
    padding-top: 26px;
    padding-bottom: 19px;
    max-width: 237px;
  }
}

.people-section .people_loved_Swiper .ps-cont-img .ps-cont-txt .ps-h4 {
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 10px;
}

.people-section .people_loved_Swiper .ps-cont-img .ps-cont-txt .ps-h4 strong {
  font-weight: 800;
}

@media (max-width: 991px) {
  .people-section .people_loved_Swiper .ps-cont-img .ps-cont-txt .ps-h4 {
    font-size: 18px;
  }
}

.people-section .people_loved_Swiper .ps-cont-img .ps-cont-txt .ps-p {
  font-size: 18px;
  line-height: 35px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .people-section .people_loved_Swiper .ps-cont-img .ps-cont-txt .ps-p {
    font-size: 14px;
  }
}

.ask-ai-section {
  background-color: #100533;
  padding-bottom: 96px;
  padding-top: 70px;
  overflow: hidden;
}

.ask-ai-section .as-content .as-h2 {
  font-size: 60px;
  font-weight: 800;
  color: #fff;
  padding-bottom: 18px;
}

.ask-ai-section .as-content .as-h2 span {
  color: #ffd240;
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-h2 {
    font-size: 50px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-h2 {
    font-size: 33px;
    text-align: center;
  }
}

.ask-ai-section .as-content .as-p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
  padding-bottom: 90px;
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-p {
    font-size: 16px;
    padding-bottom: 50px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .ask-ai-section .as-content .as-p {
    padding-bottom: 40px;
  }
}

.ask-ai-section .as-content .as-cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

.ask-ai-section .as-content .as-cont .as-text {
  max-width: 434px;
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont .as-text {
    width: 100%;
  }
}

.ask-ai-section .as-content .as-cont .as-text .as-des {
  display: flex;
}

.ask-ai-section .as-content .as-cont .as-text .as-des span {
  flex: 0 0 23px;
}

.ask-ai-section .as-content .as-cont .as-text .as-des p {
  font-size: 18px;
  font-weight: 600;
  padding-left: 12px;
  color: #fff;
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont .as-text .as-des p {
    font-size: 16px;
  }
}

.ask-ai-section .as-content .as-cont .as-text .as-des+.as-des {
  padding-top: 25px;
}

.ask-ai-section .as-content .as-cont .as-text .as-video-btn {
  margin-top: 48px;
  display: flex;
}

@media (max-width: 767px) {
  .ask-ai-section .as-content .as-cont .as-text .as-video-btn {
    margin-top: 40px;
  }
}

.ask-ai-section .as-content .as-cont .as-text .as-video-btn .aas-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont .as-text .as-video-btn .aas-txt {
    width: 100%;
  }
}

.ask-ai-section .as-content .as-cont .as-text .as-video-btn .aas-txt img {
  display: block;
}

.ask-ai-section .as-content .as-cont .as-text .as-video-btn .aas-txt .star {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background: white;
}

.ask-ai-section .as-content .as-cont .as-text .as-video-btn .aas-txt .as-wv {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.ask-ai-section .as-content .as-cont .as-text .as-video-btn .aas-txt .as-wv span {
  padding-right: 19px;
}

.ask-ai-section .as-content .as-cont .as-text .as-video-btn .aas-txt .as-wv span img {
  display: block;
}

.ask-ai-section .as-content .as-cont .as-img-cont {
  padding-right: 102px;
}

@media (max-width: 767px) {
  .ask-ai-section .as-content .as-cont .as-img-cont {
    padding-right: 50px;
  }
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont .as-img-cont {
    width: 100%;
    padding-right: 0;
    margin: 0 auto;
    padding-top: 80px;
  }
}

.ask-ai-section .as-content .as-cont .as-img-cont .as-speak {
  position: relative;
  text-align: center;
  padding-top: 57px;
  border-radius: 15px;
  background-color: #ffd240;
  max-width: 369px;
  width: 100%;
  padding-bottom: 91px;
  padding-left: 60px;
  padding-right: 60px;
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont .as-img-cont .as-speak {
    margin: 0 auto;
  }
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont .as-img-cont .as-speak {
    max-width: 300px;
  }
}

.ask-ai-section .as-content .as-cont .as-img-cont .as-speak .aic-txt {
  font-size: 25px;
  font-weight: 700;
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont .as-img-cont .as-speak .aic-txt {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .ask-ai-section .as-content .as-cont .as-img-cont .as-speak .aic-txt br {
    display: none;
  }
}

.ask-ai-section .as-content .as-cont .as-img-cont .as-speak .as-mike {
  margin: 0 auto;
  position: absolute;
  width: 121px;
  height: 121px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  bottom: -50px;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 11;
}

.ask-ai-section .as-content .as-cont .as-img-cont .as-speak::after {
  content: "";
  width: 158px;
  height: 158px;
  border-radius: 50%;
  bottom: -68px;
  left: 0;
  position: absolute;
  right: 0;
  margin: 0 auto;
  animation: pulsate infinite 1.5s;
}

@keyframes pulsate {
  0% {
    background-color: rgba(255, 255, 255, 0.3);
    transform: scale(1, 1);
    opacity: 1;
  }

  100% {
    transform: scale(1.3, 1.3);
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.2);
  }
}

.ask-ai-section .as-content .as-cont .as-img-cont .as-star1 {
  position: absolute;
  top: -23px;
  right: -38px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ask-ai-section .as-content .as-cont .as-img-cont .star {
  animation: 2.5s rotate infinite;
  animation-timing-function: linear;
}

.ask-ai-section .as-content .as-cont .as-img-cont .as-star2 {
  position: absolute;
  bottom: 50px;
  right: -31px;
}

.ask-ai-section .as-content .as-cont .as-img-cont .as-star3 {
  position: absolute;
  top: 0;
  left: -30px;
}

.seeit-section {
  position: relative;
  padding-top: 82px;
}

@media (max-width: 991px) {
  .seeit-section {
    padding-top: 42px;
  }
}

.seeit-section::after {
  content: "";
  position: absolute;
  top: 65%;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #f1f5ff;
  z-index: -14;
}

.seeit-section .ss-h2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 15px;
}

@media (max-width: 767px) {
  .seeit-section .ss-h2 {
    font-size: 33px;
    padding-bottom: 20px;
  }
}

.seeit-section .ss-h2 span {
  color: #5013ff;
}

.seeit-section .ss-para {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 28px;
  padding-bottom: 82px;
}

@media (max-width: 991px) {
  .seeit-section .ss-para {
    padding-bottom: 42px;
  }
}

@media (max-width: 991px) {
  .seeit-section .ss-para {
    font-size: 16px;
    padding-bottom: 22px;
  }
}

.seeit-section .ss-content .ss-img {
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.seeit-section .ss-content .ss-img .ss-video {
  position: absolute;
}

.seeit-section .ss-content .ss-img .ss-video .sv-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  width: 115px;
  height: 115px;
  transition: all 0.35s;
}

.seeit-section .ss-content .ss-img .ss-video .sv-cont:hover {
  box-shadow: 0px 0px 0 20px rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  .seeit-section .ss-content .ss-img .ss-video .sv-cont {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 767px) {
  .seeit-section .ss-content .ss-img .ss-video img {
    width: 15px;
    height: 15px;
  }
}

.services-section {
  padding-top: 75px;
  background-color: #f1f5ff;
}

@media (max-width: 991px) {
  .services-section {
    padding-top: 40px;
  }
}

.services-section .ss-cont .ss-head {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 58px;
}

.services-section .ss-cont .ss-head strong {
  font-weight: 800;
}

@media (max-width: 991px) {
  .services-section .ss-cont .ss-head {
    padding-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .services-section .ss-cont .ss-head {
    font-size: 18px;
    padding-bottom: 30px;
  }
}

.services-section .ss-cont .ss-img-cont {
  display: flex;
  gap: 30px;
}

@media (max-width: 991px) {
  .services-section .ss-cont .ss-img-cont {
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .services-section .ss-cont .ss-img-cont .s1 {
    flex: 0 0 calc(33.3333333333% - 30px);
    width: calc(33.3333333333% - 30px);
  }
}

@media (max-width: 500px) {
  .services-section .ss-cont .ss-img-cont .s1 {
    flex: 0 0 calc(50% - 15px);
    width: calc(50% - 15px);
  }
}

.services-section .ss-cont .ss-img-cont .s1 .ss-contt {
  position: relative;
}

.services-section .ss-cont .ss-img-cont .s1 .ss-contt .img-cont-ss {
  border-radius: 16px;
}

.services-section .ss-cont .ss-img-cont .s1 .ss-contt .ss-video {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.services-section .ss-cont .ss-img-cont .s1 .ss-contt .ss-video .sv-cont {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.35s;
}

.services-section .ss-cont .ss-img-cont .s1 .ss-contt .ss-video .sv-cont:hover {
  box-shadow: 0px 0px 0 6px rgba(255, 255, 255, 0.2);
}

.services-section .ss-cont .ss-txt {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  padding-top: 12px;
}

@media (max-width: 767px) {
  .services-section .ss-cont .ss-txt {
    text-align: center;
  }
}

.services-section .ss-cont .ss-btn {
  padding-top: 61px;
  text-align: center;
  padding-bottom: 83px;
}

@media (max-width: 767px) {
  .services-section .ss-cont .ss-btn {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

.services-section .ss-cont .ss-btn a {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  line-height: 35px;
  font-weight: 500;
  background-color: #5013ff;
  padding: 10px 35px;
  border-radius: 10px;
}

.services-section .ss-cont .ss-btn span {
  padding-left: 8px;
}

.purpose-section {
  position: relative;
  padding-top: 82px;
  padding-bottom: 84px;
}

@media (max-width: 767px) {
  .purpose-section {
    padding-top: 42px;
    padding-bottom: 44px;
  }
}

.purpose-section .img-1 {
  position: absolute;
  top: 20.9%;
  left: 14.4%;
}

@media (max-width: 991px) {
  .purpose-section .img-1 {
    left: 10%;
  }
}

@media (max-width: 767px) {
  .purpose-section .img-1 {
    display: none;
  }
}

@media (max-width: 991px) {
  .purpose-section .img-1 img {
    width: 60%;
  }
}

.purpose-section .img-2 {
  position: absolute;
  top: 14.7%;
  left: 4.3%;
}

@media (max-width: 991px) {
  .purpose-section .img-2 {
    top: 6.7%;
  }
}

@media (max-width: 767px) {
  .purpose-section .img-2 {
    top: 5%;
    left: 5.6%;
  }
}

@media (max-width: 600px) {
  .purpose-section .img-2 {
    display: none;
  }
}

@media (max-width: 991px) {
  .purpose-section .img-2 img {
    width: 70%;
  }
}

.purpose-section .img-3 {
  position: absolute;
  top: 13.6%;
  right: 14.6%;
}

@media (max-width: 991px) {
  .purpose-section .img-3 {
    top: 6.9%;
    right: 0.6%;
  }
}

@media (max-width: 767px) {
  .purpose-section .img-3 {
    display: none;
  }
}

@media (max-width: 991px) {
  .purpose-section .img-3 img {
    width: 60%;
  }
}

.purpose-section .img-4 {
  position: absolute;
  top: 24.6%;
  right: 5.1%;
}

@media (max-width: 991px) {
  .purpose-section .img-4 {
    top: 29.7%;
    right: 3.1%;
  }
}

@media (max-width: 767px) {
  .purpose-section .img-4 {
    top: 14.7%;
    right: 4.1%;
  }
}

@media (max-width: 600px) {
  .purpose-section .img-4 {
    display: none;
  }
}

@media (max-width: 991px) {
  .purpose-section .img-4 img {
    width: 70%;
  }
}

.purpose-section .ps-content {
  position: relative;
}

.purpose-section .ps-content .ps-tagline {
  font-size: 25px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-tagline {
    font-size: 20px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .purpose-section .ps-content .ps-tagline {
    font-size: 20px;
    padding-bottom: 20px;
  }
}

.purpose-section .ps-content .ps-h2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  position: relative;
  padding-bottom: 72px;
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-h2 {
    font-size: 33px;
  }
}

@media (max-width: 767px) {
  .purpose-section .ps-content .ps-h2 {
    padding-bottom: 40px;
  }
}

.purpose-section .ps-content .ps-h2 .ps-pink {
  color: #ff4eb6;
}

.purpose-section .ps-content .ps-h2 .ps-green {
  color: #00ce83;
  position: relative;
}

.purpose-section .ps-content .ps-h2 .ps-green::after {
  content: "";
  position: absolute;
  top: -23px;
  right: -44px;
  left: 0;
  bottom: 0;
  background-image: url("../img/p-vector.png");
  background-repeat: no-repeat;
  background-position: right top;
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-h2 .ps-green::after {
    background-size: 60px;
    right: -37px;
  }
}

@media (max-width: 767px) {
  .purpose-section .ps-content .ps-h2 .ps-green::after {
    background-size: 40px;
    top: -8px;
    right: -21px;
  }
}

.purpose-section .ps-content .ps-h2 .ps-pruple {
  color: #6935ff;
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-h2 .ps-img img {
    width: 30px;
  }
}

.purpose-section .ps-content .ps-cont {
  display: flex;
  gap: 30px;
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-cont {
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .purpose-section .ps-content .ps-cont {
    justify-content: center;
    flex-wrap: wrap;
  }
}

.purpose-section .ps-content .ps-cont .ps-1 {
  padding: 40px 25px 40px 40px;
  border: 1px solid #5013ff;
  border-radius: 17px;
  flex: 0 0 calc(33.3333333333% - 30px);
  width: calc(33.3333333333% - 30px);
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-cont .ps-1 {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .purpose-section .ps-content .ps-cont .ps-1 {
    flex: 0 0 calc(100% - 24px);
    width: calc(100% - 24px);
  }
}

.purpose-section .ps-content .ps-cont .ps-1 .ps-txt {
  padding-top: 24px;
}

.purpose-section .ps-content .ps-cont .ps-1 .ps-txt .pst-head {
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 5px;
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-cont .ps-1 .ps-txt .pst-head {
    font-size: 20px;
  }
}

.purpose-section .ps-content .ps-cont .ps-1 .ps-txt .pst-head strong {
  font-weight: 800;
}

.purpose-section .ps-content .ps-cont .ps-1 .ps-txt .pst-des {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-cont .ps-1 .ps-txt .pst-des {
    font-size: 16px;
    padding-bottom: 20px;
  }
}

.purpose-section .ps-content .ps-cont .ps-1 .ps-txt .pst-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.purpose-section .ps-content .ps-cont .ps-1 .ps-txt .btn {
  text-decoration: none;
  color: #000;
  transition: all 0.35s;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  position: relative;
  padding-right: 45px;
}

@media (max-width: 991px) {
  .purpose-section .ps-content .ps-cont .ps-1 .ps-txt .btn {
    font-size: 16px;
  }
}

.purpose-section .ps-content .ps-cont .ps-1 .ps-txt .btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26' height='18' viewBox='0 0 26 18' fill='none'%3E%3Cg clip-path='url(%23clip0_656_2)'%3E%3Crect width='26' height='18' fill='url(%23pattern0_656_2)'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0_656_2' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_656_2' transform='scale(0.0384615 0.0555556)'/%3E%3C/pattern%3E%3CclipPath id='clip0_656_2'%3E%3Crect width='26' height='18' fill='white'/%3E%3C/clipPath%3E%3Cimage id='image0_656_2' width='26' height='18' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAASCAQAAADvEAYoAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfoBR4QFjKGjNu0AAABp0lEQVQoz43PO0hbYRiA4fc/iYnxrkfqSaOxYsELaEsHl14kIvGGKIpxUFoXN7VTOjkI4iC24GJxaDuJU2kHnUSpbtVB4iJKoaARQWMVyUlPzok2Dgpequa86/c/H98vStngahJ+nqJyCggshIq/jIz0FR2EiKGhoRJF4kb/mGCGONk4SMJG8nGobHDuMDP52uL/UplmmDksyKSQcdDk2Y/3Lxxn2e9DAEE+42cWAxu2w/qG3TT//CUTN/90vQJqOCGFsHP2h6IOeQgfEU2EALIpp4QT5fuSa/+d19DCZhCAQiVy4czy49XeVsOgzAQ57yHP8xy/nnz74BDuN9ulxM0xoaeWq76Kr9aiku2XnJpD8ZiUCnuP6Dd9XgEdlvwFef2t2xozBdx4qbR/nI+4OqvTgtbE4AF1NGCRxqZ2irtfpAdjJEA5dFCLzB/xfnrN21OV+VvHdh/KoZkWFKJExPjUan1Xde6mDnAXkmmiBQUdDYnxTyuN3Z68gHExvQVZ8dGGC40IAuyjk4vtr18pAR1xFxIM0Mxf9gBIYsv585mv0RnQr7w5A+u9fzR6jOCJAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 9px) center;
  transition: ease all 0.35s;
}

.purpose-section .ps-content .ps-cont .ps-1 .ps-txt .btn:hover::after {
  background-position: right center;
}

.policy-section {
  background-color: #6000ff;
  position: relative;
  padding-top: 83px;
  padding-bottom: 85px;
}

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

.policy-section .vc-1 {
  position: absolute;
  top: 36%;
  left: 0;
}

@media (max-width: 991px) {
  .policy-section .vc-1 {
    display: none;
  }
}

.policy-section .vc-2 {
  position: absolute;
  top: 27%;
  right: 5%;
}

@media (max-width: 991px) {
  .policy-section .vc-2 {
    display: none;
  }
}

.policy-section .psec-content {
  position: relative;
}

.policy-section .psec-content .psec-h2 {
  font-size: 60px;
  font-weight: 800;
  color: #fff;
  text-align: center;
  padding-bottom: 34px;
}

@media (max-width: 991px) {
  .policy-section .psec-content .psec-h2 {
    font-size: 33px;
    padding-bottom: 20px;
  }
}

.policy-section .psec-content .psec-h2 .pp-green {
  color: #17ffc0;
}

.policy-section .psec-content .psec-h2 .pp-green .ib {
  position: relative;
  z-index: 1;
}

.policy-section .psec-content .psec-h2 .pp-green .ib a {
  text-decoration: none;
  color: #17ffc0;
}

.policy-section .psec-content .psec-h2 .pp-green .ib::after {
  position: absolute;
  bottom: 10px;
  left: 0;
  content: "";
  z-index: -1;
  right: 0;
  background-color: #ffd240;
  height: 5px;
  width: 100%;
}

@media (max-width: 991px) {
  .policy-section .psec-content .psec-h2 .pp-green .ib::after {
    height: 3px;
    bottom: 6px;
  }
}

.policy-section .psec-content .psec-p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
  padding-bottom: 86px;
  text-align: center;
}

@media (max-width: 991px) {
  .policy-section .psec-content .psec-p {
    font-size: 16px;
    padding-bottom: 46px;
  }
}

.policy-section .psec-content .psec-policy {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-bottom: 103px;
  gap: 30px;
}

@media (max-width: 991px) {
  .policy-section .psec-content .psec-policy {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .policy-section .psec-content .psec-policy {
    padding-bottom: 50px;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}

.policy-section .psec-content .psec-policy .pp-1 {
  flex: 0 0 calc(33.3333333333% - 30px);
  width: calc(33.3333333333% - 30px);
}

.policy-section .psec-content .psec-policy .pp-1 .pp-h2 {
  font-size: 100px;
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  display: inline-flex;
  align-items: flex-end;
}

@media (max-width: 991px) {
  .policy-section .psec-content .psec-policy .pp-1 .pp-h2 {
    font-size: 70px;
  }
}

@media (max-width: 767px) {
  .policy-section .psec-content .psec-policy .pp-1 .pp-h2 {
    font-size: 28px;
  }
}

.policy-section .psec-content .psec-policy .pp-1 .pp-h2 .pp-d5 {
  font-size: 50px;
  font-weight: 800;
  padding-bottom: 22px;
  padding-left: 5px;
}

@media (max-width: 991px) {
  .policy-section .psec-content .psec-policy .pp-1 .pp-h2 .pp-d5 {
    font-size: 30px;
    padding-left: 5px;
  }
}

@media (max-width: 767px) {
  .policy-section .psec-content .psec-policy .pp-1 .pp-h2 .pp-d5 {
    font-size: 16px;
    padding-bottom: 5px;
  }
}

.policy-section .psec-content .psec-policy .pp-1 .pp-h2.pp-alc {
  align-items: center;
}

.policy-section .psec-content .psec-policy .pp-1 .pp-h2.pp-alc .pp-d5 {
  padding-bottom: 0;
}

.policy-section .psec-content .psec-policy .pp-p {
  font-size: 25px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}

@media (max-width: 991px) {
  .policy-section .psec-content .psec-policy .pp-p {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .policy-section .psec-content .psec-policy .pp-p {
    font-size: 16px;
  }
}

.policy-section .psec-content .psec-policy .pp-p strong {
  font-weight: 700;
}

.policy-section .ipad-phone {
  display: flex;
  margin: 0 -15px;
  padding-bottom: 86px;
}

@media (max-width: 991px) {
  .policy-section .ipad-phone {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .policy-section .ipad-phone {
    padding-bottom: 31px;
  }
}

@media (max-width: 767px) {
  .policy-section .ipad-phone {
    flex-wrap: wrap;
  }
}

.policy-section .ipad-phone .ipad {
  width: 66.7%;
  flex: 0 0 66.7%;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .policy-section .ipad-phone .ipad {
    width: 100%;
    flex: 0 0 100%;
    padding-bottom: 30px;
  }
}

.policy-section .ipad-phone .mobile {
  width: 33.3%;
  flex: 0 0 33.3%;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .policy-section .ipad-phone .mobile {
    width: 100%;
    flex: 0 0 100%;
  }
}

.policy-section .ipad-phone .ip-cont {
  z-index: 1;
}

.policy-section .ipad-phone img {
  width: 100%;
}

.policy-section .mobile-fs {
  display: flex;
  margin: 0 -15px;
}

@media (max-width: 767px) {
  .policy-section .mobile-fs {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

.policy-section .mobile-fs .mf-cont {
  flex: 0 0 33.33%;
  width: 33.33%;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .policy-section .mobile-fs .mf-cont {
    width: 100%;
    flex: 0 0 100%;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.policy-section .mobile-fs .mf-cont .gp-fs {
  padding-bottom: 31px;
}

.customer-section {
  position: relative;
  padding-top: 71px;
  padding-bottom: 87px;
}

@media (max-width: 767px) {
  .customer-section {
    padding-top: 35px;
    padding-bottom: 47px;
  }
}

.customer-section .swiper-button-prev {
  position: absolute;
  top: auto;
  bottom: 13px;
  left: 0;
}

@media (max-width: 991px) {
  .customer-section .swiper-button-prev {
    bottom: -5px;
  }
}

.customer-section .swiper-button-prev::after {
  content: "";
}

.customer-section .swiper-button-next {
  position: absolute;
  top: auto;
  bottom: 13px;
  right: 0;
}

@media (max-width: 991px) {
  .customer-section .swiper-button-next {
    bottom: -5px;
  }
}

.customer-section .swiper-button-next::after {
  content: "";
}

.customer-section .cs-content .cs-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}

.customer-section .cs-content .cs-heading .ctdp-h2 {
  font-size: 60px;
  font-weight: 800;
}

@media (max-width: 991px) {
  .customer-section .cs-content .cs-heading .ctdp-h2 {
    font-size: 33px;
  }
}

@media (max-width: 767px) {
  .customer-section .cs-content .cs-heading .ctdp-h2 {
    font-size: 28px;
  }
}

.customer-section .cs-content .cs-heading .ctdp-h2 span {
  color: #5013ff;
}

.customer-section .cs-content .cs-heading .cs-h-img {
  display: flex;
  align-items: center;
}

.customer-section .cs-content .cs-heading .cs-h-img .emj {
  margin-right: -4px;
  z-index: 1;
}

.customer-section .cs-content .cs-heading .cs-h-img .i2 {
  margin-left: -4px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .cs-heading .cs-h-img .i2 {
    margin-left: -13px;
  }
}

@media (max-width: 991px) {
  .customer-section .cs-content .cs-heading .cs-h-img .i2 img {
    max-width: 90%;
  }
}

@media (max-width: 991px) {
  .customer-section .cs-content .cs-heading .cs-h-img .i1 img {
    max-width: 90%;
  }
}

.customer-section .cs-content .ctdp-p {
  font-size: 18px;
  font-weight: 800;
  padding-bottom: 66px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .ctdp-p {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .customer-section .cs-content .ctdp-p {
    padding-top: 10px;
  }
}

.customer-section .cs-content .ctdp-p span {
  padding-left: 5px;
  padding-right: 5px;
}

.customer-section .cs-content .our_user_Swiper {
  padding-bottom: 80px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .our_user_Swiper {
    padding-bottom: 55px;
  }
}

.customer-section .cs-content .our_user_Swiper .swiper-slide {
  height: auto !important;
}

.customer-section .cs-content .our_user_Swiper .cs-text {
  background-color: #a7ffd0;
  border: 1px solid #4e15f5;
  height: 100%;
  border-radius: 17px;
}

.customer-section .cs-content .our_user_Swiper .cs-text .ct {
  padding-top: 90px;
  padding-left: 90px;
  padding-right: 176px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .our_user_Swiper .cs-text .ct {
    padding-top: 60px;
    padding-left: 60px;
  }
}

@media (max-width: 991px) {
  .customer-section .cs-content .our_user_Swiper .cs-text .ct {
    padding: 30px;
  }
}

.customer-section .cs-content .our_user_Swiper .cs-text .ct .ct-txt {
  font-size: 25px;
  line-height: 38px;
  font-weight: 600;
  padding-left: 49px;
  position: relative;
}

.customer-section .cs-content .our_user_Swiper .cs-text .ct .ct-txt::before {
  content: "“";
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 19px;
  z-index: 1;
  font-size: 70px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .our_user_Swiper .cs-text .ct .ct-txt {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .customer-section .cs-content .our_user_Swiper .cs-text .ct .ct-txt {
    font-size: 18px;
  }
}

.customer-section .cs-content .our_user_Swiper .cs-text .ct .ct-txt span {
  padding-right: 27px;
  font-size: 60px;
  line-height: 0;
}

.customer-section .cs-content .our_user_Swiper .cs-text .ct .ct-txt strong {
  font-weight: 800;
}

.customer-section .cs-content .our_user_Swiper .cs-text .ct-cs {
  padding-top: 62px;
  padding-bottom: 40px;
  text-align: end;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 800;
  padding-right: 70px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .our_user_Swiper .cs-text .ct-cs {
    padding-top: 50px;
    padding-right: 50px;
  }
}

@media (max-width: 767px) {
  .customer-section .cs-content .our_user_Swiper .cs-text .ct-cs {
    padding: 25px;
  }
}

.customer-section .cs-content .download-app {
  margin-top: 42px;
}

.customer-section .cs-content .download-app .dp-h2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 87px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .download-app .dp-h2 {
    font-size: 40px;
    padding-bottom: 47px;
  }
}

@media (max-width: 767px) {
  .customer-section .cs-content .download-app .dp-h2 {
    font-size: 28px;
    padding-bottom: 47px;
  }
}

@media (max-width: 767px) {
  .customer-section .cs-content .download-app .dp-h2 .img {
    max-width: 50%;
  }
}

.customer-section .cs-content .download-app .dp-h2 .rocket {
  padding-right: 7px;
}

.customer-section .cs-content .download-app .dp-h2 .vector {
  animation: 2.5s vector infinite;
  animation-timing-function: linear;
}

@keyframes vector {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.customer-section .cs-content .download-app .dp-h2 span {
  color: #ff2525;
}

.customer-section .cs-content .download-app .dp-cont {
  text-align: center;
  max-width: 804px;
  margin: 0 auto;
}

.customer-section .cs-content .download-app .dp-cont .dp-swip {
  position: relative;
}

.customer-section .cs-content .download-app .dp-cont .dp-swip .swip-prev {
  position: absolute;
  top: 40%;
  left: -121px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .download-app .dp-cont .dp-swip .swip-prev {
    display: none;
  }
}

.customer-section .cs-content .download-app .dp-cont .dp-swip .swip-prev::after {
  content: "";
}

.customer-section .cs-content .download-app .dp-cont .dp-swip .swip-next {
  position: absolute;
  top: 40%;
  right: -121px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .download-app .dp-cont .dp-swip .swip-next {
    display: none;
  }
}

.customer-section .cs-content .download-app .dp-cont .dp-swip .swip-next::after {
  content: "";
}

.customer-section .cs-content .download-app .dp-cont .dp-head {
  padding-top: 53px;
}

.customer-section .cs-content .download-app .dp-cont .dp-head .dp-h3 {
  font-size: 100px;
  position: relative;
  font-weight: 800;
  display: inline-block;
  background: rgb(80, 19, 255);
  background: linear-gradient(90deg, rgb(80, 19, 255) 40%, rgb(0, 189, 142) 77%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 991px) {
  .customer-section .cs-content .download-app .dp-cont .dp-head .dp-h3 {
    font-size: 70px;
  }
}

@media (max-width: 767px) {
  .customer-section .cs-content .download-app .dp-cont .dp-head .dp-h3 {
    font-size: 45px;
  }
}

.customer-section .cs-content .download-app .dp-cont .dp-head .dp-h3 .dp-span {
  position: absolute;
  top: -70px;
  right: -32px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .download-app .dp-cont .dp-head .dp-h3 .dp-span {
    top: -40px;
  }
}

@media (max-width: 767px) {
  .customer-section .cs-content .download-app .dp-cont .dp-head .dp-h3 .dp-span {
    top: -28px;
    right: -28px;
    max-width: 35px;
  }
}

.customer-section .cs-content .download-app .dp-cont .dp-dwnld {
  font-size: 25px;
  font-weight: 600;
  padding-top: 10px;
}

@media (max-width: 991px) {
  .customer-section .cs-content .download-app .dp-cont .dp-dwnld {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .customer-section .cs-content .download-app .dp-cont .dp-dwnld {
    font-size: 16px;
  }
}

.customer-section .cs-content .download-app .dp-cont .dp-dwnld strong {
  font-weight: 800;
}

.customer-section .cs-content .download-app .dp-cont .dp-dwnld span {
  color: #5013ff;
  font-weight: 800;
}

.customer-section .cs-content .download-app .dp-cont .avail {
  font-size: 18px;
  line-height: 28px;
  padding-top: 62px;
  padding-bottom: 20px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .customer-section .cs-content .download-app .dp-cont .avail {
    font-size: 16px;
    padding-top: 25px;
  }
}

.customer-section .cs-content .download-app .dp-cont .hb-btn {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

.customer-section .cs-content .download-app .dp-cont .hb-btn a {
  position: relative;
  top: 0;
  transition: ease all 0.35s;
}

.customer-section .cs-content .download-app .dp-cont .hb-btn a+a {
  margin-left: 11px;
}

.customer-section .cs-content .download-app .dp-cont .hb-btn a:hover {
  top: -3px;
}

.footer {
  background-color: #000;
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer .f-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .footer .f-cont {
    justify-content: center;
    gap: 24px;
  }
}

.footer .f-cont .logo-footer img {
  display: block;
}

.footer .f-cont .social-media ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.footer .f-cont .social-media ul li a {
  text-decoration: none;
}

.footer .f-cont .social-media ul li a img {
  display: block;
}

.footer .f-cont .social-media ul li+li {
  margin-left: 24px;
}

.footer .f-cont .terms {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .f-cont .terms .tc {
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  color: #a7ffd0;
  text-decoration: none;
}

.footer .f-cont .terms .term {
  padding-right: 9px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.footer .f-cont .terms .term::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 2px;
  height: 15px;
  background-color: #a7ffd0;
}

.footer .f-cont .privacy {
  padding-left: 9px;
}

.odometer {
  width: 100%;
}

.odometer.odometer2.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer2.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  -webkit-transition-duration: 7s !important;
  -moz-transition-duration: 7s !important;
  -ms-transition-duration: 7s !important;
  -o-transition-duration: 7s !important;
  transition-duration: 7s !important;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  vertical-align: auto;
  position: relative;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
  display: inline;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  vertical-align: auto;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
  display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  vertical-align: auto;
  padding-right: 3px;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer .odometer-digit .odometer-digit-inner {
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
  width: 100%;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.pricing-plan-section {
  padding-top: 53px;
}

@media (max-width: 991px) {
  .pricing-plan-section {
    padding-top: 0;
  }
}

.pricing-plan-section .pp-content .pp-head {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 17px;
  line-height: 1.1;
  color: #5013ff;
}

@media (max-width: 991px) {
  .pricing-plan-section .pp-content .pp-head {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .pricing-plan-section .pp-content .pp-head {
    font-size: 33px;
  }
}

.pricing-plan-section .pp-content .pp-des {
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 40px;
  font-weight: 600;
  text-align: center;
}

.pricing-plan-section .pp-content .pp-des strong {
  font-weight: 800;
}

@media (max-width: 991px) {
  .pricing-plan-section .pp-content .pp-des {
    margin-bottom: 50px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .pricing-plan-section .pp-content .pp-des {
    margin-bottom: 40px;
    line-height: 1.5;
  }
}

.pricing-plan-section .pp-content .ppp .premium-class {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 34px;
}

@media (max-width: 767px) {
  .pricing-plan-section .pp-content .ppp .premium-class {
    margin-bottom: 20px;
  }
}

.pricing-plan-section .pp-content .ppp .premium-class .save-pre {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 500;
  padding-left: 16px;
}

@media (max-width: 767px) {
  .pricing-plan-section .pp-content .ppp .premium-class .save-pre {
    padding-left: 0;
    font-size: 15px;
  }
}

.pricing-plan-section .pp-content .ppp .premium-class .save-pre span {
  color: #5013ff;
  position: relative;
  padding-left: 4px;
  display: inline-block;
}

.pricing-plan-section .pp-content .ppp .premium-class .save-pre span .vc-pre {
  position: absolute;
  top: -15px;
  right: -17px;
}

@media (max-width: 600px) {
  .pricing-plan-section .pp-content .ppp .premium-class .save-pre span .vc-pre {
    width: 17%;
    top: -12px;
    right: -15px;
  }
}

.pricing-plan-section .pp-content .ppp .premium-class .switch-pp {
  width: 66px;
  flex: 0 0 66px;
  background-color: #edeaf5;
  border-radius: 50px;
  border: 1px solid #b5a9d7;
  height: 33px;
  position: relative;
  margin-left: 36px;
  transition: ease all 0.35s;
}

@media (max-width: 767px) {
  .pricing-plan-section .pp-content .ppp .premium-class .switch-pp {
    margin-left: 20px;
  }
}

.pricing-plan-section .pp-content .ppp .premium-class .switch-pp::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  margin: auto;
  bottom: 0;
  background-color: #b0aac1;
  border-radius: 50%;
  width: 21px;
  height: 21px;
}

.pricing-plan-section .pp-content .ppp .premium-class .switch-pp.active {
  background-color: #5013ff;
  border: 1px solid #5013ff;
}

.pricing-plan-section .pp-content .ppp .premium-class .switch-pp.active::before {
  background-color: #fff;
  left: 39px;
}

.pricing-plan-section .pp-content .ppp .pp-plan {
  display: flex;
}

@media (max-width: 991px) {
  .pricing-plan-section .pp-content .ppp .pp-plan {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont {
  min-height: 595px;
  padding: 45px 30px;
  border: 1px solid #b5a9d7;
  border-radius: 14px;
  background-color: #fff;
  flex: 0 0 25%;
  width: 25%;
  z-index: 1;
  position: relative;
  transition: all 0.35s;
}

@media (max-width: 991px) {
  .pricing-plan-section .pp-content .ppp .pp-plan .pp-cont {
    width: calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    margin: 10px;
    padding: 45px 30px;
  }
}

@media (max-width: 767px) {
  .pricing-plan-section .pp-content .ppp .pp-plan .pp-cont {
    width: calc(100% - 30px);
    flex: 0 0 calc(100% - 30px);
    margin: 15px;
  }
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-save-pre {
  background-color: #a7ffd0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 20px;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 160px;
  text-align: center;
}

@media (max-width: 767px) {
  .pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-save-pre {
    padding: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

@media (max-width: 600px) {
  .pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-save-pre {
    padding: 8px;
    top: -20px;
  }
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont.price-box-none.hide {
  display: none;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont.price_extra_box {
  display: none;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont.price_extra_box.show {
  display: block;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont:hover,
.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont.active {
  border-color: #5013ff;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .free {
  font-size: 22px;
  font-weight: 800;
  padding-bottom: 20px;
  line-height: 1.1;
  position: relative;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .free .pp-pre {
  display: none;
}

@media (max-width: 991px) {
  .pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .free .pp-pre {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 0;
    line-height: 1.1;
  }
}

@media (max-width: 500px) {
  .pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .free .pp-pre {
    right: 0;
    left: 0;
    top: -25px;
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .free .pp-pre {
    display: block;
  }
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .free.rec {
  display: flex;
  padding-right: 15px;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .free.rec .recomended {
  margin-left: 10px;
  font-size: 14px;
  line-height: 1.1;
  color: #ac29ff;
  border: 1px solid #ac29ff;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  padding: 0 6px;
  position: relative;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .free.rec .img {
  position: absolute;
  top: -19px;
  right: -20px;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .month {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.1;
  padding-bottom: 18px;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .month span {
  font-size: 16px;
  font-weight: 800;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .lifetime {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
  padding-bottom: 40px;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-btn {
  padding-bottom: 11px;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-btn.pp-b {
  padding-bottom: 62px;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-btn a {
  color: #fff;
  background-color: #5013ff;
  padding: 11px 10px;
  width: 100%;
  text-decoration: none;
  border: none;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  display: inline-block;
  line-height: 1.1;
  cursor: pointer;
  border-radius: 11px;
}

@media (max-width: 1200px) {
  .pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-btn a {
    font-size: 16px;
  }
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .try-btn {
  text-align: center;
  padding-bottom: 29px;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .try-btn .try {
  font-size: 16px;
  line-height: 1.1;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  color: #350696;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-txt .pp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-txt .pp p {
  padding-left: 11px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.1;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-txt .pp p.gry-p {
  color: #a0a0a0;
}

.pricing-plan-section .pp-content .ppp .pp-plan .pp-cont .pp-txt .pp+.pp {
  padding-top: 17px;
}

.pricing-plan-section .pp-content .subscribe {
  font-size: 15px;
  text-align: center;
  line-height: 174%;
  margin-top: 48px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .pricing-plan-section .pp-content .subscribe {
    margin-top: 30px;
  }
}

.pricing-plan-section .pp-content .subscribe .of {
  position: relative;
}

.pricing-plan-section .pp-content .subscribe .of span {
  color: #ff2323;
  padding-left: 3px;
  top: -5px;
  position: absolute;
}

.connect-section {
  margin-top: 68px;
}

@media (max-width: 991px) {
  .connect-section {
    margin-top: 40px;
  }
}

.connect-section .cs-content {
  display: flex;
  align-items: center;
  padding: 63px 0;
  border-top: 1px solid #b4bed9;
  border-bottom: 1px solid #b4bed9;
}

@media (max-width: 767px) {
  .connect-section .cs-content {
    flex-wrap: wrap;
    text-align: center;
    padding: 40px 0;
    gap: 24px;
    justify-content: center;
  }
}

.connect-section .cs-content .cs-txt .cs-h3 {
  font-size: 60px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .connect-section .cs-content .cs-txt .cs-h3 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .connect-section .cs-content .cs-txt .cs-h3 {
    font-size: 33px;
  }
}

.connect-section .cs-content .cs-txt .cs-h3 span {
  color: #5013ff;
}

.connect-section .cs-content .cs-txt p {
  font-size: 22px;
  line-height: 150%;
  font-weight: 600;
}

@media (max-width: 991px) {
  .connect-section .cs-content .cs-txt p {
    font-size: 18px;
    line-height: 130%;
  }
}

@media (max-width: 767px) {
  .connect-section .cs-content .cs-txt p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .connect-section .cs-content .cs-txt p {
    font-size: 15px;
    line-height: 130%;
  }
}

.connect-section .cs-content .cs-txt p strong {
  font-weight: 800;
}

.connect-section .cs-content .cs-btn {
  margin: 0 auto;
  padding: 16px 48px;
  border-radius: 14px;
  background-color: #a7ffd0;
  transition: ease all 0.35s;
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 600;
}

.connect-section .cs-content .cs-btn:hover {
  background-color: #100533;
  color: #fff;
}

.connect-section .cs-content .cs-btn:hover img {
  filter: invert(1);
}

.cta-section1 {
  margin-top: 84px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .cta-section1 {
    margin-top: 40px;
  }
}

.cta-section1 img {
  max-width: 100%;
}

.cta-section1 .cta-ps {
  position: absolute;
}

.cta-section1 .cta-ps img {
  /* animation properties */
  animation-name: my-animation;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes my-animation {
  from {
    width: 100%;
    top: 10px;
  }

  to {
    width: 80%;
    top: 100px;
  }
}

@media (max-width: 991px) {
  .cta-section1 .cta-ps img {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .cta-section1 .cta-ps img {
    width: 100%;
  }
}

.cta-section1 .cta-i2 {
  top: 16.6%;
  right: 2.5%;
}

@media (max-width: 1500px) {
  .cta-section1 .cta-i2 {
    display: none;
  }
}

@media (max-width: 767px) {
  .cta-section1 .cta-i2 img {
    width: 50%;
  }
}

.cta-section1 .cta-i3 {
  bottom: 26.4%;
  right: 12.6%;
}

@media (max-width: 991px) {
  .cta-section1 .cta-i3 {
    display: none;
  }
}

.cta-section1 .cta-i5 {
  top: 22.8%;
  left: 11.9%;
}

@media (max-width: 991px) {
  .cta-section1 .cta-i5 {
    display: none;
  }
}

.cta-i6 {
  bottom: 25.3%;
  left: 3.5%;
}

@media (max-width: 1500px) {
  .cta-i6 {
    display: none;
  }
}

.cta-vc2 {
  position: absolute;
  bottom: 23.5%;
  left: 12.6%;
}

@media (max-width: 991px) {
  .cta-vc2 {
    display: none;
  }
}

.cta-vc1 {
  position: absolute;
  top: 23.5%;
  right: 10.6%;
}

@media (max-width: 991px) {
  .cta-vc1 {
    display: none;
  }
}

.container {
  position: relative;
}

.container .cta-i1 {
  top: 11.3%;
  right: -20px;
}

@media (max-width: 767px) {
  .container .cta-i1 {
    display: none;
  }
}

.container .cta-i4 {
  bottom: 48%;
  left: -20px;
}

@media (max-width: 767px) {
  .container .cta-i4 {
    display: none;
  }
}

.container .fire-craker-cta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

@media (max-width: 991px) {
  .container .fire-craker-cta {
    top: 0;
    left: 3.2%;
  }
}

@media (max-width: 767px) {
  .container .fire-craker-cta {
    top: 0;
    left: 4.2%;
  }
}

.cta-content1 {
  min-height: 396px;
  padding-bottom: 8px;
  background-color: #5013ff;
  border-radius: 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991px) {
  .cta-content1 {
    min-height: 370px;
  }
}

@media (max-width: 767px) {
  .cta-content1 {
    padding: 15px;
  }
}

.cta-content1 .cta-h2 {
  font-size: 60px;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  padding-bottom: 35px;
  position: relative;
}

@media (max-width: 991px) {
  .cta-content1 .cta-h2 {
    font-size: 40px;
    line-height: 1.3;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .cta-content1 .cta-h2 {
    font-size: 33px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .cta-content1 .cta-h2 br {
    display: none;
  }
}

@media (max-width: 991px) {
  .cta-content1 .cta-h2 span img {
    width: 6%;
  }
}

.cta-content1 .cta-p {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  position: relative;
}

@media (max-width: 767px) {
  .cta-content1 .cta-p br {
    display: none;
  }
}

.cta-content1 .cta-p span {
  font-weight: 500;
}

@media (max-width: 991px) {
  .cta-content1 .cta-p {
    font-size: 16px;
    line-height: 1.5;
  }
}

.dp-cont3 {
  text-align: center;
  padding-bottom: 81px;
  margin-top: 70px;
}

@media (max-width: 767px) {
  .dp-cont3 {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}

.dp-cont3 .dp-head .dp-h3 {
  font-size: 100px;
  font-weight: 800;
  background: rgb(80, 19, 255);
  background: linear-gradient(90deg, rgb(80, 19, 255) 40%, rgb(0, 189, 142) 64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

@media (max-width: 991px) {
  .dp-cont3 .dp-head .dp-h3 {
    font-size: 70px;
  }
}

@media (max-width: 767px) {
  .dp-cont3 .dp-head .dp-h3 {
    font-size: 45px;
  }
}

.dp-cont3 .dp-head .dp-h3 .dp-span {
  position: absolute;
  top: -59px;
  right: 30%;
}

@media (max-width: 767px) {
  .dp-cont3 .dp-head .dp-h3 .dp-span {
    right: 240px;
    top: -30px;
    max-width: 50px;
  }
}

@media (max-width: 500px) {
  .dp-cont3 .dp-head .dp-h3 .dp-span {
    right: 72px;
  }
}

@media (max-width: 767px) {
  .dp-cont3 .dp-head .dp-h3 .dp-span img {
    max-width: 80%;
  }
}

.dp-cont3 .dp-dwnld {
  font-size: 25px;
  font-weight: 600;
  padding-top: 10px;
}

@media (max-width: 991px) {
  .dp-cont3 .dp-dwnld {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .dp-cont3 .dp-dwnld {
    font-size: 16px;
  }
}

.dp-cont3 .dp-dwnld strong {
  font-weight: 800;
}

.dp-cont3 .dp-dwnld span {
  color: #5013ff;
  font-weight: 800;
}

.dp-cont3 .avail {
  font-size: 18px;
  line-height: 28px;
  padding-top: 62px;
  padding-bottom: 20px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .dp-cont3 .avail {
    font-size: 16px;
    padding-top: 30px;
  }
}

.dp-cont3 a {
  position: relative;
  top: 0;
  transition: ease all 0.35s;
}

.dp-cont3 a:hover {
  top: -3px;
}

.contact-section {
  margin-top: 40px;
  margin-bottom: 70px;
}

@media (max-width: 991px) {
  .contact-section {
    margin-top: 10px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .contact-section {
    margin-top: 10px;
  }
}

.contact-section .cos-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 991px) {
  .contact-section .cos-content {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
}

.contact-section .cos-content .cos-txt {
  width: 45%;
  flex: 0 0 45%;
}

@media (max-width: 991px) {
  .contact-section .cos-content .cos-txt {
    width: 100%;
    flex: 0 0 100%;
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .contact-section .cos-content .cos-txt {
    padding-left: 0;
  }
}

.contact-section .cos-content .cos-txt .cos-head {
  font-size: 60px;
  font-weight: 800;
  padding-bottom: 37px;
}

@media (max-width: 991px) {
  .contact-section .cos-content .cos-txt .cos-head {
    font-size: 40px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .contact-section .cos-content .cos-txt .cos-head {
    font-size: 33px;
    padding-bottom: 15px;
  }
}

.contact-section .cos-content .cos-txt .cos-head span {
  color: #5013ff;
}

@media (max-width: 991px) {
  .contact-section .cos-content .cos-txt .cos-head br {
    display: none;
  }
}

.contact-section .cos-content .cos-txt .cos-des {
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-bottom: 69px;
}

.contact-section .cos-content .cos-txt .cos-des strong {
  font-weight: 800;
}

.contact-section .cos-content .cos-txt .cos-des img {
  padding-left: 5px;
}

@media (max-width: 991px) {
  .contact-section .cos-content .cos-txt .cos-des {
    font-size: 20px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .contact-section .cos-content .cos-txt .cos-des {
    font-size: 16px;
    padding-bottom: 30px;
  }
}

.contact-section .cos-content .cos-txt .answers .cos-h4 {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 27px;
}

.contact-section .cos-content .cos-txt .answers .cos1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contact-section .cos-content .cos-txt .answers .cos1 img {
  padding-right: 10px;
}

.contact-section .cos-content .cos-txt .answers .cos1 p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}

@media (max-width: 767px) {
  .contact-section .cos-content .cos-txt .answers .cos1 p {
    font-size: 16px;
  }
}

.contact-section .cos-content .cos-txt .answers .cos1+.cos1 {
  margin-top: 16px;
}

.contact-section .cos-content .contact-form {
  width: 55%;
  flex: 0 0 55%;
}

@media (max-width: 991px) {
  .contact-section .cos-content .contact-form {
    width: 100%;
    flex: 0 0 100%;
  }
}

.contact-section .cos-content .contact-form .cs-form {
  max-width: calc(100% - 85px);
}

@media (max-width: 991px) {
  .contact-section .cos-content .contact-form .cs-form {
    max-width: 100%;
  }
}

.contact-section .cos-content .contact-form .cs-form .txtarea {
  position: relative;
}

.contact-section .cos-content .contact-form .cs-form .txtarea .img {
  position: absolute;
  top: -40px;
  right: -80px;
  z-index: -1;
}

@media (max-width: 767px) {
  .contact-section .cos-content .contact-form .cs-form .txtarea .img {
    display: none;
  }
}

.contact-section .cos-content .contact-form .cs-form .txtarea .words {
  font-size: 16px;
  color: #5013ff;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 22px;
  left: 1px;
  right: 23px;
  padding-top: 20px;
  padding-left: 22px;
  background-color: #fff;
  border-radius: 23px 0 0;
}

.contact-section .cos-content .contact-form .cs-form .txtarea .textarea {
  width: 100%;
  flex: 0 0 100%;
  border: 1px solid #5013ff;
  border-radius: 15px;
  min-height: 263px;
  padding: 59px 23px;
  font-family: inherit;
  outline: none !important;
  font-size: 16px;
  font-weight: 600;
}

.contact-section .cos-content .contact-form .cs-form .txtarea .textarea::placeholder {
  color: #b7add6;
  opacity: 1;
  font-family: "Plus Jakarta Sans", sans-serif;
  /* Firefox */
}

.contact-section .cos-content .contact-form .cs-form .txtarea .textarea::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #b7add6;
}

.contact-section .cos-content .contact-form .cs-form .info {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  padding-top: 40px;
  padding-bottom: 30px;
  color: #5013ff;
}

.contact-section .cos-content .contact-form .cs-form .form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text {
  width: 100%;
  flex: 0 0 100%;
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text .label {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  position: relative;
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text .label::after {
  content: "*";
  position: absolute;
  top: 0;
  right: -10px;
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text .input {
  width: 100%;
  flex: 0 0 100%;
  border-radius: 15px;
  border: 1px solid #c9c0e2;
  outline: none !important;
  padding: 17px 23px;
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 500;
  box-shadow: none !important;
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text .input.email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 25 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.582 16.0041H0.418023C0.360023 16.0041 0.304023 15.9921 0.254023 15.9701C0.252023 15.9691 0.251023 15.9671 0.249023 15.9671C0.199023 15.9441 0.154023 15.9121 0.117023 15.8721C0.115023 15.8711 0.113023 15.8701 0.111023 15.8681C0.109023 15.8651 0.110023 15.8611 0.108023 15.8581C0.0420234 15.7831 -0.000976562 15.6871 -0.000976562 15.5781V0.422094C-0.000976562 0.186094 0.187023 -0.00390625 0.418023 -0.00390625H24.582C24.813 -0.00390625 25.001 0.186094 25.001 0.422094V15.5781C25.001 15.8141 24.813 16.0041 24.582 16.0041ZM23.064 15.1521L15.992 8.46709L12.432 11.5401C12.354 11.6081 12.258 11.6421 12.161 11.6421C12.06 11.6421 11.96 11.6051 11.881 11.5321L8.54502 8.47809L1.48402 15.1521H23.064ZM0.837023 14.6011L7.92102 7.90509L0.837023 1.41809V14.6011ZM1.46502 0.848094L12.169 10.6501L23.521 0.848094H1.46502ZM16.635 7.91209L24.163 15.0281V1.41109L16.635 7.91209Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) center;
  padding-right: 24px;
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text .input.drop {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.46897 0H10.048C10.048 0 11.895 0.541 10.397 2.669C8.89897 4.796 6.56097 8.341 6.56097 8.341C6.56097 8.341 5.63597 9.817 4.46897 8.341C3.30297 6.865 0.284971 2.335 0.284971 2.335C0.284971 2.335 -0.937029 0 1.67997 0C3.61897 0 4.46897 0 4.46897 0Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 24px) center;
  padding-right: 24px;
  background-color: #fff;
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text.width-class {
  width: 50%;
  flex: 0 0 50%;
}

@media (max-width: 767px) {
  .contact-section .cos-content .contact-form .cs-form .form .cs-form-text.width-class {
    width: 100%;
    flex: 0 0 100%;
  }
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text.width-class.ws1 {
  padding-right: 24px;
}

@media (max-width: 767px) {
  .contact-section .cos-content .contact-form .cs-form .form .cs-form-text.width-class.ws1 {
    padding-right: 0;
    padding-bottom: 24px;
  }
}

.contact-section .cos-content .contact-form .cs-form .form .cs-form-text.ps {
  padding-top: 24px;
}

.contact-section .cos-content .contact-form .cs-form .submit {
  width: 100%;
  background-color: #5013ff;
  color: #fff;
  border: none;
  border-radius: 15px;
  padding: 16px 23px;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 500;
  margin-top: 37px;
  cursor: pointer;
  transition: ease all 0.35s;
}

.contact-section .cos-content .contact-form .cs-form .submit:hover {
  background-color: #100533;
}

.contact-section .cos-content .contact-form .cs-form .back-hours {
  padding-top: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.1;
}

.contact-section .cos-content .contact-form .cs-form .back-hours span {
  padding-right: 15px;
}

.review-section {
  background-color: #a7ffd0;
  padding: 77px 0;
  position: relative;
  background-image: url("../img/bg-img-spt.png");
  background-repeat: no-repeat;
  background-position: left center;
}

@media (max-width: 991px) {
  .review-section {
    background-image: none;
  }
}

.review-section .rs-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 991px) {
  .review-section .rs-content {
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .review-section .rs-content {
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
  }
}

.review-section .rs-content .review-txt {
  text-align: center;
}

.review-section .rs-content .review-txt h2 {
  font-size: 100px;
  font-weight: 800;
  line-height: 1.1;
  padding-bottom: 27px;
}

@media (max-width: 991px) {
  .review-section .rs-content .review-txt h2 {
    font-size: 50px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .review-section .rs-content .review-txt h2 {
    font-size: 40px;
    padding-bottom: 15px;
  }
}

.review-section .rs-content .review-txt p {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.1;
}

@media (max-width: 767px) {
  .review-section .rs-content .review-txt p {
    font-size: 22px;
  }
}

.review-section .rs-content .rate-dwld {
  padding-right: 76px;
}

@media (max-width: 767px) {
  .review-section .rs-content .rate-dwld {
    padding-right: 0;
  }
}

.review-section .rs-content .rate-dwld .rd-ph {
  position: relative;
}

.review-section .rs-content .rate-dwld .rd-ph .rp {
  position: absolute;
  top: -49px;
  right: -41px;
}

@media (max-width: 767px) {
  .review-section .rs-content .rate-dwld .rd-ph .rp {
    display: none;
  }
}

.review-section .rs-content .rate-dwld p {
  font-size: 25px;
  line-height: 1.1;
  font-weight: 600;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .review-section .rs-content .rate-dwld p {
    text-align: center;
    font-size: 20px;
  }
}

.review-section .rs-content .rate-dwld p strong {
  font-weight: 800;
}

.review-section .rs-content .rate-dwld .img-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.review-section .rs-content .rate-dwld .img-flex a {
  position: relative;
  top: 0;
  transition: ease all 0.35s;
}

.review-section .rs-content .rate-dwld .img-flex a:hover {
  top: -3px;
}

.review-section .rs-content .rate-dwld .img-flex .if+.if {
  padding-left: 13px;
}

.hero-banner-fs {
  padding-top: 50px;
}

@media (max-width: 767px) {
  .hero-banner-fs {
    padding-top: 10px;
  }
}

.hero-banner-fs .hf-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-banner-fs .hf-content {
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
  }
}

@media (max-width: 991px) {
  .hero-banner-fs .hf-content .hf-txt {
    width: 40%;
    flex: 0 0 40%;
  }
}

@media (max-width: 767px) {
  .hero-banner-fs .hf-content .hf-txt {
    width: 100%;
    flex: 0 0 100%;
  }
}

.hero-banner-fs .hf-content .hf-txt h1 {
  font-size: 60px;
  font-weight: 800;
  line-height: 1.2;
  padding-bottom: 36px;
}

@media (max-width: 991px) {
  .hero-banner-fs .hf-content .hf-txt h1 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .hero-banner-fs .hf-content .hf-txt h1 {
    font-size: 33px;
  }
}

@media (max-width: 767px) {
  .hero-banner-fs .hf-content .hf-txt h1 br {
    display: none;
  }
}

.hero-banner-fs .hf-content .hf-txt h1 span {
  color: #5013ff;
}

.hero-banner-fs .hf-content .hf-txt .hf-des {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 46px;
}

@media (max-width: 991px) {
  .hero-banner-fs .hf-content .hf-txt .hf-des {
    font-size: 18px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .hero-banner-fs .hf-content .hf-txt .hf-des {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .hero-banner-fs .hf-content .hf-txt .hf-des br {
    display: none;
  }
}

.hero-banner-fs .hf-content .hf-txt .hf-des strong {
  font-weight: 800;
}

.hero-banner-fs .hf-content .hf-txt .hf-btn {
  display: inline-block;
}

.hero-banner-fs .hf-content .hf-txt .hf-btn .btn-2 {
  font-size: 20px;
  font-weight: 600;
  background-color: #5013ff;
  color: #fff;
  padding: 10px 40px;
  border-radius: 11px;
  cursor: pointer;
  border: none;
  text-decoration: none;
  display: inline-block;
}

.hero-banner-fs .hf-content .hf-txt .hf-btn .btn-2 strong {
  font-weight: 800;
}

@media (max-width: 991px) {
  .hero-banner-fs .hf-content .hf-txt .hf-btn .btn-2 {
    font-size: 18px;
  }
}

.hero-banner-fs .hf-content .hf-txt .safe {
  font-size: 16px;
  line-height: 1.1;
  color: #f12727;
  font-weight: 800;
  padding-top: 16px;
  text-align: center;
}

@media (max-width: 767px) {
  .hero-banner-fs .hf-content .hf-img {
    text-align: center;
  }
}

.hero-banner-fs .hf-content .hf-img img {
  display: block;
}

.built-currency-section {
  position: relative;
}

.built-currency-section::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5013ff;
  z-index: -1;
}

@media (max-width: 767px) {
  .built-currency-section::after {
    top: 30%;
  }
}

.built-currency-section .bcs-content {
  display: flex;
  margin: 0 -15px;
  padding-bottom: 86px;
  padding-top: 130px;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .built-currency-section .bcs-content {
    padding-top: 70px;
    padding-bottom: 46px;
  }
}

@media (max-width: 767px) {
  .built-currency-section .bcs-content {
    flex-wrap: wrap;
    padding-top: 70px;
    justify-content: center;
    gap: 30px;
  }
}

.built-currency-section .bcs-content .bcs {
  width: 50%;
  flex: 0 0 50%;
  padding: 0 15px;
}

@media (max-width: 767px) {
  .built-currency-section .bcs-content .bcs {
    width: 100%;
    flex: 0 0 100%;
  }
}

.built-currency-section .bcs-content .bcs .bcs-h2 {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.1;
  padding-bottom: 36px;
  text-align: center;
}

.built-currency-section .bcs-content .bcs .bcs-h2 strong {
  font-weight: 800;
}

@media (max-width: 767px) {
  .built-currency-section .bcs-content .bcs .bcs-h2 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .built-currency-section .bcs-content .bcs .bcs-h2.bx {
    color: #fff;
  }
}

.built-currency-section .bcs-content .bcs .img-vdo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.built-currency-section .bcs-content .bcs .img-vdo .fs-video {
  position: absolute;
}

.built-currency-section .bcs-content .bcs .img-vdo .fs-video .fv-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  transition: all 0.35s;
}

.built-currency-section .bcs-content .bcs .img-vdo .fs-video .fv-cont:hover {
  box-shadow: 0px 0px 0 10px rgba(255, 255, 255, 0.2);
}

.features1-section {
  padding-top: 65px;
}

@media (max-width: 991px) {
  .features1-section {
    padding-top: 40px;
  }
}

.features1-section .fs-content1 .fs-h2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 26px;
}

@media (max-width: 991px) {
  .features1-section .fs-content1 .fs-h2 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs-h2 {
    font-size: 33px;
    padding-bottom: 15px;
    text-align: left;
  }
}

.features1-section .fs-content1 .fs-h2 span {
  color: #5013ff;
}

.features1-section .fs-content1 .fs-des {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 100px;
}

@media (max-width: 991px) {
  .features1-section .fs-content1 .fs-des {
    font-size: 18px;
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs-des {
    font-size: 16px;
    padding-bottom: 30px;
    text-align: left;
  }
}

@media (max-width: 991px) {
  .features1-section .fs-content1 .fs-des br {
    display: none;
  }
}

.features1-section .fs-content1 .fs-des strong {
  font-weight: 800;
}

.features1-section .fs-content1 .fs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }
}

.features1-section .fs-content1 .fs .fs-txt {
  width: 50%;
  flex: 0 0 50%;
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs .fs-txt {
    width: 100%;
    flex: 0 0 100%;
  }
}

.features1-section .fs-content1 .fs .fs-txt .fs-head {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2;
  padding-bottom: 39px;
}

@media (max-width: 991px) {
  .features1-section .fs-content1 .fs .fs-txt .fs-head {
    font-size: 32px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs .fs-txt .fs-head {
    font-size: 28px;
    padding-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .features1-section .fs-content1 .fs .fs-txt .fs-head br {
    display: none;
  }
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 {
  list-style: none;
  max-width: 519px;
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs .fs-txt .fc-cont1 {
    max-width: 100%;
  }
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 li {
  transition: ease all 0.35s;
  border-radius: 11px;
  margin-bottom: 15px;
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 li .acc-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 2px solid #a7ffd0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 28px;
  cursor: pointer;
  transition: 0.4s;
  position: relative;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
}

@media (max-width: 991px) {
  .features1-section .fs-content1 .fs .fs-txt .fc-cont1 li .acc-title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs .fs-txt .fc-cont1 li .acc-title {
    font-size: 16px;
    padding-left: 20px;
  }
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 li .acc-title::after {
  content: "";
  position: absolute;
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: contain;
  right: 28px;
  width: 17px;
  height: 10px;
  transition: all 0.35s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5698 0.02L9.19879 8.082L1.39379 0L0.00878906 1.434L9.23779 10.991L17.9918 1.414L16.5698 0.02Z' fill='black'/%3E%3C/svg%3E");
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 li .panel {
  padding: 0 28px;
  overflow: hidden;
  display: none;
  transition: max-height 0.2s ease-out;
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs .fs-txt .fc-cont1 li .panel {
    padding: 0 21px;
  }
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 li .panel p {
  font-size: 16px;
  font-weight: 500;
  padding-top: 2px;
  line-height: 1.5;
  padding-bottom: 28px;
  padding-right: 34px;
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs .fs-txt .fc-cont1 li .panel p {
    font-size: 15px;
    padding-right: 19px;
    padding-left: 0;
  }
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 li.active {
  padding-top: 13px;
  background-color: #a7ffd0;
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 li.active .panel {
  display: block;
}

.features1-section .fs-content1 .fs .fs-txt .fc-cont1 li.active .acc-title::after {
  transform: rotate(180deg);
}

.features1-section .fs-content1 .fs.fsp {
  padding-top: 100px;
  flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .features1-section .fs-content1 .fs.fsp {
    padding-top: 70px;
  }
}

.ai-magic-section {
  margin-top: 89px;
  position: relative;
}

@media (max-width: 767px) {
  .ai-magic-section {
    margin-top: 40px;
  }
}

.ai-magic-section::after {
  content: "";
  position: absolute;
  top: 74%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #f4f0ff;
}

.ai-magic-section .ams {
  position: relative;
}

.ai-magic-section .ams .txt-ams {
  position: absolute;
  top: 69px;
  left: 0;
  right: 0;
  text-align: center;
}

@media (max-width: 991px) {
  .ai-magic-section .ams .txt-ams {
    top: 43px;
  }
}

@media (max-width: 767px) {
  .ai-magic-section .ams .txt-ams {
    top: 15px;
  }
}

.ai-magic-section .ams .txt-ams h2 {
  font-size: 60px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  padding-bottom: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991px) {
  .ai-magic-section .ams .txt-ams h2 {
    font-size: 40px;
    padding-bottom: 7px;
  }
}

@media (max-width: 767px) {
  .ai-magic-section .ams .txt-ams h2 {
    font-size: 33px;
  }
}

@media (max-width: 500px) {
  .ai-magic-section .ams .txt-ams h2 {
    padding-bottom: 3px;
    font-size: 18px;
  }
}

.ai-magic-section .ams .txt-ams h2 img {
  padding-right: 21px;
}

@media (max-width: 767px) {
  .ai-magic-section .ams .txt-ams h2 img {
    max-width: 10%;
    padding-right: 5px;
  }
}

.ai-magic-section .ams .txt-ams p {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
}

@media (max-width: 991px) {
  .ai-magic-section .ams .txt-ams p {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .ai-magic-section .ams .txt-ams p {
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  .ai-magic-section .ams .txt-ams p {
    font-size: 12px;
  }
}

.ai-magic-section .ams .txt-ams p strong {
  font-weight: 800;
}

.fs-section {
  background-color: #f4f0ff;
  padding-bottom: 86px;
  padding-top: 64px;
}

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

.fs-section .fss-content {
  display: flex;
  gap: 32px;
}

@media (max-width: 767px) {
  .fs-section .fss-content {
    flex-wrap: wrap;
  }
}

.fs-section .fss-content .fss {
  background-color: #fff;
  border: 1px solid #7a4ff8;
  border-radius: 11px;
  padding: 29px 35px;
}

@media (max-width: 991px) {
  .fs-section .fss-content .fss {
    padding: 29px 30px;
  }
}

.fs-section .fss-content .fss h3 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  padding-bottom: 16px;
  padding-top: 18px;
}

@media (max-width: 991px) {
  .fs-section .fss-content .fss h3 {
    font-size: 17px;
  }
}

.fs-section .fss-content .fss p {
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .fs-section .fss-content .fss p {
    font-size: 16px;
    line-height: 1.5;
  }
}

.budget-goals-section {
  padding-top: 88px;
}

@media (max-width: 991px) {
  .budget-goals-section {
    padding-top: 40px;
  }
}

.budget-goals-section .bgs-content h2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 29px;
}

@media (max-width: 991px) {
  .budget-goals-section .bgs-content h2 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .budget-goals-section .bgs-content h2 {
    font-size: 33px;
    text-align: left;
  }
}

.budget-goals-section .bgs-content h2 span {
  color: #5013ff;
}

.budget-goals-section .bgs-content .bgs-des {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 79px;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .budget-goals-section .bgs-content .bgs-des {
    font-size: 18px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .budget-goals-section .bgs-content .bgs-des {
    font-size: 16px;
    text-align: left;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .budget-goals-section .bgs-content .bgs-des br {
    display: none;
  }
}

.budget-goals-section .bgs-content .bgs-des strong {
  font-weight: 800;
}

.budget-goals-section .bgs-content .row {
  display: flex;
  margin: 0 -15px;
}

@media (max-width: 767px) {
  .budget-goals-section .bgs-content .row {
    flex-wrap: wrap;
    gap: 30px;
  }
}

.budget-goals-section .bgs-content .row .bgs-cont {
  width: 50%;
  flex: 0 0 50%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .budget-goals-section .bgs-content .row .bgs-cont {
    width: 100%;
    flex: 0 0 100%;
  }
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs {
  background-color: #a7ffd0;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs .txt {
  padding-top: 57px;
  padding-left: 61px;
}

@media (max-width: 1200px) {
  .budget-goals-section .bgs-content .row .bgs-cont .bgs .txt {
    padding-left: 20px;
    padding-top: 30px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .budget-goals-section .bgs-content .row .bgs-cont .bgs .txt {
    padding-top: 20px;
  }
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs .txt h3 {
  font-size: 40px;
  font-weight: 800;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .budget-goals-section .bgs-content .row .bgs-cont .bgs .txt h3 {
    font-size: 33px;
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .budget-goals-section .bgs-content .row .bgs-cont .bgs .txt h3 {
    font-size: 28px;
  }
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs .txt .des {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 18px;
}

@media (max-width: 991px) {
  .budget-goals-section .bgs-content .row .bgs-cont .bgs .txt .des {
    font-size: 18px;
    padding-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .budget-goals-section .bgs-content .row .bgs-cont .bgs .txt .des {
    font-size: 16px;
    padding-bottom: 12px;
  }
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs .txt .des strong {
  font-weight: 800;
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs .txt .ds-1 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 65px;
}

@media (max-width: 991px) {
  .budget-goals-section .bgs-content .row .bgs-cont .bgs .txt .ds-1 {
    padding-bottom: 40px;
  }
}

@media (max-width: 1200px) {
  .budget-goals-section .bgs-content .row .bgs-cont .bgs .txt .ds-1 br {
    display: none;
  }
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs.bgs-bg {
  background-color: #90f3ff;
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs .bgs-img {
  text-align: center;
  display: flex;
  flex: 1;
}

.budget-goals-section .bgs-content .row .bgs-cont .bgs .bgs-img img {
  display: block;
  margin: 0 auto;
}

.family-budget-section {
  margin-top: 85px;
  position: relative;
}

.family-budget-section .fb2 {
  position: absolute;
  top: 40%;
  left: 0;
  z-index: -1;
}

@media (max-width: 767px) {
  .family-budget-section .fb2 {
    display: none;
  }
}

.family-budget-section .fb1 {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
}

@media (max-width: 767px) {
  .family-budget-section .fb1 {
    display: none;
  }
}

.family-budget-section .fb-content {
  background-color: #ecd5ff;
  border-radius: 15px;
  padding-left: 61px;
  padding-top: 65px;
  padding-right: 92px;
}

@media (max-width: 991px) {
  .family-budget-section .fb-content {
    padding-left: 50px;
    padding-top: 50px;
    padding-right: 50px;
  }
}

@media (max-width: 767px) {
  .family-budget-section .fb-content {
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
  }
}

.family-budget-section .fb-content h2 {
  font-size: 40px;
  font-weight: 800;
  padding-bottom: 20px;
  line-height: 1.1;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content h2 {
    font-size: 28px;
    padding-bottom: 15px;
  }
}

.family-budget-section .fb-content .fb-des {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 18px;
  line-height: 1.1;
}

@media (max-width: 991px) {
  .family-budget-section .fb-content .fb-des {
    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fb-des {
    font-size: 18px;
    padding-bottom: 15px;
  }
}

.family-budget-section .fb-content .fb-des strong {
  font-weight: 800;
}

.family-budget-section .fb-content .fb-1 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 61px;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fb-1 {
    font-size: 16px;
    line-height: 150%;
    padding-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .family-budget-section .fb-content .fb-1 br {
    display: none;
  }
}

.family-budget-section .fb-content .fs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fs {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }
}

.family-budget-section .fb-content .fs .fs-txt {
  width: 50%;
  flex: 0 0 50%;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fs .fs-txt {
    width: 100%;
    flex: 0 0 100%;
  }
}

.family-budget-section .fb-content .fs .fs-txt .fs-head {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2;
  padding-bottom: 39px;
}

@media (max-width: 991px) {
  .family-budget-section .fb-content .fs .fs-txt .fs-head {
    font-size: 32px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fs .fs-txt .fs-head {
    font-size: 28px;
    padding-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .family-budget-section .fb-content .fs .fs-txt .fs-head br {
    display: none;
  }
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 {
  list-style: none;
  max-width: 519px;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fs .fs-txt .fc-cont1 {
    max-width: 100%;
  }
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 li {
  transition: ease all 0.35s;
  border-radius: 11px;
  margin-bottom: 15px;
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 li .acc-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 2px solid #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 28px;
  cursor: pointer;
  transition: 0.4s;
  position: relative;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fs .fs-txt .fc-cont1 li .acc-title {
    font-size: 15px;
    padding-left: 20px;
  }
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 li .acc-title::after {
  content: "";
  position: absolute;
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: contain;
  right: 28px;
  width: 17px;
  height: 10px;
  transition: all 0.35s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5698 0.02L9.19879 8.082L1.39379 0L0.00878906 1.434L9.23779 10.991L17.9918 1.414L16.5698 0.02Z' fill='black'/%3E%3C/svg%3E");
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 li .panel {
  padding: 0 28px;
  overflow: hidden;
  display: none;
  transition: max-height 0.2s ease-out;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fs .fs-txt .fc-cont1 li .panel {
    padding: 0 21px;
  }
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 li .panel p {
  font-size: 16px;
  font-weight: 500;
  padding-top: 2px;
  line-height: 1.5;
  padding-bottom: 28px;
  padding-right: 34px;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fs .fs-txt .fc-cont1 li .panel p {
    font-size: 15px;
    padding-right: 19px;
    padding-left: 0;
  }
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 li.active {
  padding-top: 13px;
  background-color: #fff;
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 li.active .panel {
  display: block;
}

.family-budget-section .fb-content .fs .fs-txt .fc-cont1 li.active .acc-title::after {
  transform: rotate(180deg);
}

.family-budget-section .fb-content .fs .fs-img {
  padding-top: 52px;
}

@media (max-width: 767px) {
  .family-budget-section .fb-content .fs .fs-img {
    padding-top: 10px;
  }
}

.family-budget-section .fb-content .fs .fs-img img {
  display: block;
}

.services-section1 {
  padding-top: 81px;
}

@media (max-width: 991px) {
  .services-section1 {
    padding-top: 40px;
  }
}

.services-section1 .ss-cont1 .ss-head {
  font-size: 60px;
  font-weight: 800;
  padding-bottom: 58px;
}

.services-section1 .ss-cont1 .ss-head span {
  color: #5013ff;
}

@media (max-width: 991px) {
  .services-section1 .ss-cont1 .ss-head {
    padding-bottom: 40px;
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .services-section1 .ss-cont1 .ss-head {
    font-size: 33px;
    padding-bottom: 30px;
  }
}

.services-section1 .ss-cont1 .ss-img-cont {
  display: flex;
  gap: 30px;
}

@media (max-width: 991px) {
  .services-section1 .ss-cont1 .ss-img-cont {
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .services-section1 .ss-cont1 .ss-img-cont .s1 {
    flex: 0 0 calc(33.3333333333% - 30px);
    width: calc(33.3333333333% - 30px);
  }
}

@media (max-width: 500px) {
  .services-section1 .ss-cont1 .ss-img-cont .s1 {
    flex: 0 0 calc(50% - 15px);
    width: calc(50% - 15px);
  }
}

.services-section1 .ss-cont1 .ss-img-cont .ss-contt {
  position: relative;
}

.services-section1 .ss-cont1 .ss-img-cont .ss-contt .img-cont-ss {
  border-radius: 16px;
}

.services-section1 .ss-cont1 .ss-img-cont .ss-contt .ss-video {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.services-section1 .ss-cont1 .ss-img-cont .ss-contt .ss-video .sv-cont {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.35s;
}

.services-section1 .ss-cont1 .ss-img-cont .ss-contt .ss-video .sv-cont:hover {
  box-shadow: 0px 0px 0 6px rgba(255, 255, 255, 0.2);
}

.services-section1 .ss-cont1 .ss-txt {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  padding-top: 12px;
}

@media (max-width: 767px) {
  .services-section1 .ss-cont1 .ss-txt {
    text-align: center;
  }
}

.services-section1 .ss-cont1 .ss-btn {
  padding-top: 61px;
  text-align: center;
  padding-bottom: 83px;
}

@media (max-width: 767px) {
  .services-section1 .ss-cont1 .ss-btn {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

.services-section1 .ss-cont1 .ss-btn a {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  line-height: 35px;
  font-weight: 500;
  background-color: #5013ff;
  padding: 10px 35px;
  border-radius: 10px;
}

.services-section1 .ss-cont1 .ss-btn span {
  padding-left: 8px;
}

.customer-section2 {
  position: relative;
  padding-top: 71px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .customer-section2 {
    padding-top: 35px;
    padding-bottom: 47px;
  }
}

.customer-section2 .prev {
  position: absolute;
  top: 40%;
  left: 0;
}

.customer-section2 .prev::after {
  content: "";
}

.customer-section2 .next {
  position: absolute;
  top: 40%;
  right: 0;
}

@media (max-width: 767px) {
  .customer-section2 .next {
    right: 0;
  }
}

.customer-section2 .next::after {
  content: "";
}

.customer-section2 .prv {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

.customer-section2 .prv::after {
  content: "";
}

.customer-section2 .nxt {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}

@media (max-width: 767px) {
  .customer-section2 .nxt {
    right: 0;
  }
}

.customer-section2 .nxt::after {
  content: "";
}

.customer-section2 .cs-content1 .cs-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}

.customer-section2 .cs-content1 .cs-heading .ctdp-h2 {
  font-size: 60px;
  font-weight: 800;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .cs-heading .ctdp-h2 {
    font-size: 33px;
  }
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .cs-heading .ctdp-h2 {
    font-size: 28px;
  }
}

.customer-section2 .cs-content1 .cs-heading .ctdp-h2 span {
  color: #5013ff;
}

.customer-section2 .cs-content1 .cs-heading .cs-h-img {
  display: flex;
  align-items: center;
}

.customer-section2 .cs-content1 .cs-heading .cs-h-img .emj {
  margin-right: -4px;
  z-index: 1;
}

.customer-section2 .cs-content1 .cs-heading .cs-h-img .i2 {
  margin-left: -4px;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .cs-heading .cs-h-img .i2 {
    margin-left: -13px;
  }
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .cs-heading .cs-h-img .i2 img {
    max-width: 90%;
  }
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .cs-heading .cs-h-img .i1 img {
    max-width: 90%;
  }
}

.customer-section2 .cs-content1 .ctdp-p {
  font-size: 18px;
  font-weight: 800;
  padding-bottom: 66px;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .ctdp-p {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .ctdp-p {
    padding-top: 10px;
  }
}

.customer-section2 .cs-content1 .ctdp-p span {
  padding-left: 5px;
  padding-right: 5px;
}

.customer-section2 .cs-content1 .swiper {
  padding-bottom: 80px;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .swiper {
    padding-bottom: 40px;
  }
}

.customer-section2 .cs-content1 .swiper .swiper-slide {
  height: auto !important;
}

.customer-section2 .cs-content1 .swiper .cs-text {
  background-color: #a7ffd0;
  border: 1px solid #4e15f5;
  height: 100%;
  border-radius: 17px;
}

.customer-section2 .cs-content1 .swiper .cs-text .ct {
  padding-top: 90px;
  padding-left: 90px;
  padding-right: 176px;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .swiper .cs-text .ct {
    padding-top: 60px;
    padding-left: 60px;
  }
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .swiper .cs-text .ct {
    padding: 30px;
  }
}

.customer-section2 .cs-content1 .swiper .cs-text .ct .ct-txt {
  font-size: 25px;
  line-height: 38px;
  font-weight: 600;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .swiper .cs-text .ct .ct-txt {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .swiper .cs-text .ct .ct-txt {
    font-size: 18px;
  }
}

.customer-section2 .cs-content1 .swiper .cs-text .ct .ct-txt span {
  padding-right: 27px;
}

.customer-section2 .cs-content1 .swiper .cs-text .ct .ct-txt strong {
  font-weight: 800;
}

.customer-section2 .cs-content1 .swiper .cs-text .ct-cs {
  padding-top: 62px;
  padding-bottom: 40px;
  text-align: end;
  font-size: 18px;
  font-weight: 800;
  padding-right: 70px;
  text-transform: capitalize;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .swiper .cs-text .ct-cs {
    padding-top: 50px;
    padding-right: 50px;
  }
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .swiper .cs-text .ct-cs {
    padding: 30px;
  }
}

.customer-section2 .cs-content1 .download-app1 .dp-h2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 87px;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .download-app1 .dp-h2 {
    font-size: 40px;
    padding-bottom: 47px;
  }
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .download-app1 .dp-h2 {
    font-size: 28px;
    padding-bottom: 47px;
  }
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .download-app1 .dp-h2 .img {
    max-width: 50%;
  }
}

.customer-section2 .cs-content1 .download-app1 .dp-h2 .vector {
  padding-left: 7px;
}

.customer-section2 .cs-content1 .download-app1 .dp-h2 span {
  color: #5013ff;
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 {
  text-align: center;
  max-width: 804px;
  margin: 0 auto;
  padding-bottom: 82px;
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-swip {
  position: relative;
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-swip .swip-prev {
  position: absolute;
  top: 40%;
  left: -121px;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-swip .swip-prev {
    display: none;
  }
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-swip .swip-prev::after {
  content: "";
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-swip .swip-next {
  position: absolute;
  top: 40%;
  right: -121px;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-swip .swip-next {
    display: none;
  }
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-swip .swip-next::after {
  content: "";
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-head2 .dp-h3 {
  font-size: 100px;
  font-weight: 800;
  background: rgb(80, 19, 255);
  background: linear-gradient(90deg, rgb(80, 19, 255) 40%, rgb(0, 189, 142) 64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-head2 .dp-h3 {
    font-size: 70px;
  }
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-head2 .dp-h3 {
    font-size: 45px;
  }
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-head2 .dp-h3 .dp-span {
  position: absolute;
  top: -70px;
  right: 160px;
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-head2 .dp-h3 .dp-span {
    top: -30px;
    right: 40px;
  }
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-head2 .dp-h3 .dp-span img {
    width: 70%;
  }
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-dwnld {
  font-size: 25px;
  font-weight: 600;
  padding-top: 10px;
}

@media (max-width: 991px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-dwnld {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-dwnld {
    font-size: 16px;
  }
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-dwnld strong {
  font-weight: 800;
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .dp-dwnld span {
  color: #5013ff;
  font-weight: 800;
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .avail {
  font-size: 18px;
  line-height: 28px;
  padding-top: 62px;
  padding-bottom: 20px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .customer-section2 .cs-content1 .download-app1 .dp-cont2 .avail {
    font-size: 16px;
    padding-top: 40px;
  }
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .hb-btn a {
  position: relative;
  top: 0;
  transition: ease all 0.35s;
}

.customer-section2 .cs-content1 .download-app1 .dp-cont2 .hb-btn a:hover {
  top: -3px;
}

.process-section {
  padding-top: 88px;
}

@media (max-width: 767px) {
  .process-section {
    padding-top: 40px;
  }
}

.process-section .ps-content {
  padding-bottom: 89px;
  border-bottom: 1px solid #b4bed9;
}

@media (max-width: 767px) {
  .process-section .ps-content {
    padding-bottom: 40px;
  }
}

.process-section .ps-content .ps-img {
  text-align: center;
}

.process-section .ps-content .ps-head {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  line-height: 1.1;
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  .process-section .ps-content .ps-head {
    font-size: 40px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .process-section .ps-content .ps-head {
    font-size: 33px;
    padding-bottom: 15px;
  }
}

.process-section .ps-content .ps-head span {
  color: #5013ff;
}

.process-section .ps-content .ps-des {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  padding-bottom: 74px;
}

@media (max-width: 991px) {
  .process-section .ps-content .ps-des {
    font-size: 18px;
    padding-bottom: 50px;
  }
}

.process-section .ps-content .ps-des strong {
  font-weight: 800;
}

.process-section .ps-content .ps-cont .ps {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .process-section .ps-content .ps-cont .ps {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }
}

.process-section .ps-content .ps-cont .ps .ps-txt {
  width: 50%;
  padding-top: 80px;
  flex: 0 0 50%;
}

@media (max-width: 991px) {
  .process-section .ps-content .ps-cont .ps .ps-txt {
    padding-left: 10px;
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .process-section .ps-content .ps-cont .ps .ps-txt {
    width: 100%;
    flex: 0 0 100%;
  }
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-h3 {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.1;
  padding-bottom: 19px;
}

@media (max-width: 991px) {
  .process-section .ps-content .ps-cont .ps .ps-txt .ps-h3 {
    font-size: 33px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .process-section .ps-content .ps-cont .ps .ps-txt .ps-h3 {
    font-size: 28px;
    padding-bottom: 20px;
  }
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 {
  list-style: none;
  max-width: 519px;
  border-left: 2px solid #a7ffd0;
}

@media (max-width: 767px) {
  .process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 {
    max-width: 100%;
  }
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 li {
  transition: ease all 0.35s;
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 li .acc-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 40px;
  margin-top: 15px;
  cursor: pointer;
  transition: 0.4s;
  position: relative;
}

@media (max-width: 767px) {
  .process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 li .acc-title {
    padding-left: 30px;
  }
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 li .acc-title p {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 li .acc-title p .bg-ps {
  background-color: #a7ffd0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #fff;
  position: absolute;
  left: -20px;
}

@media (max-width: 767px) {
  .process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 li .acc-title p {
    font-size: 16px;
  }
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 li .acc-title::after {
  content: "";
  position: absolute;
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: contain;
  right: 28px;
  width: 17px;
  height: 10px;
  transition: all 0.35s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5698 0.02L9.19879 8.082L1.39379 0L0.00878906 1.434L9.23779 10.991L17.9918 1.414L16.5698 0.02Z' fill='black'/%3E%3C/svg%3E");
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 li.active .acc-title::after {
  transform: rotate(180deg);
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 .panel {
  padding: 0 18px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 .panel p {
  font-size: 16px;
  font-weight: 500;
  padding-top: 2px;
  line-height: 1.5;
  padding-left: 23px;
  padding-bottom: 15px;
  padding-right: 90px;
}

@media (max-width: 767px) {
  .process-section .ps-content .ps-cont .ps .ps-txt .ps-cont1 .panel p {
    font-size: 15px;
    padding-right: 19px;
    padding-left: 12px;
  }
}

.stress-free-section {
  background-color: #fff2e1;
  padding-top: 27px;
  padding-bottom: 84px;
}

@media (max-width: 991px) {
  .stress-free-section {
    padding-bottom: 50px;
  }
}

.stress-free-section .sfs-content {
  position: relative;
}

.stress-free-section .sfs-content .sf-img {
  position: absolute;
  top: 0;
  right: 17px;
}

@media (max-width: 991px) {
  .stress-free-section .sfs-content .sf-img {
    width: 20%;
    right: -30px;
    top: 26px;
  }
}

@media (max-width: 767px) {
  .stress-free-section .sfs-content .sf-img {
    display: none;
  }
}

.stress-free-section .sfs-content .sfs-heading {
  position: relative;
  z-index: 1;
}

.stress-free-section .sfs-content .sfs-heading .sfs-head {
  font-size: 60px;
  font-weight: 800;
  padding-top: 53px;
  line-height: 1.1;
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  .stress-free-section .sfs-content .sfs-heading .sfs-head {
    font-size: 40px;
    padding-bottom: 20px;
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .stress-free-section .sfs-content .sfs-heading .sfs-head {
    font-size: 33px;
    padding-bottom: 15px;
  }
}

.stress-free-section .sfs-content .sfs-heading .sfs-des {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 66px;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .stress-free-section .sfs-content .sfs-heading .sfs-des {
    font-size: 18px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .stress-free-section .sfs-content .sfs-heading .sfs-des {
    font-size: 16px;
    padding-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .stress-free-section .sfs-content .sfs-heading .sfs-des br {
    display: none;
  }
}

.stress-free-section .sfs-content .sfs-heading .sfs-des strong {
  font-weight: 800;
}

.stress-free-section .sfs-content .sfs-cont {
  display: flex;
  flex-wrap: wrap;
  max-width: 886px;
  position: relative;
  z-index: 1;
  margin: 0 -15px;
}

.stress-free-section .sfs-content .sfs-cont .sfs-co {
  width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
  padding: 15px;
  display: flex;
}

@media (max-width: 767px) {
  .stress-free-section .sfs-content .sfs-cont .sfs-co {
    width: 100%;
    flex: 0 0 100%;
  }
}

.stress-free-section .sfs-content .sfs-cont .sfs-co .sfs {
  border: 1px solid #5013ff;
  background-color: #fff;
  border-radius: 11px;
  padding: 32px 22px;
  z-index: 1;
  width: 100%;
}

@media (max-width: 991px) {
  .stress-free-section .sfs-content .sfs-cont .sfs-co .sfs {
    padding: 28px 15px;
  }
}

@media (max-width: 767px) {
  .stress-free-section .sfs-content .sfs-cont .sfs-co .sfs {
    max-width: 100%;
  }
}

.stress-free-section .sfs-content .sfs-cont .sfs-co .sfs h4 {
  font-size: 20px;
  font-weight: 800;
  padding-top: 13px;
  padding-bottom: 10px;
  line-height: 1.1;
}

@media (max-width: 991px) {
  .stress-free-section .sfs-content .sfs-cont .sfs-co .sfs h4 {
    font-size: 18px;
  }
}

.stress-free-section .sfs-content .sfs-cont .sfs-co .sfs p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.stress-free-section .sfs-content .sfs-cont .sfs-co .sfs .sfs-span {
  font-size: 13px;
  font-weight: 500;
  padding-top: 9px;
  display: inline-block;
}

.light-dark-section {
  padding-top: 76px;
  position: relative;
}

@media (max-width: 991px) {
  .light-dark-section {
    padding-top: 50px;
  }
}

.light-dark-section::after {
  content: "";
  position: absolute;
  background-color: #100533;
  top: 0;
  left: 0;
  right: 0;
  bottom: 20%;
  z-index: -1;
}

.light-dark-section .lds-content .lds-head {
  font-size: 60px;
  font-weight: 800;
  color: #fff;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 29px;
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .lds-head {
    align-items: flex-start;
  }
}

.light-dark-section .lds-content .lds-head img {
  padding-right: 20px;
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .lds-head img {
    padding-right: 10px;
    max-width: 50px;
  }
}

@media (max-width: 991px) {
  .light-dark-section .lds-content .lds-head {
    font-size: 40px;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .lds-head {
    font-size: 33px;
    padding-bottom: 15px;
  }
}

.light-dark-section .lds-content .lds-des {
  font-size: 22px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  padding-bottom: 81px;
}

@media (max-width: 991px) {
  .light-dark-section .lds-content .lds-des {
    font-size: 18px;
    padding-bottom: 50px;
  }
}

@media (max-width: 991px) {
  .light-dark-section .lds-content .lds-des br {
    display: none;
  }
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .lds-des {
    font-size: 16px;
    padding-bottom: 30px;
  }
}

.light-dark-section .lds-content .lds-des strong {
  font-weight: 800;
}

.light-dark-section .lds-content .row {
  display: flex;
  margin: 0 -15px;
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .row {
    flex-wrap: wrap;
    margin: 0;
    gap: 30px;
  }
}

.light-dark-section .lds-content .row .lds-cont {
  width: 50%;
  flex: 0 0 50%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .row .lds-cont {
    width: 100%;
    flex: 0 0 100%;
    padding: 0;
  }
}

.light-dark-section .lds-content .row .lds-cont .light-dark {
  background-image: linear-gradient(0deg, rgb(151, 189, 252) 0%, rgb(202, 251, 217) 100%);
  border-radius: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.light-dark-section .lds-content .row .lds-cont .light-dark .txt-ld {
  padding-top: 57px;
  padding-left: 61px;
  padding-right: 10px;
}

@media (max-width: 991px) {
  .light-dark-section .lds-content .row .lds-cont .light-dark .txt-ld {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.light-dark-section .lds-content .row .lds-cont .light-dark .txt-ld h3 {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.1;
  padding-bottom: 19px;
}

@media (max-width: 991px) {
  .light-dark-section .lds-content .row .lds-cont .light-dark .txt-ld h3 {
    font-size: 33px;
  }
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .row .lds-cont .light-dark .txt-ld h3 {
    font-size: 26px;
  }
}

.light-dark-section .lds-content .row .lds-cont .light-dark .txt-ld .ld {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 62px;
}

@media (max-width: 991px) {
  .light-dark-section .lds-content .row .lds-cont .light-dark .txt-ld .ld {
    font-size: 18px;
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .row .lds-cont .light-dark .txt-ld .ld {
    font-size: 16px;
    padding-bottom: 30px;
  }
}

.light-dark-section .lds-content .row .lds-cont .light-dark .lds-img {
  text-align: center;
  display: flex;
  flex: 1;
}

.light-dark-section .lds-content .row .lds-cont .light-dark .lds-img img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .light-dark-section .lds-content .row .lds-cont .light-dark .lds-img img {
    width: 80%;
  }
}

.light-dark-section .lds-content .row .lds-cont .light-dark.reminder {
  background-color: rgb(144, 243, 255);
  background-image: none;
}

.more-section {
  padding-top: 90px;
}

@media (max-width: 767px) {
  .more-section {
    padding-top: 40px;
  }
}

.more-section h2 {
  font-size: 20px;
  font-weight: 800;
  padding-bottom: 34px;
}

.more-section .ms-content {
  padding-bottom: 65px;
  border-bottom: 1px solid #b4bed9;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.more-section .ms-content .ms {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  flex: 0 0 25%;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .more-section .ms-content .ms {
    width: 33%;
    flex: 0 0 33%;
  }
}

@media (max-width: 767px) {
  .more-section .ms-content .ms {
    width: 100%;
    flex: 0 0 100%;
  }
}

.more-section .ms-content .ms p {
  font-size: 18px;
  font-weight: 600;
  padding-left: 16px;
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
}

.hero-banner-section {
  margin-top: 27px;
}

@media (max-width: 991px) {
  .hero-banner-section {
    margin-top: 10px;
  }
}

.hero-banner-section .hbs-content {
  display: flex;
  justify-content: space-between;
  align-items: start;
  border-bottom: 1px solid #b4bed9;
  padding-bottom: 80px;
}

@media (max-width: 991px) {
  .hero-banner-section .hbs-content {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .hero-banner-section .hbs-content {
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
    gap: 30px;
  }
}

.hero-banner-section .hbs-content .hbs-txt {
  padding-top: 30px;
}

.hero-banner-section .hbs-content .hbs-txt .hbs-head {
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 26px;
  letter-spacing: -0.4px;
}

@media (max-width: 991px) {
  .hero-banner-section .hbs-content .hbs-txt .hbs-head {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .hero-banner-section .hbs-content .hbs-txt .hbs-head {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .hero-banner-section .hbs-content .hbs-txt .hbs-head br {
    display: none;
  }
}

.hero-banner-section .hbs-content .hbs-txt .hbs-des {
  font-size: 18px;
  font-weight: 600;
  line-height: 162%;
}

@media (max-width: 991px) {
  .hero-banner-section .hbs-content .hbs-txt .hbs-des {
    font-size: 16px;
    max-width: 500px;
  }
}

@media (max-width: 991px) {
  .hero-banner-section .hbs-content .hbs-txt .hbs-des br {
    display: none;
  }
}

.hero-banner-section .hbs-content .hbs-txt .hbs-btn {
  display: inline-block;
  margin-top: 42px;
}

.hero-banner-section .hbs-content .hbs-txt .hbs-btn a {
  text-decoration: none;
  color: #fff;
  background-color: #5013ff;
  padding: 10px 54px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  display: inline-block;
}

.resources-section {
  margin-top: 65px;
}

@media (max-width: 991px) {
  .resources-section {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .resources-section {
    margin-top: 40px;
  }
}

.resources-section .res-content .res-head {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.1;
  color: #5013ff;
  margin-bottom: 65px;
}

@media (max-width: 991px) {
  .resources-section .res-content .res-head {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .resources-section .res-content .res-head {
    margin-bottom: 40px;
  }
}

.resources-section .res-content .res-cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
}

@media (max-width: 991px) {
  .resources-section .res-content .res-cont {
    margin: 0 -20px;
  }
}

.resources-section .res-content .res-cont .res-h3 {
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  .resources-section .res-content .res-cont .res-h3 {
    margin-bottom: 10px;
  }
}

.resources-section .res-content .res-cont .res-h3 a {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
  color: #000;
  transition: ease all 0.35s;
}

.resources-section .res-content .res-cont .res-h3 a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 991px) {
  .resources-section .res-content .res-cont .res-h3 a {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  .resources-section .res-content .res-cont .res-h3 a br {
    display: none;
  }
}

.resources-section .res-content .res-cont .res-p {
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

@media (max-width: 991px) {
  .resources-section .res-content .res-cont .res-p {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .resources-section .res-content .res-cont .res-p br {
    display: none;
  }
}

.resources-section .res-content .res-cont .res {
  padding: 0 30px;
  width: 33.33%;
  flex: 0 0 33.33%;
  padding-bottom: 80px;
}

@media (max-width: 991px) {
  .resources-section .res-content .res-cont .res {
    padding: 0 20px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .resources-section .res-content .res-cont .res {
    width: 100%;
    flex: 0 0 100%;
  }
}

.resources-section .res-content .res-cont .res .res-card {
  position: relative;
}

.resources-section .res-content .res-cont .res .res-card:hover .res-h3 a {
  color: #5013ff;
}

.resources-section .res-content .res-cont .res .res-card:hover .res-img img {
  transform: scale(1.05);
}

.resources-section .res-content .res-cont .res .res-img {
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 20px;
}

@media (max-width: 991px) {
  .resources-section .res-content .res-cont .res .res-img {
    margin-bottom: 20px;
  }
}

.resources-section .res-content .res-cont .res .res-img img {
  width: 100%;
  display: block;
  transform: scale(1);
  transition: ease all 0.35s;
}

.resources-section .res-content .pagination-sp ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.resources-section .res-content .pagination-sp ul li a {
  text-decoration: none;
  color: #000;
  font-size: 22px;
  font-weight: 800;
  transition: ease all 0.35s;
}

.resources-section .res-content .pagination-sp ul li:hover a,
.resources-section .res-content .pagination-sp ul li.active a {
  color: #5013ff;
}

.resources-section .res-content .pagination-sp ul li+li {
  margin-left: 16px;
}

.download-section-res {
  border-top: 1px solid #b4bed9;
  padding-top: 72px;
  margin-top: 83px;
}

@media (max-width: 991px) {
  .download-section-res {
    padding-top: 50px;
    margin-top: 50px;
  }
}

.download-section-res .dsr-content {
  text-align: center;
}

.download-section-res .dsr-content .dp-h2 {
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .download-section-res .dsr-content .dp-h2 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .download-section-res .dsr-content .dp-h2 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .download-section-res .dsr-content .dp-h2 .img {
    max-width: 50%;
  }
}

.download-section-res .dsr-content .dp-h2 .vector {
  padding-left: 7px;
  animation: 2.5s vector infinite;
  animation-timing-function: linear;
}

@keyframes vector {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.download-section-res .dsr-content .dp-h2 span {
  color: #5013ff;
}

.download-section-res .dsr-content .ds-des {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 73px;
  line-height: 1.1;
}

@media (max-width: 991px) {
  .download-section-res .dsr-content .ds-des {
    font-size: 18px;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .download-section-res .dsr-content .ds-des {
    line-height: 1.3;
    margin-bottom: 40px;
  }
}

.download-section-res .dsr-content .ds-des strong {
  font-weight: 800;
}

.download-section-res .dsr-content .avail {
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 20px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .download-section-res .dsr-content .avail {
    font-size: 16px;
  }
}

.download-section-res .dsr-content .hb-btn {
  flex-wrap: nowrap;
  margin-bottom: 83px;
}

@media (max-width: 991px) {
  .download-section-res .dsr-content .hb-btn {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .download-section-res .dsr-content .hb-btn {
    margin-bottom: 40px;
  }
}

.download-section-res .dsr-content .hb-btn a {
  position: relative;
  top: 0;
  transition: ease all 0.35s;
}

.download-section-res .dsr-content .hb-btn a:hover {
  top: -3px;
}

@media (max-width: 767px) {
  .download-section-res .dsr-content .hb-btn img {
    width: 40%;
  }
}

.blog-desc-main {
  font-weight: 500;
}

.blog-desc-main strong {
  letter-spacing: 0px;
}

.blog-desc-main .text-color-primary {
  color: #5013ff;
}

.blog-desc-main .resources-blog-banner .hbs-content {
  padding-bottom: 45px;
}

.blog-desc-main .resources-blog-banner .hbs-content .hbs-img {
  width: 487px;
}

@media (max-width: 767px) {
  .blog-desc-main .resources-blog-banner .hbs-content .hbs-img {
    width: 100%;
  }
}

.blog-desc-main .sp-row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}

.blog-desc-main .sp-col-3 {
  max-width: 26%;
  width: 100%;
  padding-left: 16px;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .blog-desc-main .sp-col-3 {
    max-width: 30%;
  }
}

@media (max-width: 767px) {
  .blog-desc-main .sp-col-3 {
    max-width: 100%;
  }
}

.blog-desc-main .sp-col-7 {
  max-width: 60%;
  width: 100%;
  padding-left: 16px;
  padding-right: 15px;
}

@media (max-width: 991px) {
  .blog-desc-main .sp-col-7 {
    max-width: 70%;
  }
}

@media (max-width: 767px) {
  .blog-desc-main .sp-col-7 {
    max-width: 100%;
  }
}

.blog-desc-main .sp-col-md-6 {
  max-width: 50%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .blog-desc-main .sp-col-md-6 {
    max-width: 100%;
  }
}

.blog-desc-main .sp-btn-outline {
  border: 1px solid #5013ff;
  color: #000;
  background-color: #f1f5ff;
  border-radius: 12px;
  padding: 10px 36px;
  text-decoration: none;
  font-size: 20px;
  line-height: normal;
  font-weight: 700;
  display: flex;
  align-items: baseline;
  cursor: pointer;
}

@media (max-width: 575px) {
  .blog-desc-main .sp-btn-outline {
    font-size: 16px;
    padding: 7px 21px;
  }
}

.blog-desc-main .breadcrumbs-section {
  margin-bottom: 30px;
}

.blog-desc-main .breadcrumbs-section .sp-breadcrumb {
  list-style-type: none;
}

.blog-desc-main .breadcrumbs-section .sp-breadcrumb .sp-breadcrumb-item {
  padding-right: 14px;
  display: inline-block;
  font-size: 16px;
  line-height: 150%;
  color: #100533;
}

.blog-desc-main .breadcrumbs-section .sp-breadcrumb .sp-breadcrumb-item a {
  text-decoration: none;
  position: relative;
  font-size: 16px;
  line-height: 150%;
  color: #100533;
}

.blog-desc-main .breadcrumbs-section .sp-breadcrumb .sp-breadcrumb-item a::after {
  content: ">";
  position: absolute;
  padding-left: 4px;
}

.resources-blog-section {
  font-weight: 500;
  letter-spacing: -0.1px;
  border-top: 1px solid #b4bed9;
  padding-top: 66px;
  padding-bottom: 15px;
}

.resources-blog-section .left-section {
  position: sticky;
  top: 120px;
  padding-left: 1px;
}

@media (max-width: 767px) {
  .resources-blog-section .left-section {
    margin-bottom: 40px;
  }
}

.resources-blog-section .left-section .blog-lable-text {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
}

.resources-blog-section .left-section .blog-list-item {
  list-style-type: none;
}

.resources-blog-section .left-section .blog-list-item li {
  padding-left: 18px;
  padding-bottom: 5px;
  margin-top: 12px;
  display: block;
}

.resources-blog-section .left-section .blog-list-item li.active {
  border-left: 2px solid #a7ffd0;
  padding-left: 16px;
}

.resources-blog-section .left-section .blog-list-item li.active a {
  font-weight: 800;
  letter-spacing: 0;
}

.resources-blog-section .left-section .blog-list-item a {
  display: inline-block;
  color: #000;
  font-size: 15px;
  line-height: 160%;
  text-decoration: none;
}

@media (max-width: 767px) {
  .resources-blog-section .left-section .blog-list-item a {
    font-weight: 500;
  }
}

.resources-blog-section .right-section {
  padding-left: 25px;
}

.resources-blog-section .right-section .blog-content {
  padding-top: 15px;
  padding-bottom: 2px;
}

@media (max-width: 767px) {
  .resources-blog-section .right-section .blog-content {
    padding-top: 8px;
  }
}

.resources-blog-section .right-section .blog-sub-content {
  margin-bottom: 20px;
}

.resources-blog-section .right-section .blog-sub-content ul {
  margin-left: 18px;
  margin-top: -15px;
  padding-bottom: 7px;
}

.resources-blog-section .right-section .blog-sub-content ul li {
  font-size: 17px;
  line-height: 200%;
  margin-bottom: 0px;
}

.resources-blog-section .right-section .blog-content-data {
  padding-top: 15px;
}

.resources-blog-section .right-section p {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 29px;
}

@media (max-width: 767px) {
  .resources-blog-section .right-section p {
    margin-bottom: 15px;
  }
}

.resources-blog-section .right-section strong {
  font-weight: 800;
}

.resources-blog-section .right-section .blog-title-text {
  font-size: 30px;
  font-weight: 900;
  margin-bottom: 24px;
  letter-spacing: -0.2px;
}

@media (max-width: 767px) {
  .resources-blog-section .right-section .blog-title-text {
    margin-bottom: 15px;
  }
}

.resources-blog-section .right-section .sub-title-text {
  font-size: 25px;
  line-height: 37px;
  font-weight: 600;
  margin-bottom: 16px;
  padding-top: 15px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .resources-blog-section .right-section .sub-title-text {
    margin-bottom: 5px;
    padding-top: 5px;
  }
}

@media (max-width: 767px) {
  .resources-blog-section .right-section {
    padding-left: 15px;
  }

  .resources-blog-section .right-section p {
    font-size: 15px;
  }

  .resources-blog-section .right-section .blog-title-text {
    font-size: 24px;
  }

  .resources-blog-section .right-section .sub-title-text {
    font-size: 20px;
  }
}

.resources-blog-section .border-box-content {
  border: 1px solid #5013ff;
  background-color: #f1f5ff;
  border-radius: 12px;
  padding: 24px 25px 28px;
  margin-bottom: 36px;
  margin-top: 40px;
}

.resources-blog-section .border-box-content p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .resources-blog-section .border-box-content {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.resources-blog-section .lable-text {
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 0;
  margin-right: 100px;
  display: inline-block;
  text-wrap: nowrap;
}

@media (max-width: 575px) {
  .resources-blog-section .lable-text {
    margin-right: 15px;
  }
}

.resources-blog-section .blog-review-section {
  max-width: 74%;
  width: 100%;
  margin-top: 30px;
  padding-right: 15px;
  padding-left: 40px;
}

@media (max-width: 767px) {
  .resources-blog-section .blog-review-section {
    max-width: 100%;
    padding-left: 15px;
  }
}

.resources-blog-section .blog-review-section .blog-content-review {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #b4bed9;
  border-bottom: 1px solid #b4bed9;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .resources-blog-section .blog-review-section .blog-content-review {
    margin-top: 20px;
  }
}

.resources-blog-section .blog-review-section .btn-content-item {
  display: flex;
  height: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  gap: 20px;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline img {
  margin-left: 6px;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline:last-child {
  align-items: flex-end;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline .hover-view {
  display: none;
  transition: ease-in-out 0.3s;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline .simple-view {
  display: block;
  transition: all 0.3s ease-in-out;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline:hover {
  color: #5013ff;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline:hover .hover-view {
  display: block;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline:hover .simple-view {
  display: none;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline.active {
  color: #5013ff;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline.active .hover-view {
  display: block;
}

.resources-blog-section .blog-review-section .btn-content-item .sp-btn-outline.active .simple-view {
  display: none;
}

@media (max-width: 767px) {
  .resources-blog-section .blog-review-section .btn-content-item {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.footer-bnr-section {
  background-color: #a7ffd0;
  padding: 60px 0;
}

@media (max-width: 767px) {
  .footer-bnr-section .sp-order-1 {
    order: 1;
  }
}

@media (max-width: 767px) {
  .footer-bnr-section .sp-order-2 {
    order: 2;
  }
}

.footer-bnr-section .dp-h2 {
  font-size: 60px;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .footer-bnr-section .dp-h2 {
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .footer-bnr-section .dp-h2 {
    font-size: 28px;
  }
}

.footer-bnr-section .ds-des {
  margin-bottom: 40px;
  font-size: 22px;
  max-width: 96%;
}

@media (max-width: 767px) {
  .footer-bnr-section .ds-des {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.footer-bnr-section .avail {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.footer-bnr-section .avail img {
  height: 18px;
  margin-right: 8px;
}

@media (max-width: 767px) {
  .footer-bnr-section .avail {
    font-size: 15px;
    margin-bottom: 10px;
  }
}

.footer-bnr-section .img-content {
  text-align: center;
}

.footer-bnr-section .hb-btn a {
  margin-right: 8px;
}

.footer-bnr-section .hb-btn img {
  height: 75px;
}

@media (max-width: 767px) {
  .footer-bnr-section .hb-btn img {
    width: 40%;
    height: auto;
  }
}

@media (max-width: 575px) {
  .footer-bnr-section .hb-btn img {
    width: 45%;
    height: auto;
  }
}

.footer-bnr-section .content-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* security section  */

.security-inner {
  padding-right: 40px;
}

.security-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 60px;
}

.security-inner-single:nth-child(2) {
  margin-left: 40px;
}

.security-inner-single {
  display: flex;
  align-items: center;
  gap: 15px;
}

.reward-section-title {
  font-size: 60px;
  line-height: 120%;
  font-weight: 800;
  margin-bottom: 40px;
  letter-spacing: -1px;
  color: #ffffff;
}

.reward-section-title img {
  display: inline-block;
  vertical-align: middle;
}

.reward-section-stickers {
  display: flex;
  /* flex */
  justify-content: space-between;
  /* justify-between */
}

.reward-section-stickers>div>div {
  position: absolute;
  /* matches the absolute positioning */
}

.reward-section-stickers img {
  display: block;
  /* remove default inline spacing */
  max-width: 100%;
  height: auto;
}

/* Left Stickers */
.rewadsleft1 {
  top: 163px;
  left: 225px;
}

.rewadsleft2 {
  bottom: 155px;
  left: 63px;
}

.rewadsleft3 {
  bottom: 160px;
  left: 323px;
}

.rewadsleftarrow {
  bottom: 120px;
  left: 411px;
}

.rewadsleftstrend {
  bottom: 122px;
  left: 195px;
}

/* Right Stickers */
.rewadsright1 {
  top: 182px;
  right: 333px;
}

.rewadsright2 {
  top: 190px;
  right: 70px;
}

.rewadsright3 {
  bottom: 115px;
  right: 207px;
}

.rewadsrightstrend {
  bottom: 215px;
  right: 236px;
}

.cta-section .container {
  position: unset;
}

.mb28 {
  margin-bottom: 28px;
}


.why-plaid-matter-section {
  padding: 75px 0 90px 0;
}

.why-plaid-matter-title {
  color: #000;
  font-size: 60px;
  line-height: 110%;
  font-weight: 800;
  text-align: center;
}

.why-plaid-matter-title span {
  color: #5013ff;
  line-height: 120%;
}

.why-plaid-matter-subtitle {
  font-size: 22px;
  font-weight: 500;
  margin-top: 27px;
  color: #000;
  text-align: center;
}

.why-plaid-matter-image {
  margin-top: 48px;
  position: relative;
  z-index: 10;
  text-align: center;
}

.why-plaid-matter-image img {
  width: auto;
  object-fit: contain;
}

.why-plaid-matter-cards {
  display: flex;
  gap: 30px;
  margin-top: -70px;
  flex-wrap: wrap;
}

.why-plaid-matter-card {
  background-color: #5013ff;
  border-radius: 12px;
  padding: 58px 32px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  position: relative;
  text-align: left;
}

.why-plaid-matter-card img {
  margin-bottom: 24px;
  display: block;
}

.why-plaid-matter-card p {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.why-plaid-matter-number {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}




.what-you-get-section {
  padding: 72px 0 80px 0;
  background-color: #fff2e1;
}


.what-you-get-title {
  color: #000;
  font-size: 60px;
  line-height: 110%;
  font-weight: 800;
}

.what-you-get-title span {
  color: #5013ff;
  line-height: 120%;
}


.what-you-get-subtitle {
  font-size: 22px;
  font-weight: 500;
  margin-top: 30px;
  color: #000;
}


.what-you-get-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 24px;
  margin-top: 80px;
}



.what-you-get-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px 35px 50px 26px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  align-items: flex-start;
}

.what-you-get-card img {
  width: 23px;
  height: 23px;
  display: block;
}

.what-you-get-card p {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}


.what-you-get-highlight {
  margin-top: 120px;
  background-color: #a7ffd0;
  position: relative;
  padding: 60px 35px 60px 75px;
  border-radius: 12px;
}

.what-you-get-highlight h4 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
}

.what-you-get-highlight h4 span {
  font-weight: 700;
}


.what-you-get-images img {
  position: absolute;
}

.coin1 {
  left: -35px;
  bottom: 15px;
}

.coin2 {
  top: -35px;
  right: 44%;
}

.coin3 {
  top: -30px;
  right: 60px;
}

.coin4 {
  bottom: 70px;
  right: 32%;
  z-index: 10;
}

.phone-man {
  bottom: 0;
  right: 110px;
}



.is-plaid-safe-section {
  padding: 70px 0 70px 0;
  background-color: #fff;
}


.is-plaid-safe-title {
  font-size: 60px;
  line-height: 110%;
  font-weight: 800;
  color: #000;
  text-align: center;
}

.is-plaid-safe-title span {
  color: #5013ff;
  line-height: 120%;
}

.is-plaid-safe-items {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  margin-top: 80px;
}

.is-plaid-safe-item {
  display: flex;
  flex-direction: column;
}

.is-plaid-safe-item img {
  width: 57px;
  height: 63px;
  margin-bottom: 28px;
}

.item-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
  white-space: nowrap;
}

.item-description {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.5;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .is-plaid-safe-items {
    gap: 50px;
  }
}

@media (max-width: 640px) {
  .is-plaid-safe-items {
    flex-direction: column;
    gap: 40px;
  }
}




/* SECTION BASE */
.real-life-challenges-section {
  background-color: #000;
  color: #fff;
  padding: 80px 0;
}



/* TITLE */
.real-life-challenges-title {
  font-size: 60px;
  line-height: 110%;
  font-weight: 800;
  color: #ffffff;
  text-align: center;
  margin-bottom: 75px;
}

/* SINGLE CHALLENGE */
.real-life-challenge:not(:last-child) {
  margin-bottom: 70px;
}

.real-life-challenge {
  display: flex;
  align-items: center;
  gap: 40px;

}

/* REVERSE LAYOUT */
.real-life-challenge:nth-child(even) .challenge-text {
  max-width: 100%;
}

.real-life-challenge:nth-child(even) .challenge-text h3 {
  padding-top: 85px;
}

.real-life-challenge:nth-child(even) {
  flex-direction: row-reverse;
  gap: 90px;
  margin-bottom: 120px;
}

/* TEXT */
.challenge-text {
  flex: 1;
  max-width: 550px;
}

.challenge-text h3 {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 40px;
  line-height: 100%;
  padding-top: 17px;
}

.challenge-label {
  font-weight: 600;
  margin-bottom: 10px;
  color: #999999;
  line-height: 100%;
  font-size: 18px;
}

.challenge-description {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 25px;
}

.challenge-savings {
  font-size: 18px;
  font-weight: 800;
  padding-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #39393d;
  margin-top: 40px;
}

.challenge-savings span {
  font-size: 60px;
  font-weight: 800;
  line-height: 100%;
}

/* IMAGE */
.challenge-image {
  position: relative;
  margin-left: auto;
}

.challenge-image-bg {
  position: absolute;
  width: 180px;
  height: 180px;
  background-color: #a0ffce;
  /* greenish circle */
  border-radius: 50%;
  top: 0;
  right: 0;
  z-index: 1;
}

.real-life-challenge:nth-child(even) .challenge-image {
  margin-right: auto;
  margin-left: unset;
}

.challenge-image img {
  position: relative;
  z-index: 2;
  max-width: 100%;
  border-radius: 12px;
}

.challenge-image-name::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  height: 63px;
  background: url('../img/yellonamebg.png') no-repeat;
  background-size: cover;
  z-index: -1;
}

.challenge-image-name span {
  transform: rotate(-10deg);
  display: block;
  color: #000000;
}

.challenge-image-name {
  position: absolute;
  bottom: 70px;
  left: -50px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 43px;
  z-index: 3;
  font-family: "Caveat", cursive;
  padding: 15px 31px;
}

.real-life-challenge:nth-child(even) .challenge-image-name {
  right: -25px;
  left: auto;
  bottom: 80px;
}

.real-life-challenge:nth-child(even) .challenge-image-name::after {
  width: 112%;
  height: 66px;
}



.the-number-speak-section {
  background: #100533;
  color: #ffffff;
  padding: 70px 0;
}

.the-number-speak-title {
  font-size: 60px;
  line-height: 120%;
  font-weight: 800;
  color: #ffffff;
  text-align: center;
  margin-bottom: 100px;
}

.the-number-speak-all-numbers {
  display: flex;
  justify-content: space-between;
}

.the-number-speak-single {
  flex: 1;
}

.purple-badge {
  background: #5013ff;
  padding: 8px 25px;
  width: fit-content;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
}

.the-number-speak-single h2 {
  font-size: 60px;
  font-weight: 800;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #ffffff;
  line-height: 100%;
}

.the-number-speak-single p {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}

.plans-header {
  font-size: 60px;
  line-height: 110%;
  font-weight: 800;
  color: #000000;
  text-align: center;
  margin-bottom: 75px;
}

.spendable-saving-plans-section {
  padding: 70px 0 82px 0;
}

.spendable-saving-plans-all {
  display: flex;
  justify-content: center;
}

.spendable-saving-plan-single {
  padding: 35px 40px 30px;
  border: 1px solid #b4bed9;
  border-radius: 10px;
  flex: 1;
}

.plans-header span {
  color: #4d16f4;
}

.spendable-saving-plan-single h2 {
  font-size: 22px;
  color: #000000;
  font-weight: 800;
  line-height: 100%;
  margin-bottom: 42px;
}

.spendable-saving-plan-single h6 span {
  font-size: 40px;
}

.spendable-saving-plan-single h6 {
  font-size: 16px;
  color: #4d16f4;
  font-weight: 800;
  line-height: 100%;
  margin-bottom: 45px;
}

.spendable-saving-plan-single button {
  background: #4d16f4;
  color: #ffffff;
  border: none;
  padding: 12px 20px;
  width: 100%;
  border-radius: 10px;
  font-size: 20px;
  margin-bottom: 18px;
  font-weight: 600;
  cursor: pointer;
}
.cust-cta-pricing{
  display: block;
  margin-top: 26px;
}
.cust-cta-pricing .cust-cta-btn{
  background: #4d16f4;
  color: #ffffff;
  border: none;
  padding: 12px 20px;
  width: 100%;
  border-radius: 10px;
  font-size: 20px;
  margin-bottom: 18px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

.spendable-saving-plan-single ul li::after {
  content: "";
  background: url('../img/greentickonly.png') no-repeat;
  background-size: contain;
  width: 16px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 0;
}

.spendable-saving-plan-single ul li:not(:last-child) {
  margin-bottom: 15px;
}

.spendable-saving-plan-single ul li.disabled {
  opacity: 0.5;
}

.spendable-saving-plan-single ul span {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
}

.spendable-saving-plan-single ul li {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  list-style-type: none;
  padding-left: 25px;
  position: relative;
}

.spendable-saving-plan-single p {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #000000;
  margin-bottom: 35px;
  min-height: 57px;
}

.spendable-saving-plans-features .is-plaid-safe-items:last-child {
  padding-top: 40px;
  padding-bottom: 50px;
}

.spendable-saving-plans-section .app-download {
  text-align: center;
  margin-top: 70px;
}

.spendable-saving-plans-section .app-download h4 {
  font-size: 60px;
  font-weight: 800;
  color: #000000;
  line-height: 100%;
  margin-bottom: 50px;
}

.spendable-saving-plans-features h3 {
  font-size: 35px;
  font-weight: 800;
  line-height: 110%;
  text-align: center;
  padding-bottom: 55px;
  border-bottom: 1px solid #b4bed9;
}

.spendable-saving-plans-features .is-plaid-safe-item {
  flex: 1;
}

.spendable-saving-plans-features .is-plaid-safe-items {
  padding-bottom: 35px;
  padding-top: 35px;
  margin-top: 0;
  border-bottom: 1px solid #b4bed9;
  justify-content: space-between;
  /* margin-bottom: 85px; */
}

.app-download .hb-btn {
  gap: 15px;
}

.app-download .hb-btn img {
  width: 210px;
  height: 72px;
  object-fit: cover;
}

.hb-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.spendable-saving-plans-features {
  margin-top: 80px;
}


.hard-working-families-section {
  padding: 80px 0 100px;
  background: #4d16f4;
  text-align: center;
  position: relative;
}

.hard-working-families-section .the-number-speak-title {
  margin-bottom: 45px;
}

.hard-working-families-inner {
  padding: 70px 0;
  background: #a7ffd0;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 58px;
  position: relative;
}

.hard-working-families-inner p {
  font-size: 22px;
  font-weight: 600;
  color: #000000;
  line-height: 120%;
}

.hard-working-families-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.hard-working-families-footer .icon {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #370cb8;
  padding: 10.5px 22px 10.5px 18px;
  border-radius: 9999px;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
}

.hard-working-families-section-stickers {
  display: flex;
  justify-content: space-between;
}

.hard-working-families-section-stickers div div {
  width: fit-content;
  position: absolute;
}

.hard-working-families-section-stickers .hwfleft1 {
  top: 208px;
  left: -128px;
}

.hard-working-families-section-stickers .hwfleft2 {
  bottom: 225px;
  left: -292px;
}

.hard-working-families-section-stickers .hwfleft3 {
  top: 315px;
  left: -35px;
}

.hard-working-families-section-stickers .hwfleftstrend {
  top: 355px;
  left: -160px;
}

.hard-working-families-section-stickers .hwfright1 {
  top: 223px;
  right: -26px;
}

.hard-working-families-section-stickers .hwfright2 {
  top: 232px;
  right: -290px;
}

.hard-working-families-section-stickers .hwfright3 {
  top: 430px;
  right: -152px;
}

.hard-working-families-section-stickers .hwfrightstrend {
  top: 275px;
  right: -120px;
}


/* -----------------------------US home page css-------------------------------  */
.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li .acc-title {
  font-size: 22px;
}

.us-homepage-banner {
  background: url('../img/usbannerbg.png') no-repeat;
  background-size: contain;
  padding-top: 100px;
}

.us-homepage-banner .extra-lg-title {
  margin-bottom: 18px;
}

.extra-lg-title {
  font-size: 80px;
  line-height: 90px;
  font-weight: 800;
  color: #0f0f0f;
}

p.subtitle-para {
  font-weight: 500;
  font-size: 22px;
  line-height: 34px;
  color: #0f0f0f;
}

.us-homepage-banner-content {
  text-align: center;
}

.us-banner-btn {
  display: flex;
  align-items: center;
  gap: 13px;
  justify-content: center;
}

.us-homepage-banner-btns p {
  font-weight: 500;
  font-size: 15px;
  line-height: 34px;
  color: #000000;
  margin-bottom: 15px;
}

.us-homepage-banner-btns a {
  display: inline;
}

.us-homepage-banner-btns {
  margin-top: 70px;
  padding-bottom: 50px;
  border-bottom: 1px solid #cdd0da;
}

a.us-homepage-banner-appstore img {
  width: 162px;
  height: 57px;
  object-fit: contain;
}

a.us-homepage-banner-gplay img {
  width: 160px;
  height: 57px;
  object-fit: contain;
}

.us-homepage-banner-features {
  display: grid;
  padding: 20px 5px 0 5px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.us-homepage-banner-feature:nth-child(2) {
  margin-left: 10px;
}

.us-homepage-banner-feature:nth-child(3),
.us-homepage-banner-feature:nth-child(4) {
  margin-left: 20px;
}

.us-homepage-banner-feature {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 20px;
}

.us-homepage-banner-feature p {
  font-size: 15px;
  line-height: 100%;
  color: #000000;
  text-align: left;
}

.us-banner-imgs-bottom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 604px;
  border-radius: 20px;
  max-height: 604px;
  display: block;
}

.us-banner-imgs-bottom div {
  display: block;
  flex: 1;
  border-radius: 20px;
  max-height: fit-content;
}

.us-banner-imgs-bottom {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 75px;
  padding: 0 15px;
  margin-bottom: 14px;

}

.cta-section.us-cta-section {
  background: #000000;
  margin: 0 15px;
  border-radius: 20px;
}

.green-color-text {
  color: #28ca9e !important;
}

.cta-section.us-cta-section .cta-content .cta-p {
  line-height: 31px;
}

.cta-section.us-cta-section .rewadsleftarrow img {
  max-width: 122px;
}

.cta-section.us-cta-section .rewadsleft1 {
  top: 90px;
  left: 230px;
}

.cta-section.us-cta-section .rewadsleft2 {
  bottom: 142px;
  left: 68px;
}

.cta-section.us-cta-section .rewadsleft3 {
  bottom: 143px;
  left: 327px;
}

.cta-section.us-cta-section .rewadsleftarrow {
  bottom: 130px;
  left: 481px;
}

.cta-section.us-cta-section .rewadsright1 {
  top: 110px;
  right: 272px;
}

.cta-section.us-cta-section .rewadsright2 {
  top: 116px;
  right: 38px;
}

.cta-section.us-cta-section .rewadsright3 {
  bottom: 98px;
  right: 175px;
}

.cta-section.us-cta-section .cta-content {
  padding: 116px 0 128px 0;
  max-width: 970px;
}

.trust-factor-section {
  padding-top: 25px;
}

.trust-factor-section .us-homepage-banner-feature {
  gap: 15px;
}

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

.lg-title {
  font-size: 60px;
  line-height: 110%;
  font-weight: 800;
  color: #0f0f0f;

}

.text-blue {
  color: #5013ff;
}

.us-feature-section .subtitle-para {
  margin-top: 30px;
}

.us-feature-section {
  padding: 100px 0 82px;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li.active {
  padding: 25px 0;
  background: none;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li .acc-title {
  padding: 0;
  border: none;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li.active .panel {
  padding: 0;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;

}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li {
  margin: 0;
  padding: 30px 0;
  border-radius: 0;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li .acc-title::after {
  display: none;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li .panel p {
  padding: 0;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 .sp-li.active .acc-title {
  margin-bottom: 25px;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li:not(:last-child).active {
  border-bottom: 3px solid #c1abff;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt {
  width: unset;
  flex: 1;
  max-width: 504px;
}

.features1-section.us-feature-section-inner .accordion-image-wrap.fs-img {
  flex: 1;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 {
  max-width: unset;
}

.features1-section.us-feature-section-inner .fs-content1 .fs {
  gap: 100px;
}

.text-white {
  color: #ffffff !important;
}

.us-real-life-stories-section {
  background: #000000;
  padding: 70px 0 15px;
}

.reallifehand {
  position: absolute;
  top: -71px;
  right: 50px;
}

.us-real-life-stories-title {
  padding-bottom: 89px;
  border-bottom: 1px solid #39393d;
}

.us-real-life-stories-title span {
  margin-top: 8px;
  display: block;
}

.us-real-life-stories-inner {
  margin-top: 90px;
}

.us-single-real-life-story {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  gap: 95px;
}

.us-single-real-life-story-left,
.us-single-real-life-story-right {
  flex: 1;
}

.us-single-real-life-story-left h3 {
  font-size: 30px;
  line-height: 100%;
  font-weight: 800;
  color: #ffffff;
  text-align: left;
}

.us-single-real-life-story-right {
  text-align: right;
  margin-right: -65px;
  position: relative;
}

.text-green {
  color: #28ca9e !important;
}

.us-single-real-life-story-left p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 30px;
}

.us-single-real-life-story-left h3.text-green {
  margin-bottom: 8px;
}

.us-single-real-life-story-saved span {
  font-size: 18px;
  line-height: 25px;
  font-weight: 800;
}

.us-single-real-life-story-saved {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 13px;
  border-top: 1px solid #39393d;
  margin-top: 48px;
}

.us-single-real-life-story-right span {
  font-family: "Caveat", cursive;
  font-size: 46px;
  line-height: 25px;
  font-weight: 400;
  transform: rotate(-8deg);
  display: block;
}

.us-single-real-life-story-right-name {
  background: #5013ff;
  color: #ffffff;
  padding: 0 37px;
  border-radius: 20px;
  max-width: fit-content;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 110px;
  left: 30px;
}

.us-all-real-life-stories {
  margin-top: 15px;
}

.us-single-real-life-story:not(:first-child) {
  margin-top: -50px;
}

.us-single-real-life-story:nth-child(even) {
  flex-direction: row-reverse;
}

.us-single-real-life-story:nth-child(even) .us-single-real-life-story-right-name {
  left: auto;
  right: 30px;
}

.us-single-real-life-story:nth-child(even) .us-single-real-life-story-right {
  margin-left: -65px;
  margin-right: unset;
}

.us-your-data-section {
  padding: 75px 0 80px;
  background: #f4f7ff;
}

.us-trust-factors-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 80px;
}


.us-trust-factor-single h6 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 800;
  margin-bottom: 18px;
  margin-top: 20px;
}

.us-trust-factor-single p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.us-trust-factor-single {
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  max-width: 31.5%;
  min-height: -webkit-fill-available;
  width: 100%;
}

.us-affordable-plans-section .subtitle-para {
  margin-top: 22px;
}

.us-affordable-plans-section .spendable-saving-plans-all {
  margin-top: 80px;
}

.us-affordable-plans-section {
  padding: 70px 0 78px;
}

.spendable-saving-plan-single .plan-subscribed-number span {
  font-size: 15px;
}

.spendable-saving-plan-single .plan-subscribed-number {
  font-size: 22px;
  line-height: 100%;
  font-weight: 500;
  margin-bottom: 0;
  min-height: unset;
}

.us-affordable-plans-section .spendable-saving-plan-single:not(:first-child) {
  border-left: none;
}

.us-affordable-plans-section .spendable-saving-plan-single {
  border-color: #000000;
}

.us-affordable-plans-section .spendable-saving-plan-single h6 {
  margin-bottom: 40px;
}

.us-affordable-plans-section .spendable-saving-plan-single ul {
  min-height: 240px;
}

.spendable-saving-plan-single {
  position: relative;
}

.popular-tag-to-plan {
  position: absolute;
  top: -22px;
  left: -2px;
  height: 30px;
  background: #246c46;
  color: #ffffff;
  font-size: 15px;
  width: calc(100% + 4px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 10px 0 0;
  border: 1px solid #000000;
  border-width: 1px 1px 0 1px;
}

.us-numbers-that-matters-section {
  background: #000000;
  padding: 75px 0 95px;
  color: #ffffff;
  background-image: url(../img/usnumbersbg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.us-numbers-all p {
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
  text-align: left;
  margin-top: 20px;
}

.us-numbers-single:not(:last-child) {
  margin-bottom: 90px;
}

.us-numbers-all {
  display: flex;
  position: relative;
  /* justify-content: space-between; */
  margin-top: 70px;
}

.us-numbers-left {
  padding-right: 104px;
  margin-right: 106px;
  border-right: 1px solid #212121;
}

.us-numbers-left,
.us-numbers-right {
  padding-top: 15px;
}

.hard-working-families-section.us-hard-working-families-section .hard-working-families-inner {
  background: #ffffff;
  padding: 65px 0;
}

.hard-working-families-section.us-hard-working-families-section .the-number-speak-title {
  margin-bottom: 74px;
}

.us-homepage-banner-content .cd-purple {
  display: inline !important;
}

.trust-factor-section .us-homepage-banner-features {
  padding: 20px 0 0 0;
}

.features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li:first-child {
  padding-top: 0 !important;
}

/* -----------------------------------fintip page start -------------------------------------------- */

.ft-all-categories-section {
  padding: 20px 0;
  background: #f6f6f6;
}

.ft-all-categories-section h6 {
  font-size: 16px;
  line-height: 35px;
  color: #000000;
  font-weight: 700;
  white-space: nowrap;
}

.ft-all-categories-inner {
  display: flex;
  align-items: center;
  gap: 18px;
}

.ft-all-categories-chips span {
  font-size: 16px;
  line-height: 100%;
  color: #246c46;
  border: 1px solid #246c46;
  border-radius: 99999px;
  padding: 10px 20px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ft-all-categories-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}



.ft-all-tips-slider-section {
  background: #12272d;
  padding: 15px 0;
}

.all-tips-slider-container {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.all-tips-slider-container .swiper-wrapper {
  display: flex;
  justify-content: space-between;
}

.all-tips-slider-container .swiper-button-prev:after {
  content: "→";
  transform: rotate(180deg);
  left: 0;
  font-size: 28px;
}

.all-tips-slider-container .swiper-button-next:after {
  content: "→";
  right: 0;
  font-size: 28px;
}

.all-tips-slider-container .swiper-button-next,
.all-tips-slider-container .swiper-button-prev {
  color: #ffffff;
}

.all-tips-slider-container .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.all-tips-slider-container .carousel-content {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: flex-start;
}

.carousel-content-inner {
  display: flex;
  align-items: center;
  gap: 18px;
}

.all-tips-slider-container .tip-of-week::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  min-width: 160px;
  width: 100%;
  height: 30px;
  background: url('../img/tipbg.svg') no-repeat;
  background-size: contain;
  z-index: -1;
}

.all-tips-slider-container .tip-of-week {
  color: white;
  font-weight: 500;
  display: flex;
  text-decoration: none;
  font-size: 15px;
  position: relative;
  min-width: 160px;
  gap: 3px;
  padding: 4px 18px 0 6px;
}

.all-tips-slider-container .carousel-text {
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
}

.all-tips-slider-container .read-more:hover {
  text-decoration: underline;
}

.all-tips-slider-container .read-more {
  color: #f0f0f0;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  font-weight: 400;
}





.ft-calculator-section-main {
  padding-top: 40px;
  padding-bottom: 80px;
}

.ft-calculator-section-main h2,
.ft-fintips-section h2 {
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 35px;
  color: #000;
}

/* ===========================
   Tabs box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
=========================== */
.ft-calculator-section-main .tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ft-calculator-section-main .tab {
  background: #eee;
  border: none;
  padding: 8px 40px;
  cursor: pointer;
  border-radius: 20px 20px 0 0;
  transition: 0.3s;
  font-size: 16px;
  line-height: 35px;
  font-weight: 400;
  color: #000000;
}

.ft-calculator-section-main .tab.active {
  background: #246c46;
  color: #ffffff;
}

/* ===========================
   Tab Content
=========================== */
.ft-calculator-section-main .tab-content {
  display: none;
  /* gap: 40px; */
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 40px;
  align-items: center;
}

.interestRate-left-side-content-input-span {
  margin-top: 15px;
  margin-bottom: 50px;
}

.ft-calculator-section-main .tab-content.active {
  display: flex;
}

/* ===========================
   Left Panel
=========================== */
.ft-calculator-section-main .left {
  flex: 1 1 45%;
  min-width: 300px;
}

.ft-calculator-section-main .left-side-content div:first-child label {
  margin-bottom: 15px;
}

.ft-calculator-section-main label {
  display: block;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  color: #000;
}

.ft-calculator-section-main input[type="number"] {
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid #000000;
  outline: none;
  transition: 0.2s;
  box-shadow: none;
  height: 60px;
  min-width: 373px;
}

.ft-calculator-section-main .left-side-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}

.ft-calculator-section-main input[type="number"]:focus {
  border-color: #1a9f72;
}

.ft-calculator-section-main input[type="range"] {
  width: 100%;
  accent-color: #1a9f72;
  height: 4px;
}

.ft-calculator-section-main #tenureValue,
.ft-calculator-section-main #rateValue {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.ft-calculator-section-main .right {
  text-align: center;
  height: -webkit-fill-available;
  display: flex;
  align-items: center;
  flex: 1.8;
  padding-left: 40px;
  margin-left: 60px;
  border-left: 1px solid #e2e2e2;
  gap: 50px;
  justify-content: space-between;
}

.ft-calculator-section-main .right canvas {
  /* max-width: 250px; */
  display: block;
}

.ft-calculator-section-main .chart-legend {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.ft-calculator-section-main .chart-legend li:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d2d0e0;
}

.ft-calculator-section-main .chart-legend li {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
}

.ft-calculator-section-main .chart-legend span:last-child {
  margin-left: auto;
  min-width: 100px;
  text-align: left;
}

.ft-calculator-section-main .chart-legend .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.ft-calculator-section-main .dot.purple {
  background: #5d3fd3;
}

.ft-calculator-section-main .dot.light {
  background: #dcdcf2;
}

.ft-calculator-section-main .dot.green {
  background: #1a9f72;
}

.mortgage-canvas-chart {
  max-height: 220px;
  max-width: 215px;
}

.left-side-content-input-span div span {
  font-size: 16px;
  line-height: 35px;
  color: #000;
}

.left-side-content-input-span div {
  white-space: nowrap;
  border: 1px solid #000000;
  width: 105px;
  min-width: 105px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 15px;
  border-radius: 10px;
}

.left-side-content-input-span {
  display: flex;
  align-items: end;
  gap: 8px;
  margin-top: -15px;
}

.hard-working-families-section.us-hard-working-families-section {
  padding: 90px 0 100px;
}

.ft-fintips-section {
  padding-bottom: 70px;
}

.ft-fintips-section-inner {
  display: flex;
  padding-top: 10px;
}

.ft-fintips-section-inner-single p {
  font-size: 15px;
  font-weight: 400;
  color: #0f0f0f;
  line-height: 23px;
  color: #636363;
}


.ft-fintips-section-inner-single-inner-all-details {
  padding-top: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d2d0e0;
}

.ft-fintips-section-inner-single:not(:first-child) {
  padding-left: 27px;
  margin-left: 23px;
  border-left: 1px solid #d2d0e0;
}

.ft-fintips-section-inner-single-inner img {
  height: 211px;
  width: 100%;
  border-radius: 10px;
}

.ft-fintips-section-inner-single-inner-all-details {
  min-height: 120px;
}

.ft-fintips-section-inner-single {
  flex: 1;
}

.black-outlined-btn {
  border: 1px solid #000000;
  color: #000000;
  background: #ffffff;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  border-radius: 10px;
  box-shadow: none !important;
  outline: none !important;
  padding: 5px 32px;
}

.ft-fintips-section-inner-single h6 {
  font-size: 18px;
  font-weight: 600;
  color: #0f0f0f;
  margin-bottom: 10px;
}

.ft-fintips-section-inner-single-inner-all-details-main {
  margin-bottom: 25px;
}

.ft-fintips-section-inner-single h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #0f0f0f;
  margin-bottom: 20px;
}





.ft-investing-section {
  padding-bottom: 50px;
}

.investing-header h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 25px;
}

.investing-slider {
  position: relative;
}

.investing-card {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 20px;
  transition: all 0.3s ease;
  min-height: 193px;
  position: relative;
}

.investing-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.investing-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #000;
}

.investing-date {
  font-size: 14px;
  color: #636363;
  font-weight: 400;
  margin-bottom: 15px;
}

.investing-author {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  bottom: 20px;
}

.investing-author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.investing-author span {
  font-size: 15px;
  color: #222;
  font-weight: 500;
}

/* Swiper Navigation */
.investing-next,
.investing-prev {
  color: #000;
  background: #ffffff;
}

.investing-next {
  position: unset !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05),
    0 6px 25px rgba(0, 0, 0, 0.08);
  margin-left: auto;
}

.investing-prev {
  position: unset !important;
  left: -16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05),
    0 6px 25px rgba(0, 0, 0, 0.08);
  margin-right: auto;
}

.investing-prev-next-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: calc(100% + 32px);
  top: 56%;
  left: -16px;
}

.ft-investing-slider-wrapper {
  position: relative;
}

.investing-next::after,
.investing-prev::after {
  display: none;
}

.ft-investing-btn {
  margin-top: 30px;
}

.investing-prev-next-btn .swiper-button-disabled {
  display: none;
}

.life-style-section-inner {
  display: flex;
  align-items: center;
}

.life-style-section-right {
  flex: 0.52;
}

.life-style-section-left {
  display: flex;
  flex: 1;
  gap: 30px;
}

.life-style-section-inner h3 {
  font-size: 20px;
  line-height: 30px;
  color: #000000;
  font-weight: 700;
  margin-bottom: 15px;
}

.life-style-section-left-single {
  flex: 1;
  padding-top: 22px;
}

.single-lifestyle p {
  font-size: 15px;
  line-height: 23px;
  color: #636363;
  font-weight: 400;
}

.single-lifestyle h6,
.quick-win-tips-inner h6 {
  font-size: 18px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 5px;
}

.quick-win-tips-inner h6 {
  margin-bottom: 0;
}

.single-lifestyle img {
  height: 73px;
  width: 103px;
  object-fit: cover;
  border-radius: 10px;
}

.single-lifestyle:first-child {
  border-top: 1px solid #d2d0e0;
}

.single-lifestyle {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 22px 0 25px 0;
  border-bottom: 1px solid #d2d0e0;
  border-width: 1px 0;
  text-decoration: none;
}

.life-style-section-left-single-inner button {
  margin-top: 22px;
}

.ft-life-style-section {
  padding-bottom: 75px;
}

.quick-win-tips-single:not(:last-child) {
  margin-bottom: 8px;
}

.quick-win-tips-single {
  padding: 25px 20px;
  border-radius: 10px;
  background: #ecf1ff;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 100px;
}

.quick-win-tips-main span {
  margin-top: 10px;
}

.quick-win-tips-main h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-bottom: 1px solid #d2d0e0;
}

.quick-win-tips-main button {
  margin-top: 30px;
}

.quick-win-tips-main {
  border: 1px solid #d2d0e0;
  border-radius: 10px;
  padding: 10px 10px 25px 10px;
  margin-left: 25px;
}

.ft-free-resources-inner {
  display: flex;
  gap: 28px;
}

.ft-free-resources-single:last-child {
  background: #246c46;
}

.ft-free-resources-single:first-child {
  background: #000000;
}

.ft-free-resources-single .white-btn {
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 40px;
}

.ft-free-resources-single h5 {
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 20px;
}

.ft-free-resources-single {
  border-radius: 10px;
  padding: 40px 45px 38px 35px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 35px;
  flex: 1;
}

.ft-free-resources-section {
  padding-bottom: 80px;
}

.ft-free-resources-section .investing-header h2 {
  margin-bottom: 30px;
}

/* Responsive */
@media (max-width: 768px) {
  .investing-card {
    padding: 15px;
  }

  .investing-title {
    font-size: 15px;
  }
}

@media (min-width: 1919px) {
  .cta-section.us-cta-section {
    max-width: calc(1920px - 30px);
    margin: 0 auto;
  }

  .us-banner-imgs-bottom {
    max-width: calc(1920px - 30px);
    margin-inline: auto;
    padding: 0;
  }
}

@media (max-width: 1699px) {
  .rewadsleftarrow {
    bottom: 80px;
    left: 380px;
  }

  .hard-working-families-section-stickers .hwfleft2 {
    left: -200px;
  }

  .hard-working-families-section-stickers .hwfleftstrend {
    left: -100px;
  }

  .hard-working-families-section-stickers .hwfright2 {
    top: 280px;
    right: -200px;
  }

  .hard-working-families-section-stickers .hwfrightstrend {
    top: 275px;
    right: -80px;
  }

  .us-homepage-banner {
    background-size: cover;
    background-position: center;
  }

  .cta-section.us-cta-section .rewadsleftarrow {
    bottom: 100px;
    left: 400px;
  }

  .cta-section.us-cta-section .rewadsright1 {
    top: 60px;
    right: 200px;
  }


}

@media (max-width: 1599px) {
  .rewadsleft3 {
    left: 250px;
  }

  .rewadsleftarrow {
    bottom: 90px;
    left: 280px;
  }

  .rewadsleftstrend {
    bottom: 100px;
    left: 165px;
  }

  .hard-working-families-section-stickers .hwfleft2 {
    left: -110px;
    bottom: 65px;
  }

  .hard-working-families-section-stickers .hwfright2 {
    top: 360px;
    right: -100px;
  }

  .hard-working-families-section-stickers .hwfright3 {
    top: 510px;
    right: -100px;
  }


  .cta-section.us-cta-section .rewadsleft1 {
    top: 40px;
    left: 190px;
  }

  .cta-section.us-cta-section .rewadsleft3 {
    bottom: 93px;
    left: 290px;
  }

  .cta-section.us-cta-section .rewadsright1 {
    top: 20px;
    right: 150px;
  }

  .us-numbers-that-matters-section {
    background-size: cover;
  }
}

@media (max-width: 1499px) {
  .rewadsleft3 {
    left: 210px;
  }

  .rewadsright1 {
    right: 245px;
  }

  .rewadsrightstrend {
    bottom: 200px;
    right: 210px;
  }

  .hard-working-families-section-stickers .hwfleft1 {
    top: 158px;
    left: -70px;
  }

  .us-numbers-that-matters-section {
    background-size: 116vw;
  }
}

@media (max-width: 1399px) {
  .rewadsleft1 {
    top: 125px;
    left: 140px;
  }

  .rewadsleft2 {
    bottom: 115px;
    left: 25px;
  }

  .rewadsleft3 {
    left: 150px;
    bottom: 180px;
  }

  .rewadsright1 {
    right: 145px;
    top: 142px;
  }

  .rewadsright2 {
    top: 230px;
    right: 40px;
  }


  .rewadsleftarrow {
    bottom: 80px;
    left: 240px;
  }

  .hard-working-families-section-stickers .hwfleft2 {
    left: -60px;
    bottom: 25px;
  }

  .hard-working-families-section-stickers .hwfrightstrend {
    top: 325px;
    right: -50px;
  }

  .hard-working-families-section-stickers img {
    max-width: 80%;
  }

  .hard-working-families-section-stickers .hwfleftstrend {
    left: -60px;
    top: 415px;
  }

  .hard-working-families-section-stickers .hwfright2 {
    top: 400px;
    right: -59px;
  }

  .hard-working-families-section-stickers .hwfright3 {
    top: 530px;
    right: -40px;
  }

  .cta-section.us-cta-section .rewadsleft3 {
    bottom: 53px;
    left: 260px;
  }

  .cta-section.us-cta-section .rewadsleftarrow {
    bottom: 80px;
    left: 360px;
  }
}

@media (max-width: 1299px) {
  .reward-section-stickers img {
    max-width: 80%;
  }

  .rewadsright1 {
    right: 125px;
    top: 175px;
  }

  .hard-working-families-section-stickers .hwfleft1 {
    left: 0;
  }

  .hard-working-families-section-stickers .hwfleftstrend {
    left: -20px;
  }

  .hard-working-families-section-stickers .hwfleft2 {
    left: -30px;
    bottom: 0px;
  }

  .hard-working-families-section-stickers .hwfright2 {
    top: 370px;
    right: 25px;
  }

  .hard-working-families-section-stickers .hwfrightstrend {
    top: 315px;
    right: -20px;
  }

  .hard-working-families-section-stickers .hwfright3 {
    top: 490px;
    right: 0;
  }
}

@media (max-width: 1200px) {
  .container {
    max-width: 1130px;
  }

  .hero-banner .hb-content .hb-text .hb-head,
  .why-plaid-matter-title,
  .reward-section-title,
  .real-life-challenges-title,
  .challenge-savings span,
  .what-you-get-title,
  .is-plaid-safe-title,
  .the-number-speak-title,
  .the-number-speak-single h2,
  .plans-header,
  .spendable-saving-plans-section .app-download h4 {
    font-size: 57px;
  }

  .rewadsleft3 {
    bottom: 120px;
  }

  .rewadsleftarrow {
    bottom: 80px;
    left: 215px;
  }

  .rewadsleftstrend {
    bottom: 220px;
    left: 125px;
  }

  .rewadsleft2 {
    bottom: 190px;
    left: 20px;
  }

  .rewadsrightstrend {
    bottom: 140px;
    right: 140px;
  }

  .hard-working-families-section-stickers .hwfleft2 {
    bottom: 40px;
  }

  .hero-banner .hb-content .hb-img {
    margin-top: auto;
  }

  .cta-section.us-cta-section .cta-content {
    max-width: 900px;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 95%;
  }

  .main-header .header-content .nav-btn .nav-h ul li+li {
    margin-left: 12px;
  }

  .main-header .header-content .nav-btn .btn-h a {
    max-width: 40%;
  }

  .main-header .header-content .nav-btn .btn-h {
    justify-content: end;
  }

  .main-header .header-content .nav-btn .nav-h ul,
  .main-header .header-content {
    flex-wrap: nowrap;
  }

  .main-header .header-content .logo-h {
    margin-right: 25px;
  }

  .main-header .header-content .logo-h img,
  .logo-footer img {
    max-width: 200px;
  }

  .hero-banner .hb-content .hb-text .hb-head,
  .why-plaid-matter-title,
  .reward-section-title,
  .real-life-challenges-title,
  .challenge-savings span,
  .what-you-get-title,
  .is-plaid-safe-title,
  .the-number-speak-title,
  .the-number-speak-single h2,
  .plans-header,
  .spendable-saving-plans-section .app-download h4 {
    font-size: 48px;
  }

  .security-inner {
    padding-top: 40px;
  }

  .reward-section-title {
    max-width: 675px;
  }

  .challenge-image img {
    max-width: 90%;
  }

  .real-life-challenge:nth-child(odd) .challenge-image {
    text-align: right;
  }

  .challenge-image-name {
    left: -20px;
  }

  .real-life-challenge:nth-child(even) .challenge-image-name {
    right: 0;
  }

  .spendable-saving-plans-features .is-plaid-safe-items,
  .spendable-saving-plans-section .app-download h4 {
    margin-bottom: 40px;
  }

  .hard-working-families-inner {
    padding: 50px 0;
  }

  .hard-working-families-section-stickers .hwfleft2 {
    bottom: 50px;
  }

  .hard-working-families-footer {
    gap: 10px;
  }

  .hard-working-families-section-stickers .hwfleft3 {
    top: 285px;
    left: -20px;
  }

  .hard-working-families-section-stickers .hwfleftstrend {
    top: 370px;
  }

  .hard-working-families-section-stickers .hwfright3 {
    top: 470px;
  }

  .footer {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .footer .f-cont .social-media ul li a img {
    min-width: 70%;
  }

  .footer .f-cont .social-media ul li+li {
    margin-left: 20px;
  }

  .is-plaid-safe-items {
    gap: 40px;
    justify-content: space-between;
  }

  .rewadsleft1 {
    left: 70px;
  }

  .rewadsleft3 {
    bottom: 110px;
    left: 80px;
  }

  .rewadsleftstrend {
    bottom: 120px;
    left: 35px;
  }

  .rewadsleftarrow {
    bottom: 70px;
    left: 155px;
  }

  .rewadsright1 {
    right: 50px;
    top: 125px;
  }

  .rewadsright2 {
    top: 240px;
    right: 0;
  }

  .rewadsrightstrend {
    bottom: 120px;
    right: 110px;
  }

  .rewadsright3 {
    bottom: 65px;
    right: 140px;
  }

  .hero-banner .hb-content .hb-text .hb-btn {
    padding-top: 40px;
  }

  .extra-lg-title {
    font-size: 60px;
    line-height: 70px;
  }

  .lg-title {
    font-size: 50px;
  }

  p.subtitle-para {
    font-size: 20px;
    line-height: 28px;
  }

  .features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li,
  .features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 li.active {
    padding: 16px 0;
  }

  .features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt .fc-cont1 .sp-li.active .acc-title {
    margin-bottom: 10px;
  }

  .us-trust-factor-single {
    max-width: 31%;
  }

  .cta-section.us-cta-section .cta-content {
    max-width: 550px;
  }

  .us-banner-imgs-bottom img {
    min-height: 350px;
  }

  .us-single-real-life-story:not(:first-child) {
    margin-top: 0;
  }

  .us-single-real-life-story-right {
    margin-right: -35px;
  }

  .us-numbers-left {
    padding-right: 60px;
    margin-right: 60px;

  }

  .security-inner-single:nth-child(2) {
    margin-left: 0;
  }

  .security-inner {
    padding-right: 0;
  }

  .ft-calculator-section-main input[type="number"] {
    min-width: 270px;
  }

  .mortgage-canvas-chart {
    max-height: 150px;
    max-width: 150px;
  }

  .ft-calculator-section-main .right {
    margin-left: 30px;
    padding-left: 30px;
  }

  .ft-free-resources-single .white-btn {
    padding: 15px 18px;
  }

  .ft-free-resources-single h5 br,
  .quick-win-tips-inner h6 br,
  .single-lifestyle h6 br {
    display: none;
  }

  .life-style-section-inner {
    flex-direction: column;
  }

  .life-style-section-right {
    margin-top: 40px;
    width: 100%;
  }

  .quick-win-tips-main {
    margin-left: 0;
  }

  .ft-free-resources-single .white-btn {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .challenge-text h3 {
    font-size: 28px;
    margin-bottom: 30px;
    line-height: 120%;
  }

  .challenge-image-name {
    left: 0px;
  }

  .is-plaid-safe-items {
    gap: 25px;
  }

  .is-plaid-safe-item img {
    margin-bottom: 15px;

  }

  .the-number-speak-title {
    margin-bottom: 70px;
  }

  .the-number-speak-single h2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .plans-header {
    margin-bottom: 50px;
  }

  .is-plaid-safe-items {
    margin-top: 60px;
  }

  .faq-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .main-header .header-content .nav-btn .btn-h {
    justify-content: start;
  }

  .main-header .header-content .nav-btn .nav-h ul li+li {
    margin-left: 0;
  }

  .why-plaid-matter-cards {
    margin-top: -40px;
  }

  .spendable-saving-plan-single {
    padding: 35px 20px 30px;
  }

  .spendable-saving-plan-single h6 {
    margin-bottom: 25px;
  }

  .spendable-saving-plan-single button {
    font-size: 18px;
  }

  .spendable-saving-plan-single button {
    padding: 12px 20px;
  }

  .spendable-saving-plan-single p br {
    display: none;
  }

  .spendable-saving-plan-single p {
    margin-bottom: 25px;
  }

  .spendable-saving-plan-single ul li:not(:last-child) {
    margin-bottom: 10px;
  }

  .reward-section-title {
    line-height: 120%;
  }

  .what-you-get-highlight {
    padding: 60px 35px 60px 55px;
  }

  .phone-man {
    bottom: 0;
    right: 60px;
  }

  .hero-banner .hb-content {
    padding-top: 0;
  }

  .us-homepage-banner-btns {
    margin-top: 40px;
    padding-bottom: 40px;
  }

  .us-feature-section {
    padding: 60px 0 65px;
  }

  .us-real-life-stories-inner {
    margin-top: 55px;
  }

  .us-your-data-section {
    padding: 45px 0 60px;
  }

  .us-affordable-plans-section {
    padding: 55px 0 65px;
  }

  .us-affordable-plans-section .spendable-saving-plan-single h6 {
    margin-bottom: 25px;
  }

  .us-numbers-that-matters-section {
    padding: 50px 0 65px;
  }

  .hard-working-families-section {
    padding: 50px 0 60px;
  }

  .reallifehand {
    max-width: 22%;
  }

  .us-single-real-life-story:nth-child(even) .us-single-real-life-story-right {
    margin-left: -35px;
  }

  .us-trust-factors-all {
    margin-top: 50px;
  }

  .us-affordable-plans-section .spendable-saving-plans-all {
    margin-top: 60px;
  }

  .us-numbers-all {
    margin-top: 50px;
  }
}

@media (max-width:801px) {

  .hero-banner .hb-content .hb-text .hb-head,
  .why-plaid-matter-title,
  .reward-section-title,
  .real-life-challenges-title,
  .challenge-savings span,
  .what-you-get-title,
  .is-plaid-safe-title,
  .the-number-speak-title,
  .the-number-speak-single h2,
  .plans-header,
  .spendable-saving-plans-section .app-download h4 {
    font-size: 42px;
  }

  .hero-banner .hb-content .hb-text {
    width: 70%;
  }

  .challenge-text h3 {
    padding-top: 0 !important;
  }

  .hero-banner .hb-content .hb-text .hb-p {
    padding-bottom: 10px;
    line-height: 28px;

  }

  .hero-banner .hb-content .hb-img {
    margin-top: auto;
  }

  .reward-section-stickers,
  .hard-working-families-section-stickers {
    display: none;
  }

  .cta-content {
    padding: 80px 0;
  }

  section.hero-banner {
    padding-bottom: 60px;
  }

  .hero-banner .hb-content .hb-text .hb-btn a {
    max-width: 150px;
  }

  .security-inner {
    gap: 20px;
  }

  .security-inner-single {
    gap: 10px;
  }

  .why-plaid-matter-cards {
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    margin: -40px auto 0 auto;
  }

  .challenge-text {
    order: 2;
    max-width: 85%;
    margin: auto;
    text-align: center;
  }

  .real-life-challenge {
    flex-direction: column;
    text-align: center;
  }

  .challenge-savings {
    justify-content: center;
  }

  .real-life-challenge:nth-child(even) {
    flex-direction: column;
  }

  .real-life-challenge:nth-child(odd) .challenge-image,
  .real-life-challenge:nth-child(even) .challenge-image {
    text-align: center;
    margin: auto;
  }

  .what-you-get-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .what-you-get-card {
    padding: 20px 30px 30px 26px;
  }

  .what-you-get-highlight {
    margin-top: 120px;
    background-color: #a7ffd0;
    position: relative;
    padding: 40px 35px 40px 35px;
  }

  .phone-man {
    bottom: 0;
    right: 10px;
    max-width: 230px;
  }

  .what-you-get-highlight h4 {
    font-size: 24px;
  }

  .is-plaid-safe-items {
    flex-wrap: wrap;
  }

  .the-number-speak-all-numbers {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 50px;
  }

  .purple-badge {
    margin: auto;
  }

  .hard-working-families-footer {
    flex-wrap: wrap;
  }

  .footer .f-cont .social-media ul li a img {
    max-width: 80%;
  }

  .us-homepage-banner {
    padding-top: 60px;
  }

  .us-homepage-banner-features {
    padding-inline: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .lg-title {
    font-size: 40px;
  }

  .us-numbers-that-matters-section {
    background-image: none;
  }

  .us-numbers-left {
    padding-right: 24px;
  }

  .us-numbers-single:not(:last-child) {
    margin-bottom: 50px;
  }

  .us-trust-factor-single {
    max-width: 100%;
  }

  .us-real-life-stories-section {
    background: #000000;
    padding: 50px 0 60px;
  }

  .us-single-real-life-story {
    gap: 25px;
  }

  .ft-calculator-section-main .right {
    margin-left: 0;
    padding-left: 0;
    border: none;
    margin-top: 20px;
  }

  .ft-free-resources-single {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width:768px) {
  .hero-banner .hb-content .hb-text {
    width: 80%;
  }

  .the-number-speak-title br {
    display: none;
  }

  .extra-lg-title {
    font-size: 55px;
    line-height: 65px;
  }

  .cta-section.us-cta-section .cta-content {
    padding: 70px 0 70px 0;
  }

  .features1-section.us-feature-section-inner .fs-content1 .fs {
    gap: 40px;
  }

  .us-real-life-stories-title {
    padding-bottom: 45px;
  }

  .us-single-real-life-story-left h3 {
    font-size: 24px;
  }

  .us-single-real-life-story-saved {
    margin-top: 35px;
  }

  .us-single-real-life-story:not(:first-child) {
    margin-top: 30px;
  }

  .us-numbers-all {
    flex-direction: column;
    gap: 50px;
    text-align: center;
  }

  .us-numbers-all p {
    text-align: center;
  }

  .us-numbers-left,
  .us-numbers-right {
    padding: 0;
    border: none;
    margin: 0;
  }

  .ft-calculator-section-main,
  .ft-fintips-section,
  .ft-life-style-section,
  .ft-free-resources-section {
    padding-bottom: 50px;
  }

  .ft-fintips-section-inner {
    flex-direction: column;
    text-align: left;
  }

  .ft-fintips-section-inner-single-inner img {
    object-fit: contain;
    object-position: left;
  }

  .ft-fintips-section-inner-single-inner-all-details {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: auto;
  }

  .ft-fintips-section-inner-single:not(:first-child) {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    margin-top: 40px;
  }

  .all-tips-slider-container .carousel-text {
    font-size: 16px;
  }

  .all-tips-slider-container .read-more {
    font-size: 14px;
  }

  .ft-free-resources-single h5 {
    font-size: 18px;
  }

  .carousel-content-inner {
    gap: 5px;
  }

  .ft-calculator-section-main .tab-content.active {
    flex-direction: column;
    align-items: flex-start;
  }

  .ft-calculator-section-main .left-side-content {
    width: 100%;
  }
}

@media (max-width:767px) {
  .hero-banner .hb-content .hb-text {
    width: 100%;
  }

  .spendable-saving-plans-all {
    flex-direction: column;
    gap: 10px;
  }

  .us-single-real-life-story-right-name {
    padding: 0 28px;
    height: 40px;
    bottom: 80px;
    left: 0px;
  }

  .us-single-real-life-story-right span {
    font-size: 28px;
  }

  .us-affordable-plans-section .spendable-saving-plan-single:not(:first-child) {
    border-left: 1px solid #000000;
  }

  .spendable-saving-plans-all {
    gap: 50px;
  }

  .features1-section.us-feature-section-inner .fs-content1 .fs {
    flex-direction: column-reverse;
  }

  .features1-section.us-feature-section-inner .fs-content1 .fs .fs-txt {
    max-width: 100%;
  }

  .accordion-image-wrap .image-slide.active {
    text-align: center;
  }

  .accordion-image-wrap .image-slide img {
    max-width: 70%;
  }

  .us-single-real-life-story {
    flex-direction: column-reverse !important;
  }

  .us-single-real-life-story-left *,
  .us-single-real-life-story-right,
  .us-single-real-life-story-right * {
    text-align: center !important;
    justify-content: center;
  }

  .us-single-real-life-story-right {
    margin-right: 0;
  }

  .us-single-real-life-story:nth-child(even) .us-single-real-life-story-right {
    margin-left: 0;
  }

  .us-single-real-life-story-right img {
    max-width: 80%;
  }

  .us-single-real-life-story-right-name {
    bottom: 100px;
    left: 60px;
  }

  .us-single-real-life-story:nth-child(even) .us-single-real-life-story-right-name {
    right: 60px;
  }

  .reallifehand {
    top: -50px;
    right: 20px;
    max-width: 18%;
  }

  .lg-title {
    font-size: 32px;
  }

  p.subtitle-para {
    font-size: 18px;

  }

  .all-tips-slider-container .carousel-content {
    gap: 5px;
    align-items: center;
    flex-direction: column;
  }

  .ft-calculator-section-main .tab {
    background: #eee;
    border: none;
    padding: 4px 15px;
  }


}

@media (max-width:576px) {
  .security-inner .security-inner-single {
    width: 100%;
  }

  .security-inner {
    flex-direction: column;
    max-width: 50%;
    margin: auto;
  }

  .what-you-get-images {
    display: none;
  }

  .what-you-get-highlight {
    text-align: center;
    margin-top: 70px;
  }

  .is-plaid-safe-item {
    justify-content: center;
    align-items: center;
    margin: auto;
    text-align: center;
  }



  .hard-working-families-section {
    padding: 70px 0 70px;
  }



  .hard-working-families-inner {
    padding: 35px 20px;
  }

  .footer .f-cont .social-media ul li+li {
    margin-left: 15px;
  }

  .footer .f-cont {
    justify-content: space-between;
    gap: 15px;
  }

  .footer .f-cont .terms {
    margin: auto;
  }

  .extra-lg-title {
    font-size: 48px;
    line-height: 58px;
  }

  .us-banner-imgs-bottom img {
    min-height: 200px;
  }

  .cta-section.us-cta-section .cta-content {
    padding: 45px 0 45px 0;
  }

  .ft-calculator-section-main .right {
    flex-direction: column;
    margin-inline: auto;
  }

  .life-style-section-left {
    flex-direction: column;
  }

  .carousel-content-inner {
    flex-direction: column;
  }
}

@media (max-width:480px) {

  .hero-banner .hb-content .hb-text .hb-head,
  .why-plaid-matter-title,
  .reward-section-title,
  .real-life-challenges-title,
  .challenge-savings span,
  .what-you-get-title,
  .is-plaid-safe-title,
  .the-number-speak-title,
  .the-number-speak-single h2,
  .plans-header,
  .spendable-saving-plans-section .app-download h4 {
    font-size: 38px;
  }

  .spendable-saving-plans-features h3 br {
    display: none;
  }

  .what-you-get-highlight h4 {
    font-size: 21px;
  }

  .what-you-get-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .why-plaid-matter-card {
    padding: 38px 22px 30px;
  }

  .why-plaid-matter-card img {
    margin-bottom: 12px;
    display: block;
    width: 42px;
    margin-top: 10px;
  }

  .why-plaid-matter-cards {
    margin-top: -20px;
    gap: 15px;
  }

  .why-plaid-matter-card p,
  .why-plaid-matter-number {
    font-size: 16px;
  }

  .security-inner {
    max-width: 65%;
  }

  .extra-lg-title {
    font-size: 40px;
    line-height: 50px;
  }

  .app-download .hb-btn img {
    width: 160px;
    height: auto;
    object-fit: contain;
  }

  .hard-working-families-section.us-hard-working-families-section .hard-working-families-inner {
    padding: 45px 0;
  }

  .hard-working-families-section.us-hard-working-families-section .hard-working-families-inner p {
    font-size: 18px;
    max-width: 85%;
    margin: auto;
  }

  .us-homepage-main .container {
    max-width: 100%;
  }

  .ft-all-categories-inner,
  .ft-free-resources-inner {
    flex-direction: column;
  }

  .ft-all-categories-chips {
    justify-content: center;
  }

  .investing-card {
    min-height: 180px;
  }

  .all-tips-slider-container .carousel-text {
    max-width: 80%;
    text-align: center;
  }
  .ft-calculator-section-main .chart-legend li{
    text-align: left;
  }
}

@media (max-width:390px) {
  .challenge-image-name {
    font-size: 36px;
  }

  .challenge-image-name::after {
    height: 48px;
  }

  .real-life-challenge:not(:last-child) {
    margin-bottom: 70px;
  }

  .footer .f-cont .terms {
    margin: unset;
  }

  .footer .f-cont {
    gap: 25px;
  }

  .security-inner {
    max-width: 70%;
  }

  .cta-content {
    padding: 60px 0;
  }

  .app-download .hb-btn img {
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .spendable-saving-plans-section .app-download {
    margin-top: 40px;
  }

  .us-single-real-life-story-right-name {
    bottom: 45px;
    left: 20px;
  }

  .us-single-real-life-story:nth-child(even) .us-single-real-life-story-right-name {
    right: 20px;
    bottom: 45px;
  }

  .us-affordable-plans-section .spendable-saving-plans-all {
    margin-top: 40px;
  }

  .hard-working-families-section.us-hard-working-families-section .app-download {
    padding-inline: 20px;
  }

  .hard-working-families-section.us-hard-working-families-section .the-number-speak-title {
    margin-bottom: 45px;
  }

  .us-homepage-banner-features {
    grid-template-columns: repeat(1, 1fr);
  }

  .us-homepage-banner-content h1 br {
    display: none;
  }

  .us-banner-imgs-bottom {
    flex-direction: column;
  }

  .us-homepage-banner {
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  .us-homepage-banner {
    background-image: url(../img/usbannerbg.png);
    background-repeat: no-repeat;
    background-color: #e6eaf7;
  }

  .left-side-content-input-span div {
    min-width: 80px;
    width: unset;
  }

  .ft-calculator-section-main input[type="number"] {
    min-width: 100%;
  }
  .ft-calculator-section-main .chart-legend span:last-child{
    min-width: 80px;
  }
  .ft-fintips-section h2{
    margin-bottom: 0;
  }
  .ft-calculator-section-main .tab-content{
    padding: 20px;
  }
  .single-lifestyle h6, .quick-win-tips-inner h6{
    font-size: 16px;
  }
}

@media (max-width:320px) {
  .security-inner {
    max-width: 100%;
  }

  .hero-banner .hb-content .hb-text .hb-head,
  .why-plaid-matter-title,
  .reward-section-title,
  .real-life-challenges-title,
  .challenge-savings span,
  .what-you-get-title,
  .is-plaid-safe-title,
  .the-number-speak-title,
  .the-number-speak-single h2,
  .plans-header,
  .spendable-saving-plans-section .app-download h4 {
    font-size: 31px;
  }

  .us-single-real-life-story-right img {
    max-width: 100%;
  }

  .accordion-image-wrap .image-slide img {
    max-width: 100%;
  }
  .ft-free-resources-single{
    padding: 20px;
  }
}