body{
  background: url('/assets/images/support/about/bg400.webp') 0 0 no-repeat;
  background-size:100% auto;
}
main{
  padding-top:1px;
  padding-bottom:60px;
  background-color:#fff;
}

.mobileBreadcrumb{
  color:#00000099;
  height:36px;
  line-height: 36px;
  margin-top:15px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-align: center;
}
.mobileBreadcrumb a,.mobileBreadcrumb span{
  font-family: 'NunitoSans-Medium';
  font-size: 1rem;
  text-decoration: none;
  color:#00000099;
}
.mobileBreadcrumb span{
  color:#000000;
}
.downloadTopWrap{
  padding:76px 42px 98px 42px;
}
.downloadTopWrap .sectionTitle{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  line-height: 3rem;
  color: #000000E5;
  text-align: center;
  font-weight: 800;
  margin-bottom: 9px;
}
.downloadTopWrap .text{
  font-size: 1.25rem;
  line-height: 1.75rem;
  color:#000000E5;
  margin:0px;
  text-align: center;
  font-weight: 400;
}

.flexRowStart.whoWeAreFlexWrap{
  margin-top:120px;
  width: 100%;
  flex-wrap: wrap;
}
.whoWeAreLeft, .whoWeAreRight{
  width:100%;
}
.whoWeAreRight {
  margin-top:32px;
}
.whoWeAreLeft h2{
  font-family: 'NunitoSans-ExtraBold';
  margin-bottom: 32px;
  font-size: 2rem;
  line-height: 3.15rem;
  color:#000000E5;
  font-weight: 800;
  margin-bottom: 0;
}
.whoWeAreLeft h2 span{
  font-family: 'OleoScript-Bold';
  color:#E08349;
}
.whoWeAreRight p{
  font-size: 1rem;
  line-height: 1.4rem;
  color:#000000E5;
  margin-bottom: 30px;
}
.whoWeAreRight p:first-child{
  margin-bottom: 30px;
}

.flexRowStart.forUsersFlexWrap{
  margin-top:60px;
  width: 100%;
  flex-wrap: wrap;
}
.forUsersFlexWrap .forUsesItem{
  padding:40px;
  background: linear-gradient(180deg, #F9EBDD 0%, #FFFFFF 100%);
  border-radius: 24px;
}
.forUsersFlexWrap .forUsesItem:nth-child(2){
  margin-top: 40px;
}
.forUsesItem h3{
  font-size: 1.75rem;
  line-height: 3rem;
  color:#000000E5;
  font-family: 'NunitoSans-SemiBold';
  margin-bottom: 20px;
}
.forUsesItem p{
  font-size: 1rem;
  line-height: 1.4rem;
  color: #00000099;
  margin-bottom: 0px;
}

.blackBgWrap{
  background: url('/assets/images/support/about/history-bg400.webp') 0 0 no-repeat;
  background-size: 100% 100%;
  padding:102px 13px;
}
.blackBgWrap h3{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 1.75rem;
  line-height: 2.8rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0px;
}
.blackBgWrap .blackBContainer{
  padding:0px;
}
.blackBgWrap .blackBgFlexWrap{
  flex-wrap: wrap;
  width:100%;
  margin-top:80px;
}
.developmentItem{
  width: 50%;
}
.developmentItem h4{
  font-size: 1.5rem;
  line-height: 2.8rem;
  color: #3273FF;
  font-family: 'NunitoSans-ExtraBold';
  text-align: center;
}
.developmentItem p{
  margin-bottom:0px;
  margin-top:12px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color:#FFFFFF;
  font-family: 'NunitoSans-SemiBold';
  text-align: center;
}
.timeLineWrap{
  margin-top:80px;
}
.main-timeline {
  position: relative;
  background-image: url('/assets/images/support/about/map-bg.webp');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;
}

.main-timeline::after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #E5E5E5;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}
.timeline {
  position: relative;
  background-color: inherit;
  width: 50%;
}
.timeline.left{
  align-items: end;
}

.timeline::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  right: -8px;
  background-color: #3273FF;
  border: 5px solid #E5E5E5;
  top: 0px;
  border-radius: 50%;
  z-index: 1;
}
.timeline h4{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 1.25rem;
  color: #000000E5;
  margin-bottom: 6px;
}
.timeline p{
  font-size: 1.125rem;
  line-height: 1.4rem;
  color:#00000099;
  max-width: 276px;
}
.timeline span{
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: 600;
  color: #E08349;
  max-width: 276px;
}
.left {
  padding: 0px 38px 30px 0px;
  left: 0;
}
.left .year,.left p{
  text-align: end;
  margin-bottom: 0;
}
.right {
  padding: 0px 0px 30px 34px;
  left: 50%;
}
.right::after {
  left: -12px;
}


