.abouthead {
  padding: 64px 0 0;
  padding-bottom: 0;
  background: #d5e7fb;
  background: linear-gradient(
    0deg,
    rgba(213, 231, 251, 1) 0%,
    rgba(255, 255, 255, 1) 25%
  );
}
.abouthero {
  display: flex;
  flex-direction: column;
  gap: 60px;
  text-align: center;
}
.abouthero-data {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.abouthero-datatop {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.aboutheroimg {
  /* padding-top: 30px;*/
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.aboutheroimg img {
  margin-bottom: -2px;
}
.joright {
  width: 100%;
}
.jobox {
  width: 33%;
}
.jobox .icon {
  width: 36px;
  height: 36px;
}

.markets-sec {
  display: flex;
  flex-direction: column;
  gap: 48px;
  background-color: #fff;
}
.markets-sec .container1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.marketswrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid #e7edf9;
}
.marketswrap:last-child {
  border-bottom: 0px solid #e7edf9;
}
.marketswrap .marketsleft {
  width: 45%;
  display: flex;
  gap: 24px;
  align-items: center;
  color: var(--heading-color);
}
.marketswrap .marketsleft .flag {
  width: 66px;
}
.marketswrap .marketsleft .flag img {
  max-height: 48px;
}
.marketswrap .marketsleft .flagname {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.marketswrap .marketsright {
  width: 52%;
}
.marketswrap h4 {
  margin-bottom: 0;
}

.abt-timelinesec {
  background-color: #f4f8ff;
  background: linear-gradient(
    180deg,
    #f4f8ff 0%,
    rgba(255, 255, 255, 0) 55.96%
  );

  display: flex;
  flex-direction: column;
  gap: 48px;
}
.time-container1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.timelinewrap {
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
.timelinebox {
  position: relative;
  padding: 0 0 16px 70px;
  max-width: 435px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timelinebox::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #dcdee1;
  position: absolute;
  top: 24px;
  left: 2px;
}
.timelinewrap .timelinebox:last-child::before {
  content: "";
  display: none;
}
.timelinebox:after {
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  background-color: #dcdee1;
  position: absolute;
  left: 0;
  top: 17px;
}
.timelinebox .yt {
  background-color: var(--theme-color);
  padding: 4px 12px;
  color: var(--white-color);
  border-radius: 8px;
  max-width: 65px;
  line-height: 150%;
  text-align: center;
  position: relative;
}
.timelinebox .yt::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--theme-color);
  border-radius: 40px;
  position: absolute;
  left: -76px;
  top: 10px;
  z-index: 3;
}
.timelinebox-para {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timelinebox-multi {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.timelinebott {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.timelinebott img {
  max-height: 280px;
}

.abt-foundersec {
  padding-bottom: 0;
  background: #05203d;
  background: linear-gradient(
    119deg,
    rgba(5, 32, 61, 1) 5%,
    rgba(1, 83, 141, 1) 89%
  );
  color: #fff;
}
.quotebox {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.quoteauthor {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ic-quote {
  display: block;
  width: 44px;
  height: 52px;
  background-image: url("../images/about/quote.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.abt-visionsec {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.visiondata {
  max-width: 480px;
}

.abt-valuessec {
  background-color: #f9f0e5;
  gap: 48px;
}
.valuessec-container1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.valuebox {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.valuebox .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
}
.valueboxdata {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.valueboxdata-top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.let-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.let-top {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contacthead {
  padding-top: 32px;
  padding-bottom: 0;
  gap: 48px;
}
.contacthero {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contactheroimg {
  text-align: center;
}
.supportsec {
  background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 33.14%);
  gap: 80px;
}

.supportsec .support-container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.supportwrap {
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.supportwrap .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #eaecef;
  border-radius: 40px;
  overflow: hidden;
  padding: 5px;
  background-position: center;
  background-repeat: no-repeat;
}
.supportwrap .i-phone {
  background-image: url("../images/i-phone.svg");
  background-size: 24px 24px;
}
.supportwrap .i-mail {
  background-image: url("../images/i-mail.svg");
  background-size: 24px 20px;
}
.support-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.support-bott {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 992px) {
  .aboutpagewrap {
    background: transparent;
  }
  .timelinewrap {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /*padding-bottom: 70px;*/
  }
  .timelinewrap .timelinebox {
    width: 50%;
    max-width: inherit;
  }
  .timelinewrap .timelinebox:nth-child(even) {
    text-align: right;
    align-items: end;
    padding: 0 70px 16px 0;
  }
  .timelinewrap .timelinebox:nth-child(even)::before {
    left: inherit;
    right: -3px;
  }
  .timelinewrap .timelinebox:nth-child(even)::after {
    left: inherit;
    right: 0;
  }
  .timelinewrap .timelinebox:nth-child(even) .yt::before {
    left: inherit;
    right: -80px;
  }
  .timelinewrap .timelinebox:nth-child(odd) {
    margin-left: auto;
  }

  .timelinewrap .timelinebox.last {
    margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 68%;
    padding: 50px 10px 10px 10px;
  }
  .timelinewrap .timelinebox.last:after {
    display: none;
  }
  .timelinewrap .timelinebox.last .yt::before {
    margin-left: -4px;
    left: 50%;
    right: inherit;
    top: -35px;
  }
  .abt-valuessec {
    background-color: transparent;
    background-image: url("../images/about/journey-bg.png");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 780px) {
}
@media (max-width: 580px) {
  .abouthead {
    padding: 32px 0 0;
  }
  .abouthero {
    padding: 0;
    gap: 48px;
    text-align: left;
  }
  .abouthero-data {
    padding: 0 24px;
  }
  .abouthero-datatop {
    gap: 8px;
  }
  .aboutheroimg {
    display: flex;
    justify-content: center;
  }
  .aboutheroimg img {
    width: 120%;
    max-width: inherit;
  }
  .jobox {
    width: 100%;
    text-align: center;
  }
  .jobox .icon {
    margin: 0 auto;
    width: 40px;
    height: 40px;
  }
  .marketswrap {
    gap: 10px;
  }
  .marketswrap .marketsleft,
  .marketswrap .marketsright {
    width: 100%;
  }
  .abt-timelinesec {
    padding-bottom: 0;
  }
  .abt-pillarssec {
    background: linear-gradient(180deg, #f8f9fb 0%, #ffffff 100%);
  }
  .abt-timelinesec {
    background: linear-gradient(
      180deg,
      #f4f8ff 0%,
      rgba(255, 255, 255, 0) 55.96%
    );
    gap: 32px;
  }
  .timelinebox {
    padding: 0 0 24px 50px;
    gap: 12px;
  }
  .timelinebox.last {
    padding-bottom: 0;
  }
  .timelinebox:after {
    width: 50px;
    top: 15px;
  }
  .timelinebox .yt::before {
    left: -55px;
    top: 8px;
  }
  .timelinebott {
    position: relative;
    margin-top: -32px;
  }
  .founder-row {
    padding-left: 24px;
    padding-right: 24px;
    gap: 32px;
  }
  .quotebox {
    gap: 24px;
    padding-bottom: 0;
  }
  .quotebox,
  .quoteauthor {
    text-align: center;
  }
  .quotebox p {
    line-height: 24px;
  }
  .quoteauthor {
    gap: 4px;
  }
  .quoteauthor p.lg {
    font-size: 20px;
    line-height: 28px;
  }
  .founderimg {
    margin: 0 auto;
    max-width: 290px;
  }
  .ic-quote {
    width: 20px;
    height: 24px;
    background-size: contain;
  }
  .abt-visionsec {
    gap: 24px;
  }
  .abt-visionsec .picture-img {
    background-color: #fff;
    border-radius: 12px;
    padding: 0;
    box-shadow: 0px 10px 24px 0px #00000000;
  }
  .vision-row {
    gap: 12px;
    padding: 8px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 1px 6px 0px #0000001a;
  }
  .vision-row .row {
    gap: 12px;
    margin: 0;
  }
  .vision-row .row > * {
    padding: 0;
  }
  .visiondata {
    padding: 0 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .abt-valuessec {
    text-align: center;
    gap: 32px;
    background: #fcf7f0;
  }
  .valuessec-container1 {
    gap: 12px;
  }

  .valuebox-row {
    gap: 24px;
  }
  .valuebox {
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .valueboxdata {
    gap: 4px;
  }
  .valuebox .icon {
    width: 48px;
    height: 48px;
  }
  .valuebox h5 {
    font-size: 24px;
    line-height: 36px;
  }
  .let-container {
    gap: 24px;
    font-size: 16px;
    line-height: 24px;
  }
  .let-container p.lg {
    font-size: 16px;
    line-height: 24px;
  }
  .let-top {
    gap: 8px;
  }
  .visiondata h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .supportsec {
    gap: 48px;
  }
  .supportsec h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .supportsec .support-container {
    gap: 32px;
  }
  .supportsec .support-container .row {
    gap: 24px;
  }
  .supportwrap {
    gap: 16px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e4ecf8;
  }
  .supportwrap.last {
    border-bottom: 0px solid #e4ecf8;
  }
  .support-top {
    gap: 16px;
  }
  .support-bott {
    gap: 4px;
    font-size: 20px;
    line-height: 24px;
  }
  .support-bott small {
    font-size: 14px;
    line-height: 24px;
  }
  .supportwrap .icon {
    width: 48px;
    height: 48px;
  }
  .techdata {
    padding: 20px;
  }
}