@charset "UTF-8";
:root {
--color-primary: #4F46E5;
--color-secondary:  #4F46E5;
--header-background: #F8F9FE;
--header-text: #28324F;
--header-text-hover: #4F46E5 ;
--bg-nav-mobile:  #0A1F4D;
--bg-nav-active: #0f275b;
--txt-nav-mobile:  #fff;
--bg-body:  #F6F7FD;
--bg-footer:  #f0ece2;
--footer-text:  #1e2025;
--footer-text-hover:  #1e2025;
--chat-btn-bg: #8b8680 ;
--chat-btn-txt: #fff; 
}

ul, li { margin: 0; padding: 0; list-style: none;}
body { font-family: "Inter", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; background: var(--bg-body); color: #0A1F4D;  }
#fullWrp { margin: 0 auto; min-height: 100%; background: var(--bg-body); position: relative; overflow-x: hidden;   }
.genC1 { color: var(--color-primary)!important; }
.genC2 { color: var(--color-secondary)!important; }
.genC3 { color: var(--color-tertiary)!important; }
.genPad1 { padding-top: 60px; padding-bottom: 60px;}
@media all and (max-width: 576px) {
.genPad1 { padding-top: 7.812vw; padding-bottom:  7.812vw;}
}
.FntPlu {  font-family: "Plus Jakarta Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; Font-weight: 800!important;  }
/* logo 
-----------------------------*/
#mainLogo { display: block;  width:180px; max-width: 180px; text-align: center; position: relative;   }
#mainLogo a { display: inline-block; white-space: nowrap; font-size: 56px; line-height :56px; text-indent: -8000px; background: url("../images/main_logo.svg") no-repeat center center; background-size: contain; color: #000; position: relative; z-index: 1; width: 100%;     }
@media all and (max-width: 767px) {
#mainLogo  a {  font-size: 4.8rem;}
}
@media all and (max-width: 667px) {
#mainLogo { margin-left: 44px; display:  inline-block; width: auto; }
}
@media all and (max-width: 576px) {
.nav-hamburger + #mainLogo { margin-left: 54px!important; }
}
/* Main Header
--------------------------------------------------------------*/
#mainHdr { z-index: 2; background: var(--header-background); padding: 0 0;  box-shadow: 0 -10px 20px 10px rgba(0,0,0,0.1); position: relative; z-index: 20; border-bottom: solid 0px #dbdbdb; }
#fullWrp .introHeader { box-shadow:  none!important; background: none!important;  position: absolute; left: 0; top: 0; width: 100%; border-bottom: 0; }
#mainHdrBg { position: absolute; left: 0; top: 0; width: 100%; height :100%; z-index: -1; overflow: hidden;   }
#mainHdr .nav-hamburger { display: none; }
#mainHdr  .ctr { padding: 0 2rem; margin: 0 auto;   }
#mainLogo {   z-index:  10; position: relative; }
#mainHdr .mainHdrOpt li { position: relative; }
#mainNav .site-nav  li a {  color: var(--header-text);  }
#mainNav .site-nav  li a:hover {  color: var(--header-text-hover);  }
#mainNav .site-nav  li a span.bonus {  position: absolute; top: -1.6em; line-height: 1.45em; background: #F6A624; padding: 0 0.55em; color: #fff;  left: 50%; transform: translate(-50%, 0%); font-size: 12.48px; }
#mainSignNav {  display: flex; justify-content: flex-end; height: 56px; align-items: center; white-space: nowrap;  font-size: 14px; font-weight: 700; text-transform: uppercase; float: right; position: relative;  top: 0; letter-spacing: 0em;  }
#mainSignNav a:last-child  { margin-left: 15px; }
#mainSignNav a { color: var(--header-text); }
#mainSignNav a.btn { padding: 0.75em 1.4em; }
#mainSignNav a.btn:first-child {  }
#mainSignNav a.btn:after { background: none; }
#mainLogo .planType { position: absolute; top: 0; line-height: 1.45em; background: var(--bg-nav-mobile); padding: 0 0.55em;color: #fff; font-size: 12.48px; left: 104%; text-indent: 0; text-transform: uppercase; }
#mainHdr .btmHdr { background: #142978; padding: 15px 0; font-size: 16px; color: #fff; position: relative; z-index: 10;   }
@media all and (max-width: 1580px) {
#mainSignNav a span { display: none; }
}
@media all and (max-width: 1399px) {
#mainHdr .topHdr .ctr { display: flex; align-items: center; justify-content: space-between; }
#mainHdr .mainHdrOpt li span.bonus  {  font-size: 11.5px; }
#mainSignNav a:last-child  { margin-left: 15px; }
.nav-hamburger + #mainLogo { margin: 0 0 0 61px; width: 170px; } 
}
@media all and (max-width: 1360px) {
#mainHdr .mainHdrOpt li span.bonus  {  font-size: 10.5px; }
}
@media all and (max-width: 960px) {
#mainHdr .btmHdr { line-height: 1.1em; text-align: center; }
#mainHdr .btmHdr .ctr { max-width: 26em; }
}
@media all and (max-width: 680px) {
.nav-hamburger + #mainLogo { margin: 0 0 0 50px; width: 170px; } 
#mainHdrBg:after {  left: 110px; }
}
@media all and (max-width: 572px) {
#mainLogo .planType { display: none;}
#mainHdr .btmHdr .ctr { font-size: 14px; line-height: 1.1em;}
#mainSignNav {  font-size: 14px; }

}
@media all and (max-width: 440px) {
.nav-hamburger + #mainLogo { margin: 0 0 0 40px!important; width: 39vw; } 
#mainHdrBg:after {  left: calc(62vw - 176px); }
#mainHdr .btmHdr .ctr { font-size: 12px; line-height: 1.1em;}
#mainSignNav a:last-child { margin-left: 0; }
#mainSignNav a.btn { padding: 0.7em 1.1em; }
}
@media all and (max-width: 364px) {

#mainSignNav { font-size: 13px!important; }
}
/* Main  Menu
--------------------------------------------------------------*/
#mainHdr ul { list-style: none; margin: 0 auto; padding: 0;  }



@media all and (min-width: 1400px) {
#mainHdr #mainNav { display: flex; justify-content: space-between; align-items: center; font-weight: 600; text-transform: none; font-size: 13.5px; font-size: calc(8.5px + 0.44vw);  line-height: 1.2em; max-width: 990px; max-width: calc(100% - 500px);  width: 100%; padding: 0 30px; margin: 0 auto; letter-spacing:  0.01em;  }
#mainHdr #mainNav .site-nav { width: 100%; }
#mainHdr .topHdr { padding: 25px 0; position: relative; z-index: 1;    }
#mainHdr .topHdr .ctr { display: flex; align-items: center; justify-content: space-between; }
#mainHdr .topHdr .date { display: block; position: absolute; left: 3rem; top: 50%; margin-top: -0.5em; font-size: 15px; line-height: 1em; }
#mainHdr .mainHdrOpt {  width: 100%;   display: flex;  justify-content: space-between; align-items: center; list-style: none;  align-items: center; justify-content: space-between; max-width: 460px; }
#mainHdr .mainHdrMem  { max-width: 540px;  margin: 0 auto; padding: 0; }
#mainNav .site-nav .dropDown { position: absolute; top: 5px; left: 0; z-index: 1000; display: none; float: left; min-width: 168px; padding-top: 28px; cursor:  pointer; }
#mainNav .site-nav .dropDown ul { padding: 3px   0; margin: 0.125rem 0 0; font-size: 14px; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: 0.25rem; }
#mainNav .site-nav .dropDown li a { padding: 3px  6px; font-weight: normal; font-size: 12.8px; line-height: 1.9em; display: block; white-space: nowrap;   }
#mainNav .site-nav .dropDown li a:hover { background: #eee; }
#mainNav .site-nav .dropDown ul a:before { content: ' '; display:  inline-block; height: 1.9em; width: 1.9em; margin-right: 0.4em; background-size: contain!important; background-position: center center; background-repeat: no-repeat; vertical-align: top ; }
#mainNav .site-nav .dropDown ul.pdfConv  a:before { background-image: url("../images/main_ico_convert_pdf.svg");}
#mainNav .site-nav .dropDown ul.audioConv  a:before { background-image: url("../images/main_ico_convert_audio.svg");}
#mainNav .site-nav .dropDown ul.videoConv  a:before { background-image: url("../images/main_ico_convert_video.svg");}
#mainNav .site-nav  li.dropElm > a:after { content: ' '; border: solid var(--bg-nav-mobile); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; vertical-align: top; position: relative;  -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 8px; position: relative; top: 0.2em; }
#mainNav .site-nav  li.dropElm:hover .dropDown { display: block; }
#mainNav .site-nav  li.hideLg { display: none!important; }
}
@media all and (min-width: 1581px) {
#mainHdr #mainNav {  font-size: 15.5px; max-width: 978px; }
}


@media all and (max-width: 1399px) {
#mainHdr .topHdr { padding: 15px 0; }

#mainHdr .topHdr .date { display: none; }
/*burger icon + animation*/
#mainHdr .nav-hamburger { background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer; display: block; height: 35px; margin-bottom: auto; margin-top: auto; outline: medium none; padding: 0; position: relative; transition: all 0.3s ease-in-out 0s; width: 30px; position: absolute; left: 2rem; top: 24px;  }
.nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { background-color: var(--header-text); transition: all 0.3s ease-in-out 0s; }
.nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { background-color: var(--header-text); }
.nav-hamburger::before, .nav-hamburger::after { content: ""; height: 2px; left: 0; position: absolute; top: 50%; transform-origin: 50% 50% 0; width: 100%; }
.nav-hamburger span { height: 2px; left: 0; overflow: hidden; position: absolute; text-indent: 200%; top: 50%; width: 100%; cursor: pointer; }
.nav-hamburger::before { transform: translate3d(0px, -10px, 0px); }
.nav-hamburger::after { transform: translate3d(0px,  10px, 0px); }
.menuOpen .nav-hamburger span { background-color: var(--txt-nav-mobile); opacity: 0; }
.menuOpen .nav-hamburger::before { background-color: var(--txt-nav-mobile); transform: rotate3d(0, 0, 1, 45deg); }
.menuOpen .nav-hamburger::after { background-color: var(--txt-nav-mobile); transform: rotate3d(0, 0, 1, -45deg); }
.nav-hamburger { position: absolute; left: 0; top: 14px; z-index: 1001; cursor: pointer;  }

#mainNav .site-nav  { display: block; top: 0; bottom: -100vh ; left: 0; right: 0; overflow-y: auto; position: absolute; padding: 0;  box-shadow: 0 -30px 0 0 var(--bg-nav-mobile);  }
#mainNav .site-nav  ul, #site-menu .site-nav   li { margin: 0; padding: 0; }
#mainNav .site-nav  li { padding: 0; display: block; text-align: left;   }
#mainNav .site-nav  li:first-child { margin-top: 86px; }
#mainNav .site-nav  li a {  background: var(--bg-nav-mobile); display: block; padding: 16px 20px 16px 20px!important; color: var(--txt-nav-mobile)!important; font-size: 14px; line-height: 16px; -webkit-transition:0ms ease-out all; transition: 0ms ease-out all; text-align: center;  border-bottom: solid 1px rgba(255,255,255,0.2); text-align:left; font-weight: 500;  letter-spacing: 0.145em; text-transform: uppercase;  -webkit-tap-highlight-color: transparent; }
#mainNav .site-nav  li a span.bonus { position: static; display: inline; vertical-align:  top; margin-left: 0.4em;   }
#mainNav .site-nav  li:first-child  a  { border-top: solid 1px rgba(255,255,255,0.2); }
#mainNav .site-nav  li a.cur, #mainNav .site-nav  li a.cur:active   { outline: none; color:  var(--txt-nav-mobile);  background:var(--bg-nav-active); }
#mainNav .site-nav  li a:active  { background:var(--bg-nav-active); }
#mainNav .site-nav  li li a { border-top: 0!important; padding-left: 32px!important;}
#mainNav .site-nav  li.dropElm> a:after { content: ' '; border: solid #fff; border-width: 0 2px 2px 0; display: block; padding: 2px; width: 0.25em; height: 0.25em;  vertical-align: middle; position: relative;  -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 17px; }
#mainNav .site-nav  li li:first-child { margin: 0;}
#mainNav .site-nav  li .dropDown { display: none; }
#mainNav .site-nav  li.dropOpen > a:after {  -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 22px;}
#mainNav .site-nav  li.dropOpen .dropDown { display: block; }
/* open menu 
-----------------------------*/
#mainNav { background:var(--bg-nav-mobile); color: #fff; display: block!important; max-width: 300px; top: 0;  box-shadow: -1000vh 900vh  0 1000vh var(--bg-nav-mobile), -1000vh  900vh 20px 1000vh  rgba(0,0,0, 0.4); position: absolute; left: 0; width: 100%;  -webkit-transition: 300ms ease-out all; transition: 300ms ease-out all; z-index: 900;    -webkit-transform: translateX(-500px); transform: translateX(-500px); transform: translate3d(-500px, 0, 0);  -webkit-transform: translate3d(-500px, 0, 0); pointer-events: none; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;   will-change: transform; }
.menuOpen #mainNav  { -webkit-transform: translateX(0); transform: translateX(0); transform: translate3d(0, 0, 0);  -webkit-transform: translate3d(0, 0, 0); pointer-events: auto;  }
}

/* Account Nav
--------------------------------------------------------------*/
.accountNav { background:var(--bg-nav); color: #000; display: block!important; max-width: 320px; top: 0;  box-shadow: 1000vh 900vh  0 1000vh #fff,-1000vh  900vh 20px 1000vh  rgba(0,0,0, 0.0); position: absolute; right: 0; width: 100%;  -webkit-transition: 300ms ease-out all; transition: 300ms ease-out all; z-index: 900;   -webkit-transform: translateX(500px); transform: translateX(500px); transform: translate3d(500px, 0, 0);  -webkit-transform: translate3d(500px, 0, 0); pointer-events: none; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;   will-change: transform; z-index: 2000;  }
.accountMenuOpen .accountNav  { -webkit-transform: translateX(0); transform: translateX(0); transform: translate3d(0, 0, 0);  -webkit-transform: translate3d(0, 0, 0); pointer-events: auto; box-shadow: 1000vh 900vh  0 1000vh #fff,-1000vh  900vh 20px 1000vh  rgba(0,0,0, 0.4);  }
.accountNav  { background: #fff; }
.closeNav { background: none; border: 0 none; cursor: pointer; display: block; height: 35px; margin-bottom: auto; margin-top: auto; outline: none; padding: 0; position: absolute; right :20px; top: 20px;   width: 30px; }
.closeNav:before, .closeNav:after { background-color: #000;  content: ""; height: 2px; left: 0; position: absolute; top: 50%; transform-origin: 50% 50% 0; width: 100%; }
.closeNav:before { transform: rotate3d(0, 0, 1, 45deg);}
.closeNav:after { transform: rotate3d(0, 0, 1, -45deg); }
.accountNav ul { padding: 86px 30px 30px 30px!important; margin: 0; list-style:  none; }
.accountNav ul li { display: block; }
.accountNav ul li.ln1 { font-size: 22.5px; padding: 20px 0 ; border-bottom: solid 1px rgba(0,0,0,0.15); margin-bottom: 20px;  }
.accountNav ul li.hd1 { font-size: 18px;  font-weight: 700; text-transform: uppercase;  }
.accountNav ul li.ln2  { font-size: 18px; padding-bottom: 20px;  }
.accountNav ul li.btnWrp { padding: 0px 0 20px 0; border-bottom: solid 1px rgba(0,0,0,0.15);  margin-bottom: 20px; }
.accountNav ul li.btnWrp .btn { font-size: 14.5px!important; display: block; padding: 0.863em 0.8em; letter-spacing: 0.02em !important; }
.accountNav ul li a.lnk { font-size: 16px; display: block; padding: 10px  0; color :#000; text-decoration:  none; position: relative; border-top: solid 1px rgba(0,0,0,0.15); }
.accountNav ul li a.lnk svg { position: absolute; right: 0; top: 50%; margin-top: -0.55em; height: 1.1em; width: auto; display: block; }
.accountNav ul li.hd2 { font-size: 18px;  font-weight: 700; text-transform: uppercase;  padding: 10px 0;   }
.accountNav ul li a.logOut { font-weight: bold; margin-top: 40px; border-top: 0; }
@media screen and (max-width: 768px) {
.accountNav { max-width: 300px;}
.closeNav { right: 15px; top: 15px; }
.accountNav ul { padding: 85px 15px 15px 15px!important; margin: 0; list-style:  none; }
}


.badge { display: inline-flex; align-items: center; background: #fff; border: 1px solid #e7e8f2; box-shadow: 0 1px 1px rgba(16,24,64,0.04), 0 8px 12px rgba(16,24,64,0.06); padding: 0.7em 1.3em; font-size: 10px;  }
.badge svg { width: 1.5em; min-width: 1.5em;}
.badge p { font-size: 1.25em; font-weight: 600; line-height: 1.6em; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; margin-left: 0.5em; padding: 0; }
@media all and (max-width: 480px) { 
.badge { font-size: 2.1vw; }
}
/* Main Intro
--------------------------------------------------------------*/
#mainIntroId { background: radial-gradient(900px 620px at 88% -8%, rgba(236,232,251,1) 0%, rgba(236,232,251,0) 60%), radial-gradient(700px 480px at 0% 4%, rgba(234,240,254,1) 0%, rgba(234,240,254,0) 55%), linear-gradient(#f8f9fe, #f5f6fc); padding-top: 0; }
#mainIntroBg { padding:  0 0; }
#mainIntroBg .FrmCtr  {  display: flex; justify-content: space-between;  align-items: center; max-width: 1168px; }
#mainIntroBg .FrmCtr .sideIntro { width: 100%; max-width: 100%; color: rgba(251,243,227,0.85); padding-right: 0;   }
#mainIntroBg .FrmCtr .sideIntro .sepGrad { width: 324px; background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%) ; display: block; }
#mainIntroBg .FrmCtr .sideIntro .sepGrad:after { display: block; content: ' '; padding-top: 4%; }
#mainIntroBg .FrmCtr .sideIntro .ln0 { font-size: 22px; line-height: 1.06em; font-weight: 700; text-transform: none; letter-spacing: 0; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 52px; line-height: 1.06em; font-weight: 900; margin: 0; max-width: 11em; padding: 0.6em 0 0.1em 0; letter-spacing: 0.0em; text-transform: none; color: #0A1F4D; }
#mainIntroBg .FrmCtr .sideIntro .ln2 { font-size: 18px; line-height: 1.66em; padding-bottom: 1.4em;  max-width: 27em; font-weight: 400; letter-spacing:  0;  padding: 1em 0 1.6em 0; color:  rgba(86, 96, 122, 1);  }
#mainIntroBg .FrmCtr .sideIntro .btn svg { /*height: 1.7em; top: -0.3em; position: relative; margin-bottom: -0.6em; margin: 0 1.4em -0.6em 0.4em; */}
#mainIntroBg .FrmCtr .sideIntro .ln3 { padding: 24px 0 0 0; display: flex; align-items: center; justify-content: flex-start;  text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; }
#mainIntroBg .FrmCtr .sideIntro .ln3 img { width: 1.4em; margin-right: 0.6em; }
#mainIntroBg .FrmCtr .sideIntro .ln3 li {   display: flex; align-items: center; }
#mainIntroBg .FrmCtr .sideIntro .ln3 li .bull { padding: 0 0.8em; }
#mainIntroBg .FrmCtr .sideTmb { width: 100%; max-width: 605px; background: url("../images/main_hero_tmb.png") no-repeat center top; background-size: contain;  }
#mainIntroBg .FrmCtr .sideTmb:after { content: ' '; display: block;  padding-top: 100%; }
#mainIntroBg .FrmCtr .btnWrp { display: flex; gap: 2rem; }
@media all and (max-width: 1399px) {
#mainIntroId { padding-top: 0; }
}
@media all and (max-width: 992px) {
#mainIntroBg .FrmCtr  { flex-direction: column; justify-content: center; min-height: 469px;   }
#mainIntroBg .FrmCtr .sideIntro { text-align: center; padding-right: 0;  }
#mainIntroBg .FrmCtr .sideIntro .sepGrad { width: 274px; margin-left: auto; margin-right: auto; }
#mainIntroBg .FrmCtr .sideIntro .ln0, #mainIntroBg .FrmCtr .sideIntro .ln1, #mainIntroBg .FrmCtr .sideIntro .ln2 { margin: 0 auto; }
#mainIntroBg .FrmCtr .sideIntro .ln0 { font-size: 18px; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 48px; max-width: 8em; }
#mainIntroBg .FrmCtr .sideIntro .ln2 { font-size: 16px; margin: 0 auto; max-width: 27em; }
#mainIntroBg .FrmCtr .sideIntro .ln3  {  justify-content: center; font-size: 10px; }
#mainIntroBg .FrmCtr .sideTmb { width: 70%; max-width: 429px; margin-top: 6rem; }
#mainIntroBg .FrmCtr .btnWrp {  justify-content: center; }
}
@media all and (max-width: 576px) {
#mainIntroBg { padding:  2rem 0 0 0; }
#mainIntroBg .FrmCtr .btnWrp {  flex-direction: column; align-items: center; }
#mainIntroBg .FrmCtr .btnWrp .btn { width: 16em; }
}
@media all and (max-width: 480px) {
#mainIntroBg .FrmCtr  {  min-height: 0; height: auto;  } 
#mainIntroBg .FrmCtr .sideIntro  { text-align: center; width: 100%; max-width: 100%; margin: 0 auto;   }
#mainIntroBg .FrmCtr .sideIntro .sepGrad { width: 46vw; }
#mainIntroBg .FrmCtr .sideIntro .ln0 { font-size: 3.2vw; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 10.8vw; }
#mainIntroBg .FrmCtr .sideIntro .ln2 { font-size: 3.45vw; font-weight: 500; }
#mainIntroBg .FrmCtr .sideIntro .ln3 { font-size: 2.1vw; }
#mainIntroBg .FrmCtr .sideIntro .ln3 li:first-child  { display: none; } 
}
@media all and (max-width: 448px) { 
#mainIntroBg .FrmCtr  {  min-height: 0 }
}
/* Main Inds
--------------------------------------------------------------*/
#mainInds {  padding: 0 0  2rem  0; }
#mainInds .FrmCtr { max-width: 1168px; padding-top: 0!important; }
#mainInds .top { display: flex; align-items: center; margin-bottom: 5.6em; }
#mainInds .top .lft { flex: 0 0 50%; }
#mainInds .top .lft .ln1 { font-size: 46.4px; font-weight: 800; line-height: 1.08em; letter-spacing: -0.022em; color: #0a1f4d; margin-top: 0.41em; }
#mainInds .top .lft .ln2 { font-size: 17.28px; line-height: 1.6em; color: #56607a; margin-top: 1.22em; padding: 0; max-width: 31em;  }
#mainInds .top .rgt { flex: 1 0 0; min-width: 0; display: flex; justify-content: flex-end; max-width: 574px;  }
#mainInds .top .rgt .tmb { max-width: 574px; min-width: 0; }
#mainInds .lst { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.2em; }
#mainInds .lst .itm { font-size: 10px; box-sizing: border-box; display: flex; flex-direction: column; background: #fff; border: 1px solid #e7e8f2; border-radius: 18px; box-shadow: 0 1px 1px rgba(16,24,64,0.04), 0 8px 12px rgba(16,24,64,0.06); padding: 2.8em 2.8em 2.5em 2.8em; }
#mainInds .lst .itm .ico { width: 10.4em; height: 10.4em; margin-bottom: 0.6em; }
#mainInds .lst .itm .ln1 { font-size: 2.048em; font-weight: 700; line-height: 1.6em; letter-spacing: -0.01em; color: #0a1f4d; margin-bottom: 0.44em; }
#mainInds .lst .itm .ln2 { font-size: 1.568em; line-height: 1.6em; color: #56607a; padding: 0; }
#mainInds .lst .itm .tags { display: flex; margin-top: auto; padding-top: 1.9em; }
#mainInds .lst .itm .tags .ln3 { font-size: 1.248em ; font-weight: 600; line-height: 1.6em; letter-spacing: 0.01em; background: #eef0fe; white-space: nowrap; padding: 0.32em 0.8em; }
#mainInds .lst .itm .tags .ln3:not(:last-child) { margin-right: 0.51em; }
#mainInds .lst .itm .btn { font-size: 1.6em!important; }
#mainInds .lst .itmDark { background: linear-gradient(162deg, #0a1f4d 8%, #23246b 92%); border: 0; justify-content: center; }
#mainInds .lst .itmDark .ln1 { color: #fff; font-size: 2.4em; line-height: 1.25em; margin-bottom: 0; }
#mainInds .lst .itmDark .ln2 { color: rgba(255,255,255,0.78); margin-top: 0.7em; margin-bottom: 1.4em; }
#mainInds .nums { display: flex; align-items: center; background: #fff; border: 1px solid #e7e8f2; border-radius: 2.2em; box-shadow: 0 2px 6px rgba(16,24,64,0.05), 0 2.2em 5em rgba(20,24,72,0.1); margin-top: 7.2em; font-size: 10px; justify-content: space-between; }
#mainInds .nums .lbl { border-right: 1px solid #e7e8f2; padding: 2.6em 2.8em 2.6em 2.7em; }
#mainInds .nums .lbl .ln1 { font-size: 1.184em; font-weight: 700; line-height: 1.5em; letter-spacing: 0.12em; text-transform: uppercase; color: #0a1f4d; white-space: nowrap; padding: 0; }
#mainInds .nums .itm { font-size: 1em; display: flex; align-items: center; padding: 2.6em 1em; }
#mainInds .nums .itm .ico { width: 3.4em; height: 3.4em; margin-right: 1.36em; flex-shrink: 0; }
#mainInds .nums .itm .ico svg { display: block; width: 100%; height: 100%; }
#mainInds .nums .itm .txt { max-width: 10.1em; }
#mainInds .nums .itm .txt .num { font-size: 2.4em; font-weight: 700; line-height: 1.05em; color: #0a1f4d; white-space: nowrap; padding: 0; }
#mainInds .nums .itm .txt .ln2 { font-size: 1.312em; line-height: 1.6em; color: #56607a; margin-top: 0.15em; padding: 0; }
@media all and (max-width: 1100px) {
#mainInds .top .lft .ln1 { font-size: 40px; }
}
@media (max-width: 992px) {
#mainInds { padding:  0  0; }
#mainInds .FrmCtr { max-width: 536px;}
#mainInds .top { flex-direction: column; align-items: flex-start; }
#mainInds .top .lft { flex: none; }
#mainInds .top .lft .ln1 { font-size: 40px; }
#mainInds .top .rgt { width: 100%; justify-content: center; margin-top: 3em; }
#mainInds .top .rgt .tmb { width: 100%; max-width: 100%; }
#mainInds .lst { grid-template-columns: repeat(2, 1fr); }
#mainInds .lst .itm { font-size: 8.2px; }
#mainInds .nums { flex-wrap: wrap; box-shadow: 0 2px 6px rgba(16, 24, 64, 0.05), 0 1.2em 3em rgba(20, 24, 72, 0.1); }
#mainInds .nums .lbl { border-right: 0; width: 100%; min-width: 100%;  text-align: center;  }
#mainInds .nums .lbl .ln1 { font-size: 1.784em; color: #0a1f4d;}
#mainInds .nums .itm { border-top: 1px solid #e7e8f2; min-width: 100%; justify-content: center; align-items: center;  }
#mainInds .nums .itm .txt { max-width: none; }
#mainInds .nums .itm .txt .ln2 { width: 9.7em; }
#mainInds .nums .itm .txt br { display: none; }
}
@media (max-width: 640px) {
#mainInds .lst { grid-template-columns: 1fr; }
#mainInds .lst .itm { font-size: 10px; }
}
@media (max-width: 576px) {
#mainInds .top .lft .ln2 { font-weight: 500; }
#mainInds .lst .itm .ln2 { font-weight: 500; }
#mainInds .nums .itm .txt .ln2 { font-weight: 500; }
}
@media (max-width: 480px) {
#mainInds .top .lft .ln1 { font-size: 8.3vw; }
#mainInds .top .lft .ln2 { font-size: 3.5vw; }
#mainInds .lst .itm { font-size: 2.1vw; }
#mainInds .nums { font-size: 2.1vw; }
}
/* Main Foot
--------------------------------------------------------------*/
#mainFoot { background: radial-gradient(620px 320px at 12% 118%, rgba(228,220,251,1) 0%, rgba(228,220,251,0) 60%), radial-gradient(620px 320px at 95% 128%, rgba(219,228,254,1) 0%, rgba(219,228,254,0) 55%), linear-gradient(#f6f7fd, #eee9fb);  padding:0 0 0 0; }
#mainFoot .FrmCtr { max-width: 1168px;}
#mainFoot .top { display: flex; }
#mainFoot .top .brand { flex: 0 0 31%; }
#mainFoot .top .brand .lgo { display: flex; align-items: center; }
#mainFoot .top .brand .lgo .ico { width: 16.6em; }
#mainFoot .top .brand .lgo .txt { margin-left: 1.2em; }
#mainFoot .top .brand .lgo .txt .ln1 { font-size: 22.4px; font-weight: 800; line-height: 1em; letter-spacing: 0.02em; color: #0a1f4d; white-space: nowrap; }
#mainFoot .top .brand .lgo .txt .ln2 { font-size: 10.56px; font-weight: 700; line-height: 1.6em; letter-spacing: 0.34em; text-transform: uppercase; white-space: nowrap; margin-top: 0.3em; padding: 0; }
#mainFoot .top .brand .ln3 { font-size: 14.4px; line-height: 1.6em; color: #717a93; margin-top: 1.53em; padding: 0; }
#mainFoot .top .col { flex: 1 0 0; }
#mainFoot .top .col .ln1 { font-size: 13px; font-weight: 700; line-height: 1.6em; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 1.4em; }
#mainFoot .top .col .lnk { display: block; font-size: 15.68px; font-weight: 500; line-height: 1.6em; color: #39435f; padding: 0.45em 0; }
#mainFoot .btm { border-top: 1px solid rgba(180,185,215,0.45); margin-top: 3em; padding: 2.8em 0 2.7em 0; }
#mainFoot .btm .copy { font-size: 13px; line-height: 1.6em; color: #717a93; text-align: center; padding: 0; }

@media (max-width: 992px) {
#mainFoot .top { flex-direction: column; display: grid; grid-template-columns: repeat(2, 1fr);  gap: 2rem; max-width: 536px; margin: 0 auto;  }
#mainFoot .top .brand { flex: none; }
#mainFoot .top .col { flex: none; margin-top: 0; }
#mainFoot .top .col .ln1 {margin-bottom:  1em; }
#mainFoot .top .col .lnk {padding: 0.25em 0; }
#mainFoot .btm .copy {max-width: 25em; margin: 0 auto;  }
}
@media (max-width: 576px) {
#mainFoot .top  { flex-direction: column; display: flex; text-align: center;  }
#mainFoot .top .brand .lgo .ico { margin: 0 auto;  }
#mainFoot .top .brand .ln3 { font-weight: 500; font-size: 12px;  }
#mainFoot .top .col .ln1 {font-size: 12px;  }
#mainFoot .top .col .lnk {  display: block; font-size: 12px; }
#mainFoot .btm .copy { font-weight: 500; font-size: 12px;  }
}
@media (max-width: 365px) {
#mainFoot .top .brand .ln3, #mainFoot .top .col .ln1, #mainFoot .top .col .lnk, #mainFoot .btm .copy {  font-size: 11px;  }
}
/* About intro
--------------------------------------------------------------*/
#mainCont .aboutIntro .FrmCtr .sideTmb {  background-image: url("../images/about_about_tmb.png"); }
/* About Story
--------------------------------------------------------------*/
#aboutStory {  }
#aboutStory .row { display: flex; align-items: center; }
#aboutStory .row .lft { flex: 0 0 50%; }
#aboutStory .row .lft .ln1 { font-size: 46.4px; font-weight: 800; line-height: 1.08em; letter-spacing: -0.022em; color: #0a1f4d; margin-top: 0.41em; }
#aboutStory .row .lft .ln2 { font-size: 17.28px; line-height: 1.6em; color: #56607a; max-width: 584px; margin-top: 1.22em; padding: 0; }
#aboutStory .row .lft .ln2:last-of-type { margin-bottom: 1.68em; }
#aboutStory .row .rgt { flex: 1 0 0; min-width: 0; display: flex; justify-content: center; }
#aboutStory .row .rgt .tmb { max-width: 433px; min-width: 0; background: radial-gradient(29% 13% at 43% 81%, rgba(99,102,241,0.38) 0%, rgba(99,102,241,0) 72%), radial-gradient(26% 12% at 61% 82%, rgba(139,92,246,0.38) 0%, rgba(139,92,246,0) 72%); }
@media (max-width: 992px) {
#aboutStory .FrmCtr { max-width: 536px; }
#aboutStory .row { flex-direction: column; align-items: flex-start; }
#aboutStory .row .lft { flex: none; }
#aboutStory .row .lft .ln1 { font-size: 40px; }
#aboutStory .row .rgt { width: 100%; margin-top: 0; }
#aboutStory .row .rgt .tmb { width: 100%; max-width: 420px; }
}
@media (max-width: 576px) {
#aboutStory .row .lft .ln1  {  font-size: 33px; }
#aboutStory .row .lft .ln2 { font-weight: 500; }
}
@media (max-width: 480px) {
#aboutStory .row .lft .ln1 { font-size: 6.8vw; }
#aboutStory .row .lft .ln2 { font-size: 3.6vw; }
}
/* About Vals
--------------------------------------------------------------*/
#aboutVals {   }
#aboutVals .lst { display: grid; grid-template-columns: repeat(4, 1fr); gap: 23px; }
#aboutVals .lst .itm { font-size: 10px; box-sizing: border-box; display: flex; flex-direction: column; background: #fff; border: 1px solid #e7e8f2; border-radius: 18px; box-shadow: 0 1px 1px rgba(16,24,64,0.04), 0 8px 12px rgba(16,24,64,0.06); padding: 3.1em 2.8em 2.5em 2.8em; }
#aboutVals .lst .itm .ico { width: 9.6em; height: 9.6em; margin-bottom: 1em; }
#aboutVals .lst .itm .ln1 { font-size: 1.824em; font-weight: 700; line-height: 1.6em; letter-spacing: -0.01em; color: #0a1f4d; margin-bottom: 0.49em; }
#aboutVals .lst .itm .ln2 { font-size: 1.52em; line-height: 1.6em; color: #56607a; padding: 0; }
@media (max-width: 992px) {
#aboutVals .FrmCtr { max-width: 536px; }
#aboutVals .lst { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
}
@media (max-width: 640px) {
#aboutVals .lst { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
#aboutVals .lst .itm .ln2 { font-weight: 500; }
}
@media (max-width: 480px) {
#aboutVals .lst .itm { font-size: 2.1vw; }
}
/* About Steps
--------------------------------------------------------------*/
#aboutSteps { }
#aboutSteps .row { display: flex; align-items: center; }
#aboutSteps .row .lft { flex: 0 0 45%;     padding-right: 4rem; }
#aboutSteps .row .lft .ln1 { font-size: 46.4px; font-weight: 800; line-height: 1.08em; letter-spacing: -0.022em; color: #0a1f4d; max-width: 524px; margin-top: 0.41em; }
#aboutSteps .row .lft .ln2 { font-size: 17.28px; line-height: 1.6em; color: #56607a; max-width: 518px; margin-top: 1.22em; margin-bottom: 1.85em; padding: 0; }
#aboutSteps .row .rgt { flex: 1 0 0; min-width: 0; display: flex; justify-content: flex-end; max-width: 580px; }
#aboutSteps .row .rgt .lst { width: 100%; max-width: 580px; }
#aboutSteps .row .rgt .lst .itm { font-size: 10px; box-sizing: border-box; display: flex; align-items: flex-start; background: #fff; border: 1px solid #e7e8f2; border-radius: 18px; box-shadow: 0 1px 1px rgba(16,24,64,0.04), 0 8px 12px rgba(16,24,64,0.06); padding: 1.9em 2.3em; }
#aboutSteps .row .rgt .lst .itm:not(:last-child) { margin-bottom: 1.44em; }
#aboutSteps .row .rgt .lst .itm .num { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 2.125em; height: 2.125em; font-size: 1.6em; font-weight: 700; line-height: 1em; color: #fff; background: linear-gradient(150deg, #4f46e5 8%, #8b5cf6 92%); border-radius: 10px; margin-top: 0.125em; margin-right: 1.15em; padding: 0; }
#aboutSteps .row .rgt .lst .itm .txt { flex: 1; }
#aboutSteps .row .rgt .lst .itm .txt .ln1 { font-size: 1.696em; font-weight: 800; line-height: 1.6em; color: #0a1f4d; }
#aboutSteps .row .rgt .lst .itm .txt .ln2 { font-size: 1.504em; line-height: 1.55em; color: #56607a; margin-top: 0.2em; padding: 0; }
@media (max-width: 992px) {
#aboutSteps .FrmCtr { max-width: 536px; }
#aboutSteps .row { flex-direction: column; align-items: flex-start; }
#aboutSteps .row .lft { flex: none; padding-right: 0;  }
#aboutSteps .row .lft .ln1  { font-size: 40px; }
#aboutSteps .row .rgt { width: 100%; margin-top: 0; }
#aboutSteps .row .rgt .lst { max-width: none; }
}
@media (max-width: 576px) {
#aboutSteps .row .lft .ln1  {  font-size: 33px; }
#aboutSteps .row .lft .ln2 { font-weight: 500; }
#aboutSteps .row .rgt .lst .itm .txt .ln2 { font-weight: 500; }
}
@media (max-width: 480px) {
#aboutSteps .row .lft .ln1{ font-size: 6.8vw; }
#aboutSteps .row .lft .ln2 { font-size: 3.6vw; }
#aboutSteps .row .rgt .lst .itm { font-size: 2.1vw; }
}
/* About Team
--------------------------------------------------------------*/
#aboutTeam { position: relative; }
#aboutTeam .top .ln1 { font-size: 46.4px; font-weight: 800; line-height: 1.08em; letter-spacing: -0.022em; color: #0a1f4d; max-width: 660px; margin-top: 0.41em; }
#aboutTeam .top .ln2 { font-size: 17.28px; line-height: 1.6em; color: #56607a; max-width: 622px; margin-top: 1.22em; padding: 0; }
#aboutTeam .btm { margin-top: 3rem; }
#aboutTeam .btm .tmb { border-radius: 24px; box-shadow: 0 24px 96px rgba(20,24,72,0.14); }
#aboutTeam .btm .tmb img { width: 100%; border-radius: 1.8rem; }
@media (max-width: 992px) {
#aboutTeam .FrmCtr { max-width: 536px; }
#aboutTeam .top .ln1 { font-size: 40px; }
}
@media (max-width: 576px) {
#aboutTeam .top .ln1 { font-size: 33px; }
#aboutTeam .top .ln2 { font-weight: 500; }
}
@media (max-width: 480px) {
#aboutTeam .top .ln1 { font-size: 6.8vw; }
#aboutTeam .top .ln2 { font-size: 3.6vw; }
}