.mainBrandsWrap{
  margin-top:80px;
  background-color:#F9F9F9;
  padding:80px 0 80px 0;
}
.sectionTitle h2{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 1.75rem;
  line-height: 2.8rem;
  color:#000000E5;
  text-align: center;
  font-weight: 800;
  margin-bottom: 8px;
}
.sectionTitle p{
  font-size: 1rem;
  line-height: 1.4rem;
  color: #00000099;
  margin: 0px;
  text-align: center;
}

.tabBtn{
  margin-top:48px;
  gap:12px;
}
.tabBtn div{
  font-family: 'NunitoSans-SemiBold';
  min-width: 112px;
  height: 60px;
  font-size: 1.125rem;
  line-height: 60px;
  color: #00000099;
  padding: 0 20px;
  border-radius: 8px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  justify-content: center;
  border: 1px solid #EFEFEF;
}
.tabBtn div:hover, .tabBtn div.tabBtnActive{
  color:#ffffff;
  background-color: #E08349;
}
.tabBtn div:active{
  background-color: #E08349;
}
.mainBrandsWrap .tabContent{
  display: none;
  flex-wrap: wrap;
  margin-top:16px;
}
.mainBrandsWrap .tabBtnActive{
  display: flex;
}
.tabContent .productItem{
  width:100%;
  margin-top:24px;
  background-color: #F9EBDD;
  border-radius:16px;
  padding:40px 20px 30px 20px;
}
.productItem.leftItem{
  background-color: #EAF1FF;
}
.productItem.rightItem{
  background-color: #F9DDDD;
}
.productItem .icon{
  width:80px;
  height: 80px;
}
.productItem h4{
  color:#000000;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: 'NunitoSans-ExtraBold';
  margin-top:20px;
  margin-bottom: 16px;
  text-align: center;
}
.productItem p{
  color:#00000099;
  font-size: 1rem;
  line-height: 1.4rem;
  margin-bottom: 0;
  text-align: center;
}
.newsEventSection {
  margin-top:80px;
}
.newsEventSection .newEventsFlexWrap{
  width:100%;
  flex-wrap: wrap;
  margin-top:16px;
}
.newEventsItem{
  width:100%;
  border: 1px solid #D7D7D7;
  border-radius: 8px;
  overflow: hidden;
  margin-top:24px;
  text-decoration: none;
}
.newEventsItem .topImg{
  width:100%;
  height: auto;
}
.newEventsFlexWrap .newEventsItem h4{
  margin-top:20px;
  margin-bottom:16px;
  padding:0 20px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color:#000000;
  font-family: 'NunitoSans-SemiBold';
  text-decoration: none;
}
.newEventsFlexWrap .newEventsItem p{
  font-family: 'NunitoSans-SemiBold';
  font-size: 1rem;
  color:#00000099;
  padding:0 20px;
  margin-bottom: 20px;
}

