body,
.questions .accordion-button {
  background: var(--Background, #fafafa);
}
.navbar-nav.me-auto {
  margin-left: auto;
}
.navbar .navbar-brand-logo {
  width: 55px;
  height: 57px;
}
.nav-link {
  color: #828282;
  font-weight: 600;
}
li.nav-item {
  padding: 0px 10px;
}
nav .container-fluid {
  width: 90%;
}
img {
  max-width: 100% !important;
}
.fixed-nav {
  background-color: transparent;
  padding: 0px 10px;
  transition: all 0.5s ease-in-out;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.home-nav {
  margin-bottom: 0;
  position: fixed;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translateZ(0);
  }
}
.scrolled {
  background-color: #fff;
  padding: 0px 10px;
  -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
  animation-name: slideInDown;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.scrolled .navbar-nav .nav-link.active,
.scrolled .navbar-nav .nav-link:hover,
.scrolled .navbar-nav .nav-link:focus {
  color: #5a368d;
}
.bg-header {
  background: var(--Main, #5a368d);
  position: sticky;
}
.bg-header .ct-button-wrapper .btn-default {
  background: var(--white-text, #fdfdfd);
  color: #5a368d;
}
.bg-header .navbar-nav .nav-link.active,
.navbar-nav .nav-link.active,
.bg-header .navbar-nav .nav-link:hover,
.navbar-nav .nav-link:hover,
.bg-header .navbar-nav .nav-link:focus,
.navbar-nav .nav-link:focus {
  color: #fdfdfd;
}
.page-title-holder {
  max-width: 500px;
  position: absolute;
  top: 17vw;
  left: 5vw;
}
.page-title-holder h1,
.page-title-holder p {
  color: #fff;
}
.page-title-holder h1 {
  font-size: 48px;
  font-weight: 600;
}
.page-title-holder p {
  font-size: 18px;
  font-weight: 400;
}
.page-title-holder .btn-default {
  padding: 16px;
  border-radius: 25px;
  border: 0;
  font-size: 20px;
  font-weight: 600;
  background: white;
  color: #5a368d;
}
.bg-pages img {
  width: 111px;
  height: 112px;
}
.bg-pages p {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-top: 20px;
}
.ct-button-text {
  font-weight: 600;
}
.ct-button-wrapper .btn-default {
  border-radius: 25px;
  background: var(--Main, #5a368d);
  width: 137px;
}
.bg-technology {
  background-image: url(../img/Technologybehind.png);
  width: 958px;
  height: 292px;
  margin-top: 31px;
  padding: 30px;
}
.bg-technology-mobile {
  background-image: url(../img/Technology\ Behind\ Res.png);
  padding: 30px;
  height: 406px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.technology,
.testimonials,
.Features,
.bg-pages {
  padding-top: 150px;
}
.technology p,
.testimonials p.text-center,
.questions p,
.Features h3,
.bg-faq-desk p,
.search-by-image h1,
.demo h2 {
  font-size: 32px;
  font-weight: 600;
}
.search-by-image p {
  font-size: 20px;
  margin: 20px 0;
}
.search-by-image a.btn-default {
  border-radius: 25px;
  background: var(--Main, #5a368d);
  padding: 13px 24px;
  font-size: 18px;
  font-weight: 500;
}
.text-right {
  text-align: right;
}
.work li {
  margin-top: 20px;
  font-size: 20px;
}
video {
  border-radius: 25px;
}
.questions,
.search-by-image,
.bg-advantages,
.demo {
  padding-top: 100px;
}
.ques-faq {
  padding-bottom: 100px;
}
.questions .seeall {
  color: var(--Main, #5a368d);
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin-top: 40px;
}
.questions p img {
  margin-right: 20px;
}

.technology ul li {

  font-size: 20px;
  font-weight: 400;
}

.bg-technology  ul li {
    max-width: 67%;
  }
  



.Features h3 {
  margin-bottom: 75px;
}
.Features img {
  width: 66px;
}
.Features p {
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
}
.Features ul li {
  text-align: left;
}
.Features .bg-dark-transparent {
  border-radius: 50px;
  border: 1px solid rgba(90, 54, 141, 0.06);
  background: #fafafa;
  padding-top: 40px;
  height: 266px;
  margin-bottom: 20px;
}
.try-on .btn-default-try {
  border-radius: 25px;
  background: var(--Main, #5a368d);
  padding: 16px;
  width: auto;
  margin-top: 20px;
}
.button-text {
  font-size: 18px;
  font-weight: 500;
}
.text-font {
  font-size: 16px;
  font-weight: 600;
}
.try-on ul li {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  margin-top: 25px;
}
.search {
  padding-bottom: 130px;
}
.testimonials h3 {
  color: var(--white-text, #fdfdfd);
  font-size: 20px;
  font-weight: 600;
}
.testimonials h4 {
  color: var(--white-text, #fdfdfd);
  font-size: 16px;
  font-weight: 400;
}
.bg-dark-transparent-testi {
  border-radius: 25px 25px 0px 0px;
  background: linear-gradient(98deg, #9f70e2 -5.73%, #5e2ba5 98%);
  position: relative;
  margin-top: -35px;
  margin-right: 30px;
}
.testimonials ul li {
  font-size: 18px;
  font-weight: 400;
}
.bg-monials {
  border-radius: 25px;
  border-right: 1px solid var(--Main, #5a368d);
  border-bottom: 1px solid var(--Main, #5a368d);
  border-top: 1px solid var(--Main, #5a368d);
}
.testi-bg {
  padding: 32px;
}
.testimonials p.text-center {
  padding-bottom: 100px;
}
.questions .accordion-button::after {
  background-image: none;
}
.questions .accordion-button:not(.collapsed)::after {
  background-image: none;
}
.questions .accordion-button::before {
  content: "+";
  border-radius: 10px;
  background: var(--Main, #5a368d);
  width: 45px;
  height: 45px;
  color: white;
  font-size: 35px;
  text-align: center;
  margin-right: 15px;
  flex-shrink: 0;
}
.questions .accordion-button:not(.collapsed)::before {
  content: "-";
}
.questions .accordion-button {
  font-size: 24px;
  font-weight: 500;
}
.questions .accordion-body {
  font-size: 20px;
  background: var(--Background, #fafafa);
  padding-left: 80px;
}
.questions .accordion-item {
  border: 0;
}
.questions .accordion-button:focus {
  box-shadow: none;
}
.get-touch {
  background: linear-gradient(
    180deg,
    #b784ff -42.17%,
    #a373e6 -29.73%,
    #8c60ca -2.19%,
    #744cad 33.36%,
    #5a368d 71.57%
  );
  height: 296px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.get-touch h3 {
  font-size: 36px;
  font-weight: 600;
}
.get-touch p {
  font-size: 24px;
  font-weight: 400;
  padding: 14px 100px;
}
.get-touch .btn-default {
  background: var(--white-text, #fdfdfd);
  padding: 16px;
  width: 166px;
  height: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #5a368d;
}
.get-touch .ct-button-text {
  font-size: 20px;
  font-weight: 600;
}
.get-touch-search {
  padding: 100px 0;
}
.get-touch-search-img {
  background: var(--Light-Secondary-Shade, rgba(237, 220, 250, 0.5));
}
.get-touch-search-img .btn-default {
  background: var(--Main, #5a368d);
}
.bg-faq-desk {
  background-image: url(../img/bg-faq.png);
  padding: 80px;
  height: 270px;
  background-repeat: no-repeat;
  background-size: cover;
}
.advantages {
  background-image: url(../img/bg-advant.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 80px 0;
}
.advantages h3 {
  margin-bottom: 0px;
}
.advantages p {
  margin: 30px 0;
}
.advantages .bg-dark-transparent {
  width: 286px;
  margin: auto;
  margin-bottom: 20px;
}
.demo h2 {
  margin-bottom: 20px;
}
.footer {
  background: var(--Main, #5a368d);
  padding-top: 30px;
}
.footer .container{
  max-width: 89%;
}
.footer ul {
  list-style: none;
  padding: 0;
}
.footer a {
  color: #fdfdfd;
  text-decoration: none;
}
.footer-one {
  border-bottom: 1px solid #828282;
}
.footer-one p {
  font-weight: 500;
}
.footer-copyright {
  margin-top: 12px;
}
.links-page {
  display: flex;
  flex-wrap: wrap;
}
.links-page li {
  margin-right: 35px;
}
.footer-copyright a {
  font-size: 14px;
  font-weight: 400;
}
.footer-copyright p {
  font-size: 14px;
  font-weight: 500;
}
.footer .footer-one .social {
  display: flex;
}
.footer .social li {
  margin-right: 18px;
}
.footer .links li {
  margin-bottom: 12px;
}
.footer h5 {
  font-size: 18px;
  font-weight: 700;
}
.footer .links-address li {
  display: flex;
  align-items: center;
}
.footer .links-address img {
  margin-right: 12px;
}
.btn:hover,
.btn:focus,
.btn:active {
  box-shadow: inset 0 0 0 2em var(--hover);
  transform: translateY(-0.25em);
  color: #fff !important;
  border: 1px solid;
}
.btn {
  --hover: #5a368d;
  transition: 0.25s;
}
.btn-default-try:hover {
  box-shadow: inset 0 0 0 2em var(--hover);
  color: #5a368d !important;
}
.btn-default-try {
  --hover: #fff;
  color: #fff !important;
}
@media (min-width: 992px) {
  .mobile-app,
  .bg-faq-mob {
    display: none;
  }
}
@media (min-width: 768px) {
  .mobille-app {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 992px) {
  .bg-faq-desk p {
    text-align: end !important;
  }
}
@media (max-width: 991px) {
  .mob-nav:not(.scrolled) {
    background: #28073f;
  }
  .scrolled {
    background: var(--Main, #5a368d);
  }
  .navbar-toggler-icon {
    background-image: url(../img/menumob.png);
  }
  .navbar-toggler {
    border: 0;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .desk-app,
  .bg-faq-desk {
    display: none;
  }
  .bg-faq-mob p {
    font-weight: 600;
    margin-top: -55px;
    font-size: 24px;
  }
  nav .container-fluid {
    width: 100%;
  }
  .d-flex {
    margin-bottom: 30px;
  }
  .scrolled .navbar-nav .nav-link.active,
  .scrolled .navbar-nav .nav-link:hover,
  .scrolled .navbar-nav .nav-link:focus {
    color: #fff;
  }
  .home-nav.mob-nav .ct-button-wrapper .btn-default,
  .bg-header .ct-button-wrapper .btn-default {
    background: var(--white-text, #fdfdfd);
    color: #5a368d !important;
    border-radius: 8px;
  }
  .home-nav.mob-nav .ct-button-wrapper .btn-default:hover,
  .bg-header .ct-button-wrapper .btn-default:hover{
    color: #fff !important;
    background: #5a368d;
    box-shadow: none;



    
  }


  .bg-header .collapse:not(.nav-show) {
    display: none !important;
  }
  .bg-header .nav-show {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .bg-header .show {
    display: none;
  }
  .bg-header .collapse {
    transition: 2s;
  }
  .bg-header .collapse:not(.nav-show) {
    display: none !important;
    height: 177px !important;
  }
  .bg-header .nav-show {
    display: block !important;
  }
  .get-touch-search-img .btn-default {
    background: var(--Main, #5a368d);
  }
  .try-on .btn-default-try {
    background: var(--Main, #5a368d);
  }
  li.nav-item {
    padding: 0;
  }
  .Features .bg-dark-transparent {
    width: 286px;
    margin: auto;
    margin-bottom: 20px;    
  }
  .page-title-holder {
    left: 0;
    right: 0;
    margin: auto;
    top: 40vw;
    text-align: center;
  }
  .page-title-holder p,
  .bg-technology-mobile ul li,
  .button-text,
  .get-touch p {
    font-size: 16px;
  }
  .navbar .navbar-brand-logo {
    width: 37px;
    height: 30px;
  }
  .navbar button.navbar-toggler {
    border: 0 !important;
  }
  .bg-pages p,
  .questions .accordion-button {
    font-size: 16px;
  }
  .questions .accordion-button::before {
    width: 24px;
    height: 24px;
    font-size: 19px;
  }
  .questions .accordion-body {
    font-size: 15px;
  }
  .technology p,
  .testimonials p.text-center,
  .questions p,
  .Features h3,
  .page-title-holder h1,
  .bg-technology-mobile p,
  .get-touch h3,
  .bg-faq-mob p,
  .bg-faq-desk p,
  .search-by-image h1,
  .demo h2 {
    font-size: 24px;
  }
  .bg-technologyy {
    margin-top: 30px;
  }
  .bg-monials {
    margin-bottom: 65px;
  }
  .try-on ul li {
    font-size: 16px;
  }
  .technology,
  .testimonials,
  .Features,
  .bg-pages {
    padding-top: 50px;
  }
  .Features h3 {
    margin-bottom: 20px;
  }
  .search-by-image,
  .demo h2 {
    text-align: center;
  }
  ul.work {
    text-align: initial;
    background-image: url(../img/works.png);
    background-repeat: no-repeat;
    background-position: 77% 65%;
    background-size: 30%;
  }
  .text-right {
    display: none;
  }
  .questions,
  .ques-faq,
  .search-by-image,
  .bg-advantages,
  .demo {
    padding-top: 50px;
  }
  .desktop-app {
    display: none;
  }
  .advantages {
    background-image: url(../img/bg-mob-advantages.png);
    background-position: 45% -10%;
    padding-bottom: 0;
  }
  .questions .accordion-flush .accordion-item .accordion-button,
  .accordion-flush .accordion-item .accordion-button.collapsed {
    padding-left: 0;
  }
  .questions .accordion-body {
    padding-left: 40px;
  }
  .footer-copyright p {
    text-align: start !important;
  }
}
@media (max-width: 428px) {
  .page-title-holder {
    top: 24vw;
  }
  .page-title-holder .btn-default {
    padding: 10px;
    font-size: 18px;
  }
  .page-title-holder p {
    font-size: 15px;
  }
  .get-touch p {
    padding: 5px;
  }
  .get-touch .btn-default {
    height: 45px;
  }
  .questions .accordion-body,
  .questions .accordion-button {
    font-size: 16px;
  }
  .bg-technology-mobile {
    padding: 10px;
    height: 280px;
  }
}