:root {
  --accent-color: #5a3693;
  --contrast-color: #ffffff;
  --default-font: "Montserrat", sans-serif;
  --heading-font: "Baloo 2", sans-serif;
  --nav-font: "Montserrat", sans-serif;
  --semi-bold: 600;
  --bold: 700;
  --extrabold: 800;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --default-color: #181818;
  --text-color: #181818;
}
/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}
body {
  color: #000;
  font-family: var(--default-font);

  background: url("../images/bodybg.png") repeat-x left top;
}
p {
  font-family: var(--default-font);
}

html,
body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
a {
  color: var(--accent-color);
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%);
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--default-font);
  padding: 0;
  margin: 0;
}
/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
  --background-color: rgba(255, 255, 255, 0);
  --default-color: #ffffff;
  --heading-color: #ffffff;
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 20px 0;
  transition: all 0.3s;
  z-index: 997;
}
.header .logo {
  line-height: 1;
  transition: height 0.3s ease;
}
.header .logo img {
  margin-right: 8px;
  transition: height 0.3s ease;
}
.header .logo h1 {
  font-size: 30px;
  margin: 0;
  font-weight: 700;
  color: var(--heading-color);
}
.scrolled .header {
  box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}
/* Global Header on Scroll
------------------------------*/
.scrolled .header {
  background-color: #fff0f0;
  background-color: linear-gradient(
    13deg,
    rgba(255, 240, 240, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}
.scrolled .header .logo img {
  max-height: 65px;
  transition: height 0.3s ease;
}
/* Desktop Navigation */
@media (min-width: 1200px) {
  .navmenu {
    padding: 0;
  }
  .navmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    gap: 5px;
  }
  .navmenu li {
    margin: 0;
    padding: 0;
  }
  .navmenu > ul > li {
    white-space: nowrap;
  }
  .navmenu > ul > li:last-child {
    padding-right: 0;
  }
  .navmenu a,
  .navmenu a:focus {
    color: #000000;
    font-size: 13px;
    font-family: var(--nav-font);
    font-weight: var(--font-weight-medium);
    transition: 0.3s;
    border-radius: 30px;
    padding: 10px 20px;
    text-transform: uppercase;
  }
  .navmenu a:hover {
    color: var(--accent-color);
    transition: background-color 0.3s ease, transform 0.3s ease;
  }
  .navmenu .active,
  .navmenu .active:focus {
    color: #000000 !important;
    background: linear-gradient(180deg, #e9b94d 0%, #ffe6ac 100%);
  }
}
/* Mobile Navigation */
@media (max-width: 1199px) {
  .mobile-nav-toggle {
    color: var(--accent-color);
    font-size: 38px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;
  }
  .navmenu {
    padding: 0;
    z-index: 9997;
  }
  .navmenu ul {
    display: none;
    list-style: none;
    position: absolute;
    inset: 72px 20px 20px 20px;
    padding: 10px 0;
    margin: 0;
    border-radius: 6px;
    background-color: #fff1d6;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
    box-shadow: none;
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
    max-height: 300px;
  }
  .navmenu a,
  .navmenu a:focus {
    color: #323232;
    padding: 10px 20px;
    font-family: var(--nav-font);
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    transition: 0.3s;
  }
  .navmenu a i,
  .navmenu a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
    background-color: color-mix(in srgb, var(--accent-color), transparent 90%);
  }
  .navmenu a i:hover,
  .navmenu a:focus i:hover {
    background-color: #e9b94d;
    color: var(--contrast-color);
  }
  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {
    color: var(--accent-color) !important;
  }
  .navmenu .active i,
  .navmenu .active:focus i {
    color: var(--accent-color) !important;
  }
  .navmenu .dropdown ul {
    position: static;
    display: none;
    z-index: 99;
    padding: 10px 0;
    margin: 10px 20px;
    background-color: #ffffff;
    transition: all 0.5s ease-in-out;
  }
  .navmenu .dropdown ul ul {
    background-color: rgba(33, 37, 41, 0.1);
  }
  .navmenu .dropdown > .dropdown-active {
    display: block;
    background-color: rgba(33, 37, 41, 0.03);
  }
  .mobile-nav-active .mobile-nav-toggle {
    color: #fff;
    position: absolute;
    font-size: 32px;
    top: 15px;
    right: 15px;
    margin-right: 0;
    z-index: 9999;
  }
  .mobile-nav-active .navmenu {
    position: fixed;
    overflow: hidden;
    inset: 0;
    background: rgba(33, 37, 41, 0.8);
    transition: 0.3s;
  }
  .mobile-nav-active .navmenu > ul {
    display: block;
  }
  .header .logo img {
    max-height: 100%;
    margin-left: 8px;
  }
  .playStoreWrap .rhtImgWrap {
    margin-top: 0px !important;
    width: 100%;
    position: relative;
    text-align: right;
  }
}

@media (max-width: 992px) {
  #output img {
    max-width: 524px;
    width: 80%;
    text-align: center;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1198px) {
  #output img {
    width: 100% !important;
  }
}