.concactUsSection{
  background: url('/assets/images/support/about/cta-bg400.webp') 0 0 no-repeat;
  background-size:100%;
  margin-top:80px;
  padding:96px 20px;
}
.concactUsSection h2{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  line-height: 4.55rem;
  color:#000000E5;
  text-align: center;
  margin-bottom:12px;
}
.concactUsSection p{
  font-size: 1.125rem;
  line-height: 1.4rem;
  color: #000000E5;
  margin-bottom: 26px;
  text-align: center;
}
.concactUsSection .iconOrangeBtn{
  width:160px;
  height:52px;
  line-height: 52px;
  font-size: 1.25rem;
}


@media (min-width: 768px) {
  body{
    background: url('/assets/images/support/about/bg768.webp') 0 0 no-repeat;
    background-size:100% auto;
  }
  .downloadTopWrap{
    padding:118px 42px;
  }
  .flexRowStart.whoWeAreFlexWrap{
    margin-top:104px;
    gap:32px;
  }
  .whoWeAreLeft{
    width:132px;
  }
  .whoWeAreRight{
    flex:1;
    margin-top:0px;
  }
  .flexRowStart.forUsersFlexWrap{
    gap: 40px;
    align-items: start;
  }
  .forUsersFlexWrap .forUsesItem{
    width:calc(50% - 20px);
  }
  .forUsersFlexWrap .forUsesItem:nth-child(2){
    margin-top: 0px;
  }
  .blackBgWrap{
    background: url('/assets/images/support/about/history-bg768.webp') 0 0 no-repeat;
    background-size: 100% 100%;
    padding:75px 10px;
    margin-top:100px;
  }
  .developmentItem{
    width:172px;
  }
  .tabContent .productItem{
    padding:40px 20px 72px 20px;
  }
  .newsEventSection .newEventsFlexWrap{
    gap: 24px;
  }
  .newEventsItem{
    width:calc(33.33% - 16px);
  }
  .concactUsSection{
    background: url('/assets/images/support/about/cta-bg768.webp') 0 0 no-repeat;
    background-size:100%;
  }
  .concactUsSection .text{
    margin-bottom:48px;
  }
}
@media (min-width: 1024px) {
  body{
    background: url('/assets/images/support/about/bg1024.webp') 0 0 no-repeat;
    background-size:100% auto;
  }
  .downloadTopWrap{
    padding:118px 158px;
  }
  .blackBgWrap{
    background: url('/assets/images/support/about/history-bg1024.webp') 0 0 no-repeat;
    background-size: 100% 100%;
    padding:75px 62px;
  }
  .developmentItem{
    width:25%;
  }
  .mainBrandsWrap .tabContent{
    gap: 24px;
  }
  .tabContent .productItem{
    width:calc(33.33% - 16px);
    height:316px;
    padding:40px 20px 66px 20px;
  }
  .concactUsSection{
    background: url('/assets/images/support/about/cta-bg1024.webp') 0 0 no-repeat;
    background-size:100%;
  }
.downloadTopWrap .sectionTitle{
  font-size: 2.5rem;
  line-height: 3rem;
  color: #000000E5;
  text-align: center;
  font-weight: 800;
  margin-bottom: 9px;
}
.whoWeAreLeft h2{
  font-size: 2.25rem;
 }
.forUsesItem h3{
  font-size: 2rem;
}
.blackBgWrap h3{
  font-size: 2rem;
}
.developmentItem h4{
  font-size: 1.75rem;
}
.sectionTitle h2{
  font-size: 2rem;
  line-height: 2.8rem;
  color: #000000E5;
  text-align: center;
  font-weight: 800;
  margin-bottom: 8px;
}
.concactUsSection h2{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2.5rem;
  line-height: 4.55rem;
  color:#000000E5;
  text-align: center;
  margin-bottom:12px;
}
}
@media (min-width: 1200px) {
  .tabContent .productItem{
    width:328px;
  }
  .newsEventSection .newEventsFlexWrap{
    gap: 40px;
  }
  .newEventsItem{
    width:calc(33.33% - 27px);
  }
}
@media (min-width: 1464px) {
  body{
    background: url('/assets/images/support/about/bg1920.webp') 0 0 no-repeat;
    background-size:100% auto;
  }
  .mobileBreadcrumb{
    margin-top:25px;
  }
  .downloadTopWrap{
    padding:118px 350px 118px 350px;
  }
  .flexRowStart.whoWeAreFlexWrap{
    gap:76px;
    padding: 0 188px;
  }
  .flexRowStart.forUsersFlexWrap{
    padding: 0 188px;
  }
  .blackBgWrap{
    background: url('/assets/images/support/about/history-bg1920.webp') 0 0 no-repeat;
    background-size: 100% 100%;
    padding:75px 275px;
    margin-top:120px;
  }
  .newsEventSection .newEventsFlexWrap{
    padding:0 199px;
  }
  .concactUsSection{
    background: url('/assets/images/support/about/cta-bg1920.webp') 0 0 no-repeat;
    background-size:100%;
  }
}

