@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&family=Inter:opsz,wght@14..32,100..900&family=Lato:wght@300;400;700&family=Poppins:wght@300;400;500;600;700&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Helvetica;
}

.navbar-brand {
  margin: 0;
  padding: 1.34vw 0;
  position: absolute;
  top: 0;
  left: 2.22vw;
  z-index: 1;
}
.navbar-brand img {width: 9.46vw;}

/*Footer*/
footer {position: relative; background: #1B223C; padding-top: 5.63vw; padding-bottom: 5.56vw;}
footer .container {max-width: 1140px;}

.footer-contact-wrapp {
  display: flex;
  flex-wrap: wrap;
  row-gap: 48px;
  column-gap: 146px;
  margin-bottom: 6.67vw;
}
.footer-contact p, .footer-contact a {
  font-family: Inter;
  font-weight: 500;
  font-size: 0.97vw;
  line-height: calc(0.97vw * 1.4);
  color: #E6E6E6;
  margin-bottom: 0;
}
.footer-contact p.footer-title {
  font-family: Inter;
  font-weight: 500;
  font-size: 0.69vw;
  line-height: calc(0.69vw * 1.4);
  letter-spacing: calc(0.69vw * 0.04);
  text-transform: uppercase;
  color: #E6E6E6;
  opacity: 0.6;
  margin-bottom: 16px;
}
.footer-detail {text-align: left;}
.footer-detail #footer-logo {width: 7.5vw; margin-bottom: 16px;}
.footer-detail .social-links {display: flex; gap: 18px; justify-content: flex-start; margin-bottom: 9px}
.footer-detail .social-links img {width: 1.67vw; aspect-ratio: 1 / 1;}
.footer-detail p {
  font-family: Inter;
  font-weight: 500;
  font-size: 0.83vw;
  line-height: calc(0.83vw * 1.4);
  letter-spacing: 0%;
  text-align: left;
  color: #E6E6E6;
  opacity: 0.5;
  margin-bottom: 0;
}
.footer-top-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.footer-top-content p {
  font-family: 'Poppins';
  color: #fffcfc;
  margin-bottom: 0;
  text-align: right;
}
#amfi-regi {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: calc(1.11vw * 1.8);
  margin-bottom: 0;
  color: #FFFCFC;
  padding-bottom: 5.56vw;
}
summary {
  display: flex;
  border-bottom: 2px solid #e6e6e633;
  padding: 3.06vw 0 10px;
  justify-content: space-between;
  font-family: Poppins;
  font-weight: 500;
  font-size: 1.39vw;
  line-height: calc(1.39vw * 1.8);
  letter-spacing: 0%;
  color: #F5F5F5;
}
summary img#redirect-arrow {
  width: 1.67vw;
  aspect-ratio: 1 / 1;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.footer-disclaimer {
  font-family: Poppins;
  font-weight: 700;
  font-size: 0.97vw;
  line-height: calc(0.97vw * 1.8);
  /*text-transform: lowercase;*/
  color: #E6E6E6;
  opacity: 0.6;
  margin-bottom: 0;
  padding: 1.39vw 0 0;
}
.footer-disclaimer span {
  font-size: 1.25vw;
  line-height: calc(1.25vw * 1.8);
}
#short-disclaimer .footer-disclaimer {
  font-weight: 500;
  font-size: 0.83vw;
  line-height: calc(0.83vw * 1.8);
  text-transform: uppercase;
}
#long-disclaimer[open] img.redirect-arrow, #short-disclaimer[open] img.redirect-arrow, #sebi-regi-dtl[open] img.redirect-arrow {transform: rotate(90deg);}
.sebi-regi-top p, .sebi-regi-top h3, .sebi-regi-top a {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: calc(1.11vw * 1.8);
  margin: 6.67vw 0 0;
  color: #FFFCFC;
}
.sebi-regi-top h3, .sebi-regi-top a {
  font-weight: 500;
  font-size: 1.39vw;
  line-height: calc(1.39vw * 1.8);
}
.sebi-regi-center {
  width: 85%;
  margin: 6.67vw auto;
  border: 1px solid #fff;
  border-radius: 0.83vw;
  padding: 1.56vw 0;
  display: flex;
  justify-content: center;
  gap: 6.86vw;
}
.sebi-regi-center h4 {
  font-family: Poppins;
  font-weight: 500;
  font-size: 0.97vw;
  line-height: calc(0.97vw * 1.8);
  letter-spacing: calc(0.97vw * 0.28);
  margin-bottom: 1.25vw;
  text-transform: uppercase;
  color: #fff;
}
.sebi-detail:nth-child(2) {min-height: 9.72vw;}
.sebi-detail-title, .sebi-detail-content {
  font-family: Poppins;
  font-weight: 500;
  font-size: 0.88vw;
  line-height: calc(0.88vw * 1.8);
  color: #f5f5f5;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.sebi-detail-title img {width: 0.83vw; margin-right: 7px;}
.sebi-detail-content {padding-left: calc(0.83vw + 7px);}
a.sebi-detail-content {display: inline-block;}
a.sebi-detail-content:nth-child(3) {padding-left: 0;}
.sebi-regi-bottom p {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: calc(1.11vw * 1.5);
  color: #F5F5F5;
  margin-bottom: 2rem;
}
.sebi-regi-bottom a {color: #F5F5F5; text-decoration: underline;}
.sebi-regi-bottom p:last-child {margin-bottom: 0;}

/*Elements*/
body a:hover {
  text-decoration: none;
  color: #fff;
}
body li {
  list-style: none;
}
a {
  text-decoration: none;
}
button {
  border: none;
}
button:focus {
  outline: 0;
  box-shadow: none;
}
.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.dm-sans {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.common-btn {
  min-width: 14.51vw;
  width: fit-content;
  background: #5367FC;
  padding: 1.2vw 1.67vw;
  gap: 1.04vw;
  border-radius: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.15vw;
  line-height: 150%;
  text-align: center;
  position: relative;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  z-index: 1;
  transition: background 0.5s ease;
}
.common-btn:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 1.74vw;
  transform: translateX(-50%);
  width: 5.31vw;
  background: #2D57A6;
  filter: blur(2vw);
  aspect-ratio: 1 / 1;
  z-index: -1;
}
.common-btn img {
  width: 1.67vw;
  aspect-ratio: 1 / 1;
  position: relative;
  left: 0;
  transition: left 0.5s ease;
}
.common-btn.white-btn {
  background: #fff;
  color: #1B223C;
}
.common-btn.green-btn {
  background: #29A672;
  color: #fff;
}
.light-blue {color: #96B9FB;}
.light-yellow {color: #D6FFA2;}
.royal-blue {color: #2D57A6;}
.midnight-blue {color: #1B223C;}

/*Sections*/
.hero-section {
  background: #1B223C;
  position: relative;
  overflow: hidden;
  padding: 10.49vw 0 0;
}
.hero-section #hero-right {
  position: absolute;
  width: 40.5vw;
  top: 0;
  right: 0;
  z-index: 0;
}
.hero-section p#banner-top-text {
  font-family: Poppins;
  font-size: 1.67vw;
  font-weight: 300;
  line-height: calc(1.67vw * 1.70);
  letter-spacing: calc(1.67vw * 0.26);
  color: #fff;
  margin-bottom: 3.61vw;
}
.hero-section h1 {
  font-family: Poppins;
  font-weight: 600;
  font-size: 5.56vw;
  line-height: calc(5.56vw * 1.37);
  color: #DFE9F2;
  width: fit-content;
  margin: 0 auto 2.08vw;
  position: relative;
}
#hero-banner {
  width: 67.08vw;
  display: block;
  margin: -2vw auto 0;
  position: relative;
  z-index: -1;
}
.content-wrapper {position: relative; z-index: 1; margin: 0 7.99vw 9.03vw 4.1vw;}
#matter-sec2 {display: flex; flex-wrap: wrap;}
#matter-sec2 .item {padding: 2.34vw 0 4.26vw 0.5vw; width: 20%; background: #fff;}
#matter-sec2 .item:nth-child(2) {background: #D6FFA2;}
#matter-sec2 .item:nth-child(5) {background: #3A6AC4;}
#matter-sec2 .item img {width: 2.79vw; max-height: 2.79vw; margin-bottom: 2.79vw;}
#matter-sec2 .item:first-child img {width: 2.79vw; max-height: unset; margin-bottom: 2.12vw;}
#matter-sec2 h2 {
  font-family: Poppins;
  font-size: 1.34vw;
  font-weight: 600;
  line-height: calc(1.34vw * 1.28);
  margin-bottom: 1.21vw;
  color: #323741;
}
#matter-sec2 p {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 0.89vw;
  line-height: calc(0.89vw * 1.28);  
  color: #323741;
  margin-bottom: 0;
  text-transform: capitalize;
  width: 93%;
}

.dual-title {
  font-family: Poppins;
  font-weight: 700;
  font-size: 4.17vw;
  line-height: calc(4.17vw * 1.28);
  color: #2D57A6;
  margin-bottom: 2.15vw;
  text-transform: capitalize;
}
.dual-title span {color: #1B223C;}
#strategies {margin: 4.79vw 0 5.07vw;}
#strategies .text-center p {
  font-family: Poppins;
  font-weight: 300;
  font-size: 1.11vw;
  line-height: calc(1.11vw * 1.28);
  letter-spacing: calc(1.11vw * 0.28);
  color: #333333;
  margin-bottom: 3.26vw;
  text-transform: uppercase;
}
#works .dual-title {margin-bottom: 3.26vw;}
#works .col-md-4 {padding: 2.22vw 1.81vw 1.78vw;}
#works .col-md-4:first-child {background: #2D57A6;}
#works .col-md-4:nth-child(2) {background: #1B223C;}
#works .col-md-4:last-child {background: #29A672;}
#works .col-md-4 h3 {
  font-family: Poppins;
  font-weight: 600;
  font-size: 1.18vw;
  line-height: calc(1.18vw * 1.6);
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0.44vw;
  letter-spacing: 0.01vw;
}
#works .col-md-4 p.time {
  font-family: Poppins;
  font-weight: 400;
  font-size: 0.89vw;
  line-height: calc(0.89vw * 1.6);
  letter-spacing: calc(0.89vw * 0.11);
  color: #fff;
  opacity: 0.5;
  margin-bottom: 1.33vw;
}
#works .col-md-4 p.work-content {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: calc(1.11vw * 1.6);
  color: #fff;
  opacity: 0.8;
  margin-bottom: 0;
}
#performance {
  background: #DFE9F2;
  padding: 4.58vw 0 6.64vw;
  position: relative;
}
#performance .dual-title {font-size: 4.86vw; line-height: calc(4.86vw * 1.28);}
#performance-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 79vw;
}
#performance-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 61vw;
}
#performance .text-left h3 {
  font-family: Poppins;
  font-weight: 700;
  font-size: 4.86vw;
  line-height: calc(4.86vw * 1.6);
  margin-bottom: 1.6vw;
}
#performance .text-left p {
  font-family: Poppins;
  font-weight: 300;
  font-size: 1.11vw;
  line-height: calc(1.11vw * 1.68);
  letter-spacing: calc(1.11vw * 0.28);
  color: #333333;
  text-transform: uppercase;
  margin-left: 1.39vw;
  margin-bottom: 4.86vw;
  width: 90%;
}
#performance .text-left ul {margin-left: 1.39vw; margin-bottom: 5.76vw; padding: 0;}
#performance .text-left li {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.39vw;
  line-height: calc(1.39vw * 1.47);
  margin-bottom: 2.92vw;
  padding-left: 3.22vw;
  position: relative;
  text-transform: capitalize;
}
#performance .text-left li:before {
  content: '';
  height: 1.11vw;
  aspect-ratio: 1 / 1;
  background: #1B223C;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.performance-slider-wrapper {padding: 0 6.6vw;}