/*---------# Preloader--------------------------------------------------------------*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  overflow: hidden;
  background: var(--background-color);
  transition: all 0.6s ease-out;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ffffff;
  border-color: var(--accent-color) transparent var(--accent-color) transparent;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1.5s linear infinite;
}

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

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

/*--------------------# Scroll Top Button--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}
.scroll-top:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}
.scroll-top.active {
  visibility: visible;
  opacity: 1;
}
/*--------------------------# Disable aos animation delay on mobile devices-----------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
  html,
  body {
    overflow-x: hidden;
  }
}
/*---------------------------------# Global Sections--------------------------------------------------------------*/
section,
.section {
  margin: 80px 0 0 0;
  scroll-margin-top: 100px !important;
}
@media (max-width: 1199px) {
  section,
  .section {
    scroll-margin-top: 100px;
    margin: 50px 0 0px 0;
  }
}
@media (max-width: 767px) {
  section,
  .section {
    scroll-margin-top: 100px;
    margin: 30px 0 0px 0;
  }
}
/*--------------------------------------# Hero Section--------------------------------------------------------------*/
/*downloaded----------------------*/

.okay-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 100px 50px 50px 80px;
}
.text-side {
  flex: 1 1 350px;
}
.text-side h1 {
  font-size: 6.25rem !important;
  font-family: var(--heading-font);
  font-weight: var(--bold);
  text-shadow: 4px 8px 0px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  padding-bottom: 20px;
}
.text-side .tagline {
  font-size: 2.25rem !important;
  font-family: var(--default-font);
  font-weight: var(--font-weight-regular);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 5px;
  line-height: 46px;
}
.text-side .desc {
  font-size: 1.125rem !important;
  font-family: var(--default-font);
  font-weight: var(--font-weight-regular);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  line-height: 28px;
}
.text-side .desc span {
  font-size: 1.125rem !important;
  font-family: var(--default-font);
  font-weight: var(--bold);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #ffc801;
  line-height: 28px;
}
.app-links {
  margin-top: 2.5rem;
  display: flex;
  gap: 1rem;
}
.app-links img {
  width: auto;
  height: auto;
}
.app-links a {
  transition: all ease 0.2s;
  border-radius: 50px;
}
.app-links a:hover {
  box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px) !important;
  border-radius: 50px;
}
.video-side {
  flex: 1 1 350px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.video-card {
  width: 100%;
  max-width: 308px;
  border-radius: 15px;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.video-card img {
  width: 100%;
  display: block;
}
.top-video {
  margin-left: 100px;
  margin-top: 50px;
}
.bottom-video {
  margin-left: 270px;
  margin-top: 20px;
}
/* RESPONSIVE */
@media (max-width: 1400px) {
  .bottom-video {
    margin-left: 170px;
  }
}
@media (max-width: 1099px) {
  .bottom-video {
    margin-left: auto;
  }
}
@media (max-width: 998px) {
  .top-video {
    margin-left: auto;
    margin-right: auto;
  }
  .bottom-video {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .okay-section {
    flex-direction: column;
    text-align: center;
    padding: 2rem;
  }
  .app-links {
    justify-content: center;
  }
  .video-side {
    align-items: center;
  }
}
@media screen and (max-width: 576px) {
  .text-side h1 {
    font-size: 3.25rem !important;
    padding-bottom: 10px;
  }
  .text-side .tagline {
    font-size: 1.25rem !important;
    padding-bottom: 10px;
    line-height: 28px;
  }
  .app-links {
    flex-direction: column;
  }
  .top-video {
    margin-top: 0;
  }
}
/*-----------------------------------*/
.hero {
  width: 100%;
  margin-top: 100px;
  display: flex;
  align-items: center;
}
.hero-bg {
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hero .hero-bg-wrap {
  background: url("../images/banner-img.png") no-repeat left top;
  background-size: cover;
  box-shadow: inset 0px 0px 200px rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 696px;
  border-radius: 60px;
}
@media screen and (max-width: 1199px) {
  .hero .hero-bg-wrap {
    height: 100%;
  }
}
/*------------------------------------ About Us*/
.aboutUsWrap {
  display: flex;
  position: relative;
  min-height: 573px;
}
.aboutUsWrap .text-bg {
  flex: 1;
  padding: 35px 60px 60px 60px;
  margin-left: 250px; /* leave gap on left for overlap */
  background: linear-gradient(180deg, #fff0e4 0%, #f3f2ff 94.71%);
  border-radius: 60px 60px 60px 131px;
}
/* Text content inside gradient */
.aboutUsWrap .text-content {
  position: absolute;
  color: #333;
  z-index: 2;
  max-width: 700px;
  right: 0;
  padding: 10px 80px 10px 10px;
}
.aboutUsWrap .text-content h2 {
  margin-bottom: 12px;
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 3.125rem;
  font-weight: var(--bold);
}
.aboutUsWrap .text-content p {
  line-height: 1.6;
  font-size: 1rem;
  color: #222;
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
}
.aboutUsWrap .text-content .checklistWrap {
  display: flex;
  gap: 40px;
}
.aboutUsWrap .text-content ul.checklist {
  padding: 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
}
.aboutUsWrap .text-content ul li {
  padding: 0 0 8px 30px;
  margin: 0;
  list-style: none;
  background: url("../images/tick-icn.svg") no-repeat left top;
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
  font-size: 1rem;
}
/* Image overlapping gradient */
.aboutUsWrap .image-container {
  position: absolute;
  left: -13px;
  top: 54%;
  transform: translateY(-50%);
  z-index: 2;
}
.aboutUsWrap .image-container img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1398px) {
  .aboutUsWrap .image-container img {
    width: 80%;
  }
}
@media screen and (max-width: 1280px) {
  .aboutUsWrap .text-bg {
    padding: 40px 20px;
  }
  .aboutUsWrap .image-container {
    left: -70px;
  }
  .aboutUsWrap .image-container img {
    max-width: 70%;
    margin: 0 auto;
    display: block;
  }
}
.image-container-responsive {
  display: none;
}
@media screen and (max-width: 1080px) {
  .aboutUsWrap .text-bg {
    margin-left: 0;
    border-radius: 40px;
    padding: 40px 20px;
  }
  .aboutUsWrap .image-container img {
    display: none;
  }
  .aboutUsWrap .text-content {
    max-width: 100%;
    position: inherit;
  }

  .image-container-responsive {
    display: block !important;
    text-align: center;
  }
  .image-container-responsive img {
    max-width: 45%;
    height: auto;
  }
  .aboutUsWrap .text-content .checklistWrap {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 576px) {
  .aboutUsWrap .text-content {
    padding: 10px;
  }
  .aboutUsWrap .text-content h2 {
    font-size: 2.188rem;
  }
  .aboutUsWrap .text-bg {
    padding: 30px 15px 15px 15px;
  }
  .image-container-responsive img {
    max-width: 75% !important;
    height: auto;
  }
  .aboutUsWrap .text-content p {
    font-size: 0.938rem;
  }
  .aboutUsWrap .text-content ul li {
    font-size: 0.938rem;
    background-size: 16px;
  }
}
/*-----------------------// About Us*/

/*----------------------How it works*/
.patternbg {
  background: linear-gradient(
      351.25deg,
      rgba(255, 240, 228, 0) 7.67%,
      rgba(247, 244, 252, 0) 53.5%,
      #f4edff 94.33%
    ),
    url("../images/pattern-bg.svg");
  background-repeat: repeat;
  background-size: auto;
  background-blend-mode: multiply;
}
.howitwork .heading {
  padding-top: 70px;
  text-align: center;
}
.howitwork .heading h1 {
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 3.125rem;
  font-weight: var(--bold);
  padding-bottom: 10px;
}
.howitwork .heading h2 {
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 2.125rem;
  font-weight: var(--bold);
}
.howitwork .heading h3 {
  font-family: var(--heading-font);
  color: var(--default-color);
  font-size: 1.125rem;
  font-weight: var(--font-weight-regular);
  padding-top: 10px;
}
.howitwork-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding-top: 30px;
  text-align: center;
  font-size: 1rem;
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
  line-height: 24px;
}
.howitwork-item .wrap {
  flex: 1 1 400px;
  max-width: 417px;
  background: linear-gradient(180deg, #ffebeb 0%, rgba(255, 235, 235, 0) 100%);
  border-radius: 500px 500px 47px 47px;
  gap: 20px;
}
.howitwork-item .wrap .howitwork-icon {
  margin: 35px;
}
.howitwork-item .wrap .howitwork-icon img {
  padding-bottom: 10px;
}
.howitwork-item .wrap .appScreen img {
  max-width: 100%;
}
@media (max-width: 992px) {
  .howitwork-item {
    justify-content: center;
  }
  .howitwork-item .wrap {
    flex: 1 1 45%;
    max-width: 45%;
  }
}
/* Mobiles (1 per row) */
@media (max-width: 576px) {
  .howitwork-item .wrap {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .howitwork .heading h2 {
    font-size: 1.5rem;
  }
  .howitwork .heading h1 {
    font-size: 2.188rem;
  }
  .howitwork-item .wrap .howitwork-icon {
    margin: 25px;
  }
  .howitwork .heading {
    padding-top: 30px;
    text-align: center;
  }
}
/*----------------------//How it works*/

/*---------------------- modal*/

#output img {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#output img.loaded {
  opacity: 1;
}
.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 0.25rem rgba(231, 182, 182, 0.25);
}
/*Review and carousel class*/
.reviewbg {
  padding-top: 80px;
  margin-top: 0;
  background: linear-gradient(
    180deg,
    #ffffff 4.33%,
    #fff0e4 16.83%,
    #fff6f0 97.6%
  );
}
.review-heading h1 {
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 3.125rem;
  font-weight: var(--bold);
  padding-bottom: 5px;
}
.review-heading h3 {
  font-family: var(--default-font);
  color: var(--default-color);
  font-size: 1.125rem;
  font-weight: var(--font-weight-medium);
  padding-bottom: 10px;
}
.carouselWrap .carousel-inner {
  min-width: 100%;
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}
.carouselWrap .carousel-indicators [data-bs-target] {
  width: 16px;
  height: 16px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #5a3693;
  opacity: 1;
  box-sizing: none;
}
.carouselWrap .carousel-indicators .active {
  opacity: 1;
  background-color: #5a3693;
}
.carouselWrap .carousel-indicators {
  bottom: -48px;
}
.carouselBodyBg {
  background: linear-gradient(180deg, #fff1e6 0%, #fff5ee 100%);
}
.carouselWrap .carousel-item .divwrap {
  width: 48%;
  min-height: 150px;
  padding: 40px 60px 20px;
  text-align: center;
  margin: 0px;
  background-image: url("../images/left_leaf.png"),
    url("../images/right_leaf.png"), url("../images/review-stars.png");
  background-position: left top, right top, center top;
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  font-family: var(--default-font);
  transition: opacity 0s 0.8s;
}
.carouselWrap .carousel-item .divwrap span {
  color: #5a3693;
  font-size: 22px;
  font-weight: var(--bold);
  font-family: var(--heading-font);
  display: block;
  padding-top: 15px;
}
q:before,
q:after {
  font-size: 30px;
  padding: 0;
  margin: 0;
  line-height: 10px;
  font-family: "Times New Roman", Times, serif;
  line-height: 20px;
}
@media screen and (max-width: 1000px) {
  .carouselWrap .carousel-item .divwrap {
    width: 100% !important;
  }
}
.carousel-item {
  transition: opacity 0.8s ease-in-out; /* Adjust 0.8s as needed */
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 0.8s; /* Match the delay to the item transition */
}
/*  Slider */
.sliderWrap {
  position: relative;
  background: linear-gradient(180deg, #fff6ef 0%, #fffffe 100%);
  padding-top: 80px;
  margin-top: 0 !important;
  z-index: 2;
}
@media (max-width: 576px) {
  .sliderWrap {
    margin-bottom: 20px;
  }
}
.carouselWrap {
  width: 100%;
  position: relative;
  padding: 0px;
  box-sizing: border-box;
  background: #ffffff;
  background-clip: padding-box;
  border: solid 10px transparent;
  border-radius: 40px;
  height: auto;
}
.carouselWrap:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -10px;
  border-radius: 40px;
  background: linear-gradient(to bottom, #ffbb8b, #e2d3fa);
}
/* .innerCarouselWrap {
  width: 100%;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
} */
.innerCarouselWrap {
  width: 100%;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.innerCarouselWrap h2 {
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px; /* 115% */
  padding-bottom: 24px;
  margin: 0;
}
.innerCarouselWrap p {
  color: #181818;
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
  font-size: 16px;
  font-style: normal;
  padding-bottom: 8px;
  margin: 0;
  line-height: 26px;
}
.innerCarouselWrap p.quoted-text {
  color: #eb7948;
  font-style: italic;
  font-weight: 700;
}
.innerCarouselWrap p.black-text {
  font-weight: 600;
}
.slider-img {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  max-width: 100%;
  object-fit: cover;
}
img.slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
.carouselWrap .owl-stage-outer {
  border-radius: 30px;
}
.carouselWrap .carousel-btn-wrap {
  position: absolute;
  width: 160px;
  height: 80px;
  left: 50%;
  bottom: -25px;
  border-radius: 40px;
  background: linear-gradient(135deg, #cbe0da 4.69%, #f6985a 100%);
  z-index: 1;
}
.innerCarouselWrap ul {
  padding: 0 0 10px 0;
  margin: 0;
  list-style: none;
}
.innerCarouselWrap ul.bulletList li {
  padding: 0 0 8px 30px;
  margin: 0;
  list-style: none;
  background: url("../images/tick-icn.svg") no-repeat left top;
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
  font-size: 1rem;
}
.carouselWrap .owl-nav {
  margin: 0px 0px;
  width: 100%;
  position: absolute;
  display: block;
  height: 35px;
  top: 40% !important;
  transform: translateY(-40%);
}
.my-owl-nav {
  position: absolute;
  width: 160px;
  height: 80px;
  left: calc(50% - 80px);
  bottom: -42px;
  border-radius: 40px;
  background: linear-gradient(135deg, #f6985a 4.69%, #cbe0da 100%);
  z-index: 1;
  display: flex;
  padding: 12px;
  justify-content: space-between;
}
.my-owl-nav span {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background: #eaeaea;
  display: flex;
}
.my-owl-nav span:hover {
  cursor: pointer;
}
.my-owl-nav .my-prev-button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_123_1413' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' transform='matrix(-1 0 0 1 24 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_123_1413)'%3E%3Cpath d='M7.825 13.0001H19C19.2833 13.0001 19.5208 12.9043 19.7125 12.7126C19.9042 12.5209 20 12.2834 20 12.0001C20 11.7168 19.9042 11.4793 19.7125 11.2876C19.5208 11.0959 19.2833 11.0001 19 11.0001H7.825L12.725 6.10011C12.925 5.90011 13.0208 5.66678 13.0125 5.40011C13.0042 5.13344 12.9 4.90011 12.7 4.70011C12.5 4.51678 12.2667 4.42094 12 4.41261C11.7333 4.40428 11.5 4.50011 11.3 4.70011L4.7 11.3001C4.6 11.4001 4.52917 11.5084 4.4875 11.6251C4.44583 11.7418 4.425 11.8668 4.425 12.0001C4.425 12.1334 4.44583 12.2584 4.4875 12.3751C4.52917 12.4918 4.6 12.6001 4.7 12.7001L11.3 19.3001C11.4833 19.4834 11.7125 19.5751 11.9875 19.5751C12.2625 19.5751 12.5 19.4834 12.7 19.3001C12.9 19.1001 13 18.8626 13 18.5876C13 18.3126 12.9 18.0751 12.7 17.8751L7.825 13.0001Z' fill='%235A3693'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.my-owl-nav .my-next-button {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_105_104' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_105_104)'%3E%3Cpath d='M16.175 13.0001H5C4.71667 13.0001 4.47917 12.9043 4.2875 12.7126C4.09583 12.5209 4 12.2834 4 12.0001C4 11.7168 4.09583 11.4793 4.2875 11.2876C4.47917 11.0959 4.71667 11.0001 5 11.0001H16.175L11.275 6.10011C11.075 5.90011 10.9792 5.66678 10.9875 5.40011C10.9958 5.13344 11.1 4.90011 11.3 4.70011C11.5 4.51678 11.7333 4.42094 12 4.41261C12.2667 4.40428 12.5 4.50011 12.7 4.70011L19.3 11.3001C19.4 11.4001 19.4708 11.5084 19.5125 11.6251C19.5542 11.7418 19.575 11.8668 19.575 12.0001C19.575 12.1334 19.5542 12.2584 19.5125 12.3751C19.4708 12.4918 19.4 12.6001 19.3 12.7001L12.7 19.3001C12.5167 19.4834 12.2875 19.5751 12.0125 19.5751C11.7375 19.5751 11.5 19.4834 11.3 19.3001C11.1 19.1001 11 18.8626 11 18.5876C11 18.3126 11.1 18.0751 11.3 17.8751L16.175 13.0001Z' fill='%235A3693'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 576px) {
  .reviewbg {
    padding-top: 40px;
  }
  .review-heading h1 {
    font-size: 2.188rem;
  }
  .carouselWrap {
    /* top: -30px; */
  }
  .sliderWrap {
    padding-top: 30px;
  }
  .innerCarouselWrap p {
    font-size: 0.938rem;
  }
}
/*--------------------------------------------------------------
# Preloader starts
*/
#preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff0e4;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
}
/* Animation circles */
#preloader::before,
#preloader::after {
  content: "";
  position: absolute;
  border: 4px solid #eb7948;
  border-radius: 50%;
  animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
#preloader::after {
  animation-delay: -0.5s;
}
@keyframes animate-preloader {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }
  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}
/* Hidden state after loading */
#preloader.hidden {
  opacity: 0;
  transform: translateY(0px);
  visibility: hidden;
}
/*--------------------------------------------------------------
# Preloader ends
--------------------------------------------------------------*/
@media screen and (max-width: 992px) {
  .slider-img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .innerCarouselWrap {
    width: 100%;
    padding: 40px;
    /* min-height: 400px !;
    background-color: grey; */
  }
  .second-list-content {
    padding: 60px 20px !important;
  }
}
@media screen and (max-width: 576px) {
  .innerCarouselWrap {
    padding: 20px !important;
  }
  .innerCarouselWrap h2 {
    font-size: 32px;
    line-height: 34px;
  }
}
/* ---------------------------------case study*/
.case-study .patternbg {
  background: url("../images/pattern-bg.svg") no-repeat left top;
}
.case-study h1 {
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 3.125rem;
  font-weight: var(--bold);
  padding-bottom: 5px;
}
.case-study h3 {
  font-family: var(--default-font);
  color: var(--default-color);
  font-size: 1.125rem;
  font-weight: var(--font-weight-medium);
  padding-bottom: 10px;
}
.case-study-wrap {
  display: flex;
  position: relative;
  min-height: 573px;
}
.case-study-wrap .img-wrap {
  position: absolute;
  left: -13px;
  top: 54%;
  transform: translateY(-50%);
  z-index: 2;
}
.case-study-wrap .img-wrap img {
  max-width: 100%;
  height: auto;
}
.case-study-wrap .img-wrap-responsive {
  display: none;
}
.case-study-wrap .case-study-content .text-bg {
  flex: 1;
  padding: 60px 60px 60px 260px;
  margin: 126px 0px 0px 390px;
  background: linear-gradient(90deg, #fff6e1 19.81%, #ffffff 100%);
  border-radius: 0px 20px 20px 112px;
  max-height: 400px;
  font-family: var(--default-font);
  color: var(--default-color);
  font-size: 18px;
  font-weight: var(--font-weight-medium);
}
.case-study-wrap .case-study-content .text-bg p {
  padding-bottom: 10px;
}
.read-more-btn {
  outline: none;
  font-family: var(--heading-font);
  font-size: 1rem;
  font-weight: var(--bold);
  color: var(--contrast-color);
  border-radius: 50px;
  padding: 8px 20px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease,
    transform 0.2s ease;
  background-color: var(--accent-color);
}
.read-more-btn:hover {
  color: var(--accent-color);
  transition: background-color 0.3s ease, box-shadow 0.3s ease,
    transform 0.2s ease;
  background-color: var(--contrast-color);
  border-color: var(--accent-color);
}
@media screen and (max-width: 1280px) {
  .case-study-wrap .case-study-content .text-bg {
    padding: 40px 10px 60px 240px;
  }
  .case-study {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .case-study-wrap .img-wrap {
    display: none;
  }
  .case-study-wrap .img-wrap-responsive {
    display: block;
    text-align: center;
    padding: 20px 0px;
  }
  .case-study-wrap .img-wrap-responsive img {
    max-width: 50%;
  }
  .case-study-wrap .case-study-content .text-bg {
    padding: 40px 40px 20px 40px;
    border-radius: 40px;
    margin: 0;
    font-size: 0.938rem;
  }
  .case-study-wrap .case-study-content .text-bg p {
    padding-bottom: 0;
  }
  .case-study h3 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .case-study-wrap .case-study-content .text-bg {
    padding: 30px;
  }
  .case-study-wrap .img-wrap-responsive img {
    max-width: 75%;
  }
  .case-study h1 {
    font-size: 2.188rem;
  }
}
/*----------------footer */
footer {
  margin-top: 60px;
  padding: 0px;
}
#contact-us {
  scroll-margin-top: 90px; /* match header height */
}
.footer.patternbg {
  background: url("../images/pattern-bg.svg") no-repeat left top;
}
.footer h1 {
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 2.5rem;
  font-weight: var(--bold);
  padding-bottom: 15px;
}
.footer h3 {
  font-family: var(--default-font);
  color: var(--default-color);
  font-size: 1.125rem;
  font-weight: var(--font-weight-medium);
  padding-bottom: 15px;
}
.footer p {
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
}
.footer p a {
  color: #eb7948;
  font-weight: var(--bold);
}
.footer p a:hover {
  color: #5a3693;
  font-weight: var(--bold);
}
.footer .social-links {
  padding-bottom: 20px;
}
.footer .social-links a {
  width: 40px;
  height: 40px;
  transition: 0.3s;
  gap: 40px;
}
.footer .terms-link {
  color: var(--default-color);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  font-family: var(--default-font);
}
.footer .terms-link a {
  color: var(--default-color);
  text-decoration: none;
}
.footer .terms-link a:hover {
  color: var(--default-color);
  text-decoration: underline;
  transition: 0.3s;
}
.footer .social-links a:hover {
  transition: 0.3s;
  transform: translateY(-5px);
}
.footer .footer-img {
  padding-right: 10%;
}
@media screen and (max-width: 1024px) {
  .footer h1 {
    font-size: 2rem;
  }
  .footer .footer-img {
    padding-right: 10%;
    padding-top: 15px;
  }
}
@media screen and (max-width: 976px) {
  footer {
    margin-top: 30px;
    padding: 20px;
  }
}
@media screen and (max-width: 576px) {
  footer {
    margin-top: 0px;
  }
}
/*---download app sec starts here---------*/
.download-app-sec {
  width: 100%;
  background: linear-gradient(180deg, #fff0e4 0%, #f3f2ff 94.71%);
  height: 530px;
  padding: 0;
  margin-top: 80px;
}
@media screen and (max-width: 576px) {
  .download-app-sec {
    margin-top: 30px;
  }
}
.download-app-sec ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
}
.download-app-sec ul li.first-list-item,
.download-app-sec ul li.last-list-item {
  width: 35%;
  height: 100%;
}

.download-app-sec ul li.second-list-item {
  width: 30%;
  height: 100%;
  background: linear-gradient(
    153deg,
    rgba(203, 206, 224, 0.6) 6.42%,
    rgba(255, 190, 146, 0.6) 99.04%
  );
}
.cat-img {
  width: 107px;
  height: 139px;
  position: absolute;
  bottom: 0;
  right: 266px;
}
.download-logo {
  width: 200px;
  height: 198px;
}
.first-list-content {
  padding-top: 100px;
  margin-right: 40px;
  margin-left: 12px;
}
.first-list-content h2 {
  margin-bottom: 12px;
  font-family: var(--heading-font);
  color: var(--accent-color);
  font-size: 3.125rem;
  font-weight: var(--bold);
}
.first-list-content p {
  line-height: 1.6;
  font-size: 1rem;
  color: #222;
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
}
.first-list-content ul.checklist {
  padding: 0;
  margin: 20px 0px 0px 0px;
  list-style: none;
  display: block;
}
.first-list-content ul.checklist li {
  padding: 0 0 8px 30px;
  margin: 0;
  list-style: none;
  background: url("../images/tick-icn.svg") no-repeat left top;
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
  font-size: 1rem;
}
.second-list-content {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.download-links {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
}
.download-links img {
  width: auto;
  height: auto;
}
.download-links a {
  transition: all ease 0.2s;
  border-radius: 50px;
}
.download-links a:first-child {
  margin-bottom: 15px;
}
.download-links a:hover {
  box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px) !important;
  border-radius: 50px;
}
.third-list-content {
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 12px;
}
.third-list-content p {
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
  font-size: 16px;
  color: #181818;
  line-height: 24px;
  margin-bottom: 16px;
}
.third-list-content p span {
  font-weight: var(--bold);
}
.third-list-content ul.checklist {
  padding: 0;
  margin: 0px 35px 28px 0px;
  list-style: none;
  display: block;
}
.third-list-content ul.checklist li {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.check-list-icn {
  width: 44px;
  height: 44px;
  background: #ffc801;
  font-size: 16px;
  border-radius: 100px;
  color: #554404;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--default-font);
  font-weight: var(--bold);
}
.check-list-content {
  flex: 1;
  font-size: 16px;
  color: #181818;
  line-height: 24px;
  font-weight: 500;
  padding-left: 16px;
}
.check-list-content span {
  font-weight: var(--bold);
}
.first-list-content ul.checklist li {
  padding: 0 0 8px 30px;
  margin: 0;
  list-style: none;
  background: url("../images/tick-icn.svg") no-repeat left top;
  font-family: var(--default-font);
  font-weight: var(--font-weight-medium);
  font-size: 1rem;
}
@media (max-width: 1100px) {
  .third-list-content {
    padding-top: 20px;
  }
  .cat-img {
    right: 210px;
  }
}
@media (max-width: 992px) {
  .download-app-sec {
    height: auto;
  }
  .download-app-sec ul {
    flex-direction: column;
  }
  .download-app-sec ul li.first-list-item,
  .download-app-sec ul li.last-list-item {
    width: 100%;
  }
  .download-app-sec ul li.first-list-item {
    padding-bottom: 50px;
    background: linear-gradient(180deg, #fff0e4 0%, #f3f2ff 94.71%);
  }
  .download-app-sec ul li.last-list-item {
    background: linear-gradient(180deg, #fff0e4 0%, #f3f2ff 94.71%);
  }
  .cat-img {
    right: 110px;
  }
  .first-list-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 90px;
    margin-right: 12px;
  }
  .download-app-sec {
    background: none;
  }
  .first-list-content h2 {
    text-align: center;
  }
  .download-app-sec ul li.second-list-item {
    width: 100%;
  }
  .third-list-content {
    padding-top: 60px;
    padding-left: 12px;
    padding-bottom: 40px;
  }
  .third-list-content ul.checklist {
    padding: 0;
    margin: 0px 0px 28px 0px;
  }
  .third-list-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 576px) {
  .first-list-content h2 {
    font-size: 2.188rem;
  }
  .first-list-content {
    padding-top: 40px;
  }
  .second-list-content {
    padding: 30px 20px !important;
  }
  .third-list-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .first-list-content p,
  .second-list-content p,
  .third-list-content p,
  .check-list-content,
  .first-list-content ul.checklist li {
    font-size: 0.938rem;
  }
}
/*---download app sec ends here---------*/