.recognitionSection{
  margin-top:80px;
  padding:80px 0;
  background:linear-gradient(180deg, #F4F7FF 0%, #FBFCFF 55%, #FFFFFF 100%);
  position:relative;
  overflow:hidden;
}
.recognitionSection::before,
.recognitionSection::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.recognitionSection::before{
  width:320px;
  height:320px;
  top:-150px;
  right:-120px;
  background:rgba(50,115,255,0.06);
}
.recognitionSection::after{
  width:260px;
  height:260px;
  left:-120px;
  bottom:-140px;
  background:rgba(224,131,73,0.08);
}
.recognitionSectionInner{
  position:relative;
  z-index:1;
}
.recognitionSection .sectionTitle p{
  max-width:760px;
  margin:0 auto;
}
.recognitionGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  margin-top:48px;
}
.recognitionCard{
  background:#FFFFFF;
  border:1px solid #EAEAEA;
  border-radius:24px;
  padding:32px 24px;
  box-shadow:0 12px 32px rgba(17,24,39,0.05);
}
.recognitionWiki{
  background:linear-gradient(180deg, #EEF4FF 0%, #FFFFFF 100%);
}
.recognitionSources{
  background:linear-gradient(180deg, #F8FAFD 0%, #FFFFFF 100%);
}
.recognitionVoicesCard{
  background:linear-gradient(180deg, #FFF1E7 0%, #FFFFFF 100%);
}
.recognitionBadge{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#FFFFFF;
  border:1px solid #ECECEC;
  font-family:'NunitoSans-SemiBold';
  font-size:0.875rem;
  line-height:1.25rem;
  color:#3273FF;
}
.recognitionHead{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-top:20px;
}
.recognitionIcon{
  flex:0 0 64px;
  width:64px;
  height:64px;
  display:inline-flex;
}
.recognitionIcon svg,
.sourceMark svg,
.voiceIcon svg{
  width:100%;
  height:100%;
  display:block;
}
.recognitionCard h3{
  margin:20px 0 14px 0;
  font-family:'NunitoSans-ExtraBold';
  font-size:1.5rem;
  line-height:2rem;
  color:#000000E5;
}
.recognitionHead h3{
  margin:0 0 12px 0;
}
.recognitionCard p{
  margin-bottom:0;
  font-size:1rem;
  line-height:1.6rem;
  color:#00000099;
}
.recognitionMeta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.recognitionMeta span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#FFFFFF;
  border:1px solid #ECECEC;
  font-family:'NunitoSans-SemiBold';
  font-size:0.875rem;
  line-height:1.25rem;
  color:#000000CC;
}
.recognitionLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:24px;
  padding:0 20px;
  border-radius:12px;
  background:#E08349;
  font-family:'NunitoSans-SemiBold';
  font-size:1rem;
  line-height:1.5rem;
  color:#FFFFFF;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
}
.recognitionLink:hover{
  color:#FFFFFF;
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(224,131,73,0.25);
}
.recognitionSourceList,
.voiceList{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:22px;
}
.recognitionSourceItem,
.voiceItem{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:18px;
  background:#FFFFFF;
  border:1px solid #ECECEC;
  border-radius:18px;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.recognitionSourceItem:hover{
  transform:translateY(-2px);
  border-color:#DCE4F7;
  box-shadow:0 10px 24px rgba(17,24,39,0.06);
}
.recognitionSourceItem h4,
.voiceItem h4{
  margin:0 0 6px 0;
  font-family:'NunitoSans-SemiBold';
  font-size:1.125rem;
  line-height:1.5rem;
  color:#000000E5;
}
.recognitionSourceItem p,
.voiceItem p{
  font-size:0.9375rem;
  line-height:1.5rem;
}

.sourceContent{
  flex:1;
  min-width:0;
}
.sourceTopLine{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:8px;
}
.sourceTopLine h4{
  margin-bottom:0;
}
.sourceRatingWrap{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.sourceScore,
.sourceCount{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#F8FAFD;
  border:1px solid #E7EDF7;
  font-family:'NunitoSans-SemiBold';
  font-size:0.8125rem;
  line-height:1.1rem;
  color:#000000CC;
}
.sourceScore{
  background:#FFFFFF;
  color:#3273FF;
  border-color:#DCE7FF;
  box-shadow:0 6px 14px rgba(50,115,255,0.08);
}
.sourceTrustpilot + .sourceContent .sourceScore{
  color:#00A870;
  border-color:#CDEFE2;
  box-shadow:0 6px 14px rgba(0,168,112,0.10);
}
.sourceG2 + .sourceContent .sourceScore{
  color:#F97316;
  border-color:#FFD9C8;
  box-shadow:0 6px 14px rgba(249,115,22,0.10);
}
.sourceTechradar + .sourceContent .sourceScore{
  color:#EC008C;
  border-color:#F7C6E3;
  background:#FFF6FB;
}
.sourceRatingWrapMulti .sourceScore{
  min-width:max-content;
}
.sourceMark{
  flex:0 0 52px;
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 10px 18px rgba(17,24,39,0.08);
}
.sourceTechradar{
  background:#F3F4F6;
  box-shadow:0 10px 20px rgba(236,0,140,0.12);
  padding:5px;
}
.sourceTechradar svg{
  width:88%;
  height:88%;
}
.voiceItem{
  position:relative;
  align-items:stretch;
  background:rgba(255,255,255,0.72);
  backdrop-filter:blur(8px);
}
.voiceItem::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:4px;
  border-radius:999px;
  background:#E08349;
}
.voiceSupport::before{
  background:#3273FF;
}
.voiceEase::before{
  background:#E08349;
}
.voiceReliability::before{
  background:#00A870;
}
.voiceIcon{
  flex:0 0 52px;
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#3273FF;
  background:#EAF1FF;
}
.voiceEase .voiceIcon{
  color:#E08349;
  background:#FFF0E4;
}
.voiceReliability .voiceIcon{
  color:#00A870;
  background:#E9F9F1;
}
.voiceContent{
  flex:1;
}
.voiceTag{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  margin-bottom:10px;
  border-radius:999px;
  background:#FFFFFF;
  border:1px solid #EFE7DF;
  font-family:'NunitoSans-SemiBold';
  font-size:0.75rem;
  line-height:1rem;
  color:#00000099;
}
@media (max-width: 767.98px) {
  .recognitionSection{
    padding:72px 0;
  }
  .recognitionHead{
    flex-direction:column;
  }
}
@media (min-width: 768px) {
  .sourceTopLine{
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
  }
  .recognitionGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:stretch;
  }
  .recognitionVoicesCard{
    grid-column:1 / -1;
  }
}
@media (min-width: 1024px) {
  .recognitionGrid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .recognitionVoicesCard{
    grid-column:auto;
  }
  .recognitionCard{
    padding:36px 28px;
  }
}
@media (min-width: 1464px) {
  .recognitionSection{
    margin-top:100px;
  }
}