.performance-slider-wrapper img {width: 99.95% !important;}
.performance-slider-wrapper .owl-dots {margin-top: 6.36vw !important;}
.performance-slider-wrapper .owl-dots .owl-dot span {
  width: 4.51vw !important;
  background: #323741 !important;
  margin: 5px 9px !important;
}
.performance-slider-wrapper .owl-dots .owl-dot.active span {width: 9.38vw !important; background: #7BA9FF !important;}
.performance-slider-wrapper .owl-dots .owl-dot:hover span {background: #7BA9FF !important;}
#stories {padding: 8.13vw 0 10.97vw;}
#stories h2 {
  font-family: Poppins;
  font-weight: 700;
  font-size: 4.17vw;
  line-height: calc(4.17vw * 1.29);
  color: #A1A1A1;
  margin-bottom: 7.22vw;
}
#stories .item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.92vw;
}
#stories .item .img-div {width: 27.71vw; aspect-ratio: 1 / 1;}
#stories .item .stories-content {width: calc(100% - 30.63vw);}
#stories .item .stories-content p {
  font-family: Poppins;
  font-weight: 500;
  font-size: 1.64vw;
  line-height: calc(1.64vw * 1.77);
  color: #323741;
  margin-bottom: 0;
}
#stories .performance-slider .owl-dots {margin: -1.9vw 0 0 !important; text-align: right !important; position: relative !important;}
#stories .performance-slider .owl-dots .owl-dot span {
  width: 2.08vw !important;
  background: #DFE9F2 !important;
  margin: 5px 9px !important;
}
#stories .performance-slider .owl-dots .owl-dot.active span {width: 4.31vw !important; background: #7BA9FF !important;}
#stories .performance-slider .owl-dots .owl-dot:hover span {background: #7BA9FF !important;}
.strategy-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0vw;
  justify-content: space-between;
  width: 100%;
  padding: 0 4.31vw;
  margin-top: 5.07vw;
}
.strategy-wrapper .single-strategy {
  display: flex;
  flex-direction: column;
}
.single-strategy-top, .single-strategy-bottom {
  display: flex;
  gap: 1.18vw;
  justify-content: flex-start;
  align-items: center;
}
.single-strategy-top {margin-bottom: 1.46vw;}
.single-strategy-top .icon-box, .single-strategy-bottom .img-box {width: 3.4vw; text-align: center;}
.single-strategy-top .icon-box {aspect-ratio: 1 / 1;}
.single-strategy-bottom .img-box, .single-strategy-bottom .img-box img {height: 100%;}
.single-strategy-top h3 {
  font-family: Poppins;
  font-weight: 600;
  font-size: 0.73vw;
  line-height: calc(0.73vw * 1.28);
  color: #323741;
  margin-bottom: 0.42vw;
}
.single-strategy-top p {
  font-family: Poppins;
  font-weight: 400;
  font-size: 0.57vw;
  line-height: calc(0.57vw * 1.28);
  color: #323741;
  margin-bottom: 0;
}
.single-strategy-bottom {min-height: 150px; align-items: flex-start;}
.strategy-title {width: calc(100% - 4.58vw);}
.strategy-content {width: calc(100% - 4.58vw); padding-top: 1.25vw;}
.single-strategy-bottom p {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 0.63vw;
  line-height: calc(0.63vw * 1.28);
  color: #323741;
  margin-bottom: 0.9vw;
  text-transform: capitalize;
}
.single-strategy-bottom p:last-child {margin-bottom: 0;}
.single-strategy-bottom p b {font-family: "Lato", sans-serif; font-weight: 700;}



#faq {padding: 2.92vw 0 0;}
#faq .container, #performance .container, #stories .container {max-width: 1140px;}
#faq-sec h2 {
  font-family: Poppins;
  font-weight: 700;
  font-size: 4.86vw;
  line-height: calc(4.86vw * 1.29);
  margin-bottom: 9px;
  text-align: center;
  text-transform: uppercase;
  color: #668FDD;
}
#faq-sec p {
  font-family: Lato;
  font-weight: 300;
  font-size: 1.39vw;
  line-height: calc(1.39vw * 1.29);
  letter-spacing: 0%;
  text-align: center;
  text-transform: capitalize;
  color: #323741;
  margin-bottom: 1.29vw;
}
#cta-sec {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#cta-sec h2 {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1.67vw;
  line-height: calc(1.67vw * 1.5);
  letter-spacing: calc(1.67vw * 0.28);
  text-transform: uppercase;
  color: #1B223C;
}
.faq-wrapp {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.6vw;
}
#faqAccordion, #faqAccordiontwo {padding: 0 0 6.94vw; width: calc(50% - 1.6vw);}
.accordion-item {
  padding-bottom: 2.64vw;
  margin-bottom: 1.74vw;
  width: 100%;
  border: none;
  border-radius: 16px;
  box-shadow: 0px 5px 16px 0px #080F340F;
}
.accordion-button {
  padding: 2.64vw 3.75vw 4px 2.29vw;
  border: none !important;
  font-family: DM Sans;
  font-weight: 500;
  font-size: 1.42vw;
  line-height: 1.94vw;
  margin-bottom: 0px;
  color: #170F49 !important;
  background: none !important;
  box-shadow: none !important;
}
.accordion-button::after {opacity: 0 !important;}
.accordion-collapse {padding: 0 2.29vw;}
.accordion-body {padding: 0;}
#faq-sec .accordion-body p, #faq-sec .accordion-body li {
  font-family: DM Sans;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 2.08vw;
  margin-bottom: 0;
  color: #6F6C90;
  text-transform: none;
  text-align: left;
  width: 92%;
}
#faq-sec .accordion-body li {list-style: disc;}
.accordion-button span {
  width: 2.78vw;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  background: #4A3AFF;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1.5vw;
  z-index: 1;
}
.accordion-button span.collapsed {background: #F7F7FF; color: #6F6C90;}
.accordion-button span i {font-size: 2.5vw;}

#kycModal h2, #supportModal h2 {
  font-family: Poppins;
  font-weight: 500;
  font-size: 2.22vw;
  line-height: calc(2.22vw * 1);
  margin-bottom: 2.22vw;
  vertical-align: middle;
  text-align: center;
  color: #333333;
}
.modal .modal-dialog {max-width: 38.75vw;}
.modal-content {border-radius: 32px;}
.modal-body {padding: 2.78vw;}
.modal-body label {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: calc(1.11vw * 1.25);
  margin-bottom: 7px;
  color: #666666;
}
.modal-body input {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1.11vw;
  color: #666666;
  min-height: 3.89vw;
  margin-bottom: 1.67vw;
  border-radius: 12px;
}
#checkbox {display: flex; align-items: flex-start;}
#checkbox input {margin: 3px 10px 0 0; min-height: 0;}
#checkbox label, #checkbox a {color: #333333;}
#checkbox a {text-decoration: underline;}
.modal-body form button, #thankyou button {
  font-family: Poppins;
  font-weight: 400;
  font-size: 1.39vw;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  margin-top: .5vw;
  border-radius: 50px;
  background: #111;
  opacity: .5;
  padding: 1.18vw 0;
  width: 100%;
}
.modal-body form button:hover, #thankyou button:hover {background: #1B223C; opacity: 1;}
.modal-body button.btn-close {
  background: none;
  padding: 0;
  position: absolute;
  right: -8%;
  top: -8%;
  margin: 0;
  width: 50px;
  height: 50px;
  aspect-ratio: 1 / 1;
  border-radius: 0;
  font-size: 1rem;
  color: #fff;
  opacity: 1;
}
.modal-body button.btn-close {font-size: 2.22vw;}
.store-btns a {display: none;}
.copynumber {
  position: relative;
  cursor: pointer;
}
.tooltip {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Position above */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
}
.copynumber.copied .tooltip {
  visibility: visible;
  opacity: 1;
}
#thankyou img {width: 4.47vw; aspect-ratio: 1 / 1; margin-bottom: 1.57vw;}
#thankyou h2 {font-weight: 600;}
#thankyou p {
  font-family: Poppins;
  font-weight: 300;
  font-size: 1.25vw;
  color: #333333;
  margin-bottom: 1.57vw;
}
#thankyou button {background: #1B223C; opacity: 1;}