* { box-sizing: border-box; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; } body { padding: 0; margin: 0; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; box-sizing: border-box; overflow-y: scroll; background: white; } header { width: 100%; } .navbar-toggler { outline: none !important; } .navbar-toggler > .fa_bars { position: absolute; top: 20px; font-size: 22px; } .nav-header { position: sticky; top: 0; z-index: 10; background: #fff; box-shadow: 0 10px 20px -7px #e3e3e39c; } .nav__item { margin: 0 !important; padding: 0 15px; font-size: 15px; font-weight: 400; line-height: 18px; text-align: left; list-style: none; position: relative; } .nav__item a:hover { color: #000; text-decoration: none !important; } .dropdown-menu { position: fixed; left: 0; top: 72px; width: 100%; } .inner-dropdown { display: flex; justify-content: left; padding: 30px 100px; flex-wrap: wrap; } .catPad { padding: 0 85px; } .catPad li { font-size: 14px !important; font-weight: 500; } .navCatContainer { position: absolute; z-index: 9; padding: 25px; height: 300px; background: white; width: 100%; } .navCat { display: flex; width: 100%; justify-content: space-between; } .anchor_color { color: rgb(117, 117, 117); } .nav__item_Cat { margin: 0 !important; padding: 0 15px; font-size: 15px; font-weight: 400; line-height: 38px; text-align: left; /* color: #11304e; */ list-style: none; position: relative; } .navItemlist { width: 100%; display: flex; flex-direction: column; padding: 20px 0; } @media (max-width: 992px) { .dropdown-menu { overflow-y: scroll; height: 500px; position: static !important; float: none; } .inner-dropdown { flex-direction: column; padding: 0px 30px; } .catPad { padding: 20px 0; } .navbar-nav { margin: 0 !important; } .nav__item { padding: 15px 0; } } @media (max-width: 768px) { .faq-list { width: 100% !important; } .feature-h1, .feature-h2 { font-size: 20px !important; } } .how-to-leftimg { height: 180px; width: 300px; } .how-to-right { color: rgb(33, 33, 33); } @media (min-width: 768px) { .how-to-title { line-height: 30px; font-size: 22px; } } .how-to-list { list-style: none; counter-reset: howToCounter 0; margin: 0px; padding: 6px 0px; } .how-to-list-item { line-height: 24px; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-weight: 400; display: flex; padding: 6px 0px; } .how-to-title { line-height: 30px; font-size: 20px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-weight: 600; margin: 0px; padding-bottom: 12px; } .feature-card-img { width: 48px; height: 48px; } .feature-card-title { line-height: 24px; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-weight: 600; color: rgb(33, 33, 33); text-align: center; margin: 0px; padding: 12px 0px; } .faq-question { line-height: 24px; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-weight: 600; color: rgb(33, 33, 33); text-align: left; margin: 0px; padding: 12px 0px; } .feature-card-desc { line-height: 24px; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-weight: 400; color: rgb(33, 33, 33); text-align: center; margin: 0px; padding: 0px 24px; max-width: 100%; } .faq-answer { line-height: 24px; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-weight: 400; color: rgb(33, 33, 33); text-align: left; margin: 0px; max-width: 100%; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; -webkit-text-decoration: underline; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type='checkbox'], [type='radio'] { box-sizing: border-box; padding: 0; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } #app { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; } .box-border { position: absolute; inset: 12px; background: rgba(0, 0, 0, 0.1); border: 2px dashed rgba(0, 0, 0, 0.15); } .div-cont { display: flex; overflow: hidden; } .content-box { display: flex; flex: 1 1 auto; z-index: 1; } .flex-container { display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; } .flex-class { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; } @media (min-width: 0px) and (max-width: 1199px) { .flex-class { max-width: none; } } @media (min-width: 1200px) { .flex-class { max-width: 1200px; } } @media (min-width: 0px) and (max-width: 767px) { .flex-class { padding: 0 18px; } } @media (min-width: 768px) { .flex-class { padding: 0 30px; } } .flex-class { flex: 1 0 auto; width: 100%; } .feature-h1 { line-height: 36px; font-size: 30px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-weight: 600; color: rgb(33, 33, 33); text-align: center; margin: 0px; } .feature-h2 { -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-weight: 300; color: rgb(33, 33, 33); text-align: center; margin: 0px; } @media (min-width: 768px) { .feature-h2 { line-height: 30px; font-size: 22px; } } .logo-height { height: 42px; } @media (max-width: 767px) { .logo-height { height: 36px; } } .footer-nav-item { margin: -12px 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } @media (min-width: 992px) { .footer-nav-item { -webkit-flex: initial; -ms-flex: initial; flex: initial; width: 160px; } } @media (min-width: 576px) and (max-width: 991px) { .footer-nav-item { padding: 0 20px; } .footer-nav-item:first-child { padding-left: 0; } .footer-nav-item:last-child { padding-right: 0; } } @media (max-width: 575px) { .footer-nav-item { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .footer-nav-item:not(:first-child) { margin-top: 28px; } } .home-feature-desc { line-height: 18px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-stretch: 400; font-weight: 400; position: absolute; padding: 12px; } @media (max-width: 767px) { .home-feature-desc { right: 0; bottom: 0; left: 48px; top: 36px; } } @media (min-width: 768px) { .home-feature-desc { left: 0; right: 0; bottom: 0; top: 84px; } } .home-top-h1 { line-height: 30px; font-size: 22px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-stretch: 400; font-weight: 600; color: rgba(33, 33, 33, 1); text-align: center; margin: 0; } @media (min-width: 768px) { .home-top-h1 { line-height: 36px; font-size: 30px; } } .home-top-h2 { line-height: 30px; font-size: 20px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-stretch: 400; font-weight: 300; color: rgba(33, 33, 33, 1); text-align: center; margin: 0; } @media (min-width: 768px) { .home-top-h2 { line-height: 30px; font-size: 22px; } } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } * { box-sizing: border-box; } .header { min-height: 80px; } .heading { text-align: center; margin-top: 90px; } .heading-h1 { font-size: 60px; font-weight: 800; line-height: 1.33; color: #11304e; margin: 70px 0 12px; } .heading-h2 { font-size: 20px; font-weight: 500; opacity: 70%; color: #11304e; } .img-uploader { margin-top: 45px; } .uploader { background-color: #974fff; border-radius: 25px; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; margin: auto; width: 65%; padding: 10px; height: 300px; } .inner-box { background-color: #11304e2e; border-radius: 25px; width: 100%; height: 280px; overflow: auto; text-align: justify; } .dropzone { text-align: center; color: white; } .drop-span { color: white; } .button { display: inline-block; background: rgb(255, 255, 255); border-radius: 10px; padding: 13px 22px; font-size: 16px; font-weight: bold; line-height: 1.19; letter-spacing: 0.32px; cursor: pointer; border: unset; color: #974fff !important; /* margin-left: 137px; */ } .download-reset-button { display: flex; float: right; align-items: center; position: sticky; right: 0; bottom: 0; } .extract-container { width: 90%; margin: auto; padding-top: 40px; margin-bottom: 30px; display: none; } .download-all { background: rgb(255, 255, 255); border-radius: 10px; padding: 7px 22px; font-size: 16px; font-weight: bold; line-height: 1.19; letter-spacing: 0.32px; cursor: pointer; border: unset; color: #974fff !important; float: left; } .restart-button { background: rgb(255, 255, 255); border-radius: 10px; padding: 7px 7px; font-size: 16px; line-height: 1.19; letter-spacing: 0; cursor: pointer; border: unset; color: #974fff !important; margin-top: 18px; } .file-upload { display: none; } .textual-content { margin-top: 90px; } .textual-content-box { margin-top: 90px; background-color: rgba(17, 48, 78, 0.18); display: flex; flex-direction: row; } .supported { margin-top: 90px; } .row { /* flex: 1 1 0px; */ /* position: relative; */ min-height: 1px; padding-right: 15px; padding-left: 15px; height: auto; text-align: center; margin-bottom: 30px; } i { display: block; margin-bottom: 18px; } .span { display: block; font-size: 20px; font-weight: bold; line-height: 1.21; margin-bottom: 15px; color: rgb(17, 48, 78); } p { font-size: 15px; line-height: 1.41; color: rgb(17, 48, 78); } .how-to { margin-right: -15px; margin-left: -15px; } .how-to-text { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; margin: auto; width: 74%; padding: 10px; } .how-to-h2 { font-size: 40px; font-weight: 800; line-height: 1.16; text-align: left; color: rgb(17, 48, 78); /* margin: 0px 0px 40px; */ width: 100%; margin-top: 70px; } .steps { padding-left: 29px; } ul li span { display: inline-block; width: 20px; margin-right: 20px; position: absolute; top: 0px; left: 0px; } img { outline: none; border: none; max-width: 100%; height: auto; } .rating-div { background-color: red; } .rating-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .rating-row { margin-right: -15px; margin-left: -15px; } .faq-container { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .faq-h2 { font-size: 53px; font-weight: 800; line-height: 1.16; text-align: center; color: #11304e; margin: 100px 0 50px; } .faq-h3 { margin: 0 0 25px; font-size: 20px; font-weight: 600; color: #11304e; position: relative; padding-right: 30px; line-height: 1.4; cursor: pointer; } .faq-list { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; margin: auto; width: 50%; padding: 10px; } .sup-h2 { font-size: 56px; font-weight: 800; line-height: 1.21; color: rgb(17, 48, 78); text-align: center; } .sup-ul { margin: 0px; padding: 63px 0px 0px; text-align: left; } .sup-li { list-style: none; margin: 0px 0px 20px; font-size: 15px; color: rgb(17, 48, 78); width: 25%; text-align: left; display: inline-block; } a { text-decoration: unset; color: unset; } .sup-i { display: inline-block; margin-right: 10px; width: 19px; vertical-align: middle; } .sup-span { display: inline-block; width: 20px; margin-right: 20px; position: unset !important; top: 0px; left: 0px; } .clear { clear: both; } .leftbox { float: left; width: 30%; height: 280px; margin: 0px 28px; text-align: center; margin-bottom: 30px; } .middlebox { float: left; width: 30%; height: 280px; text-align: center; margin-bottom: 30px; } .rightbox { text-align: center; float: right; width: 30%; height: 280px; margin-bottom: 30px; } .file-list { padding: 10px 0 20px; } .single-file { color: white; cursor: pointer; } .small-text { font-size: 16px; font-weight: 500; } .rows { padding: 10px; margin: auto; width: 50%; margin-top: 70px; display: inline; min-height: 1px; padding-right: 15px; padding-left: 15px; } .rows-2 { margin-top: 50px; } ul li { margin: 0 0 20px; padding: 0; font-size: 17px; font-weight: 500; line-height: 1.4; text-align: left; color: #11304e; list-style: none; position: relative; } .header { overflow: hidden; /* background-color: #f1f1f1; */ padding: 20px 10px; } .header a { /* float: left; color: black; text-align: center; line-height: 25px; border-radius: 4px; */ padding: 0 20px 0 8px; text-decoration: none; color: #1e283c; font-weight: 600; font-size: 12px; text-transform: uppercase; outline: 0; } .header a.logo { font-size: 25px; font-weight: bold; margin: 0px 101px; } .header a:hover { background-color: #ddd; color: black; } .header a.active { background-color: #eee; color: black; } .header-right { float: right; padding-right: 124px; } /* footer css start */ .footer { -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } .footer-wrapper { padding: 32px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #e8e8e8; } @media (max-width: 991px) { .footer-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .footer-logo-cont { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .footer-logo { height: 40px; } .footer-title { font-stretch: 400; font-weight: 400; font-size: 18px; line-height: 28px; color: rgba(26, 26, 26, 1); padding-top: 24px; } .footer-nav { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: space-between; -ms-flex-pack: end; justify-content: space-between; } @media (max-width: 991px) { .footer-nav { padding-top: 32px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 575px) { .footer-nav { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .footer-ul { display: flex; flex-direction: column; padding-left: 0; } .footer-ul-title { font-stretch: 400; font-weight: 700; font-size: 16px; line-height: 24px; color: rgba(26, 26, 26, 1); padding: 12px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .footer-link { font-stretch: 400; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(26, 26, 26, 1); padding: 12px 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .footer-link:hover { color: rgba(117, 117, 117, 1); } .footer-msg { font-stretch: 400; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(26, 26, 26, 1); -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (min-width: 576px) and (max-width: 991px) { .footer-msg { padding-top: 24px; } } .privacy-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 24px 0; } @media (max-width: 991px) { .privacy-footer { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 575px) { .privacy-footer { padding: 32px 0; } } .privacy-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 575px) { .privacy-links { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .privacy-links-item { font-stretch: 400; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(26, 26, 26, 1); margin: 0 20px; } .privacy-links-item:hover { color: rgba(117, 117, 117, 1); } .privacy-links-item:first-child { margin-left: 0; } .privacy-links-item:last-child { margin-right: 0; } @media (max-width: 575px) { .privacy-links-item { margin-left: 0; margin-right: 0; margin-bottom: 32px; } } /* footer css end */ /*about termsand conditions help*/ .contact_layout { -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } .about_layout { -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } .contact-h1 { line-height: 30px; font-size: 22px; font-stretch: 400; font-weight: 600; color: rgba(33, 33, 33, 1); text-align: center; margin: 0; } @media (min-width: 768px) { .contact-h1 { line-height: 36px; font-size: 30px; } } .contact-h2 { line-height: 30px; font-stretch: 400; font-weight: 300; font-size: 20px; color: rgba(33, 33, 33, 1); text-align: center; margin: 0; } @media (min-width: 768px) { .contact-h2 { line-height: 30px; font-size: 22px; } } .about-h1 { line-height: 30px; font-size: 22px; font-stretch: 400; font-weight: 600; color: rgba(33, 33, 33, 1); text-align: center; margin: 0; } @media (min-width: 768px) { .about-h1 { line-height: 36px; font-size: 30px; } } .about-h2 { line-height: 30px; font-stretch: 400; font-weight: 300; font-size: 20px; color: rgba(33, 33, 33, 1); text-align: center; margin: 0; } @media (min-width: 768px) { .about-h2 { line-height: 30px; font-size: 22px; } } /*closed*/ .feature-img { width: 36px; height: 36px; } .box-padding { padding: 0px 0px 24px; } .box { position: relative; display: flex; flex-direction: column; background-color: rgb(242, 48, 48); min-height: 300px; width: 100%; } .social-icons { position: fixed; right: 0; top: 35%; width: 42px; height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: #fff; box-shadow: 0 0 20px -7px #191a1a9e; line-height: 30px; } @media (max-width: 768px) { .social-icons { left: 0; bottom: 0 !important; top: auto; font-size: 25px; width: 100%; height: 80px; display: flex; margin: 0 !important; flex-direction: row; justify-content: space-evenly; line-height: 100px; } } .social-icon { margin: 0 !important; color: gray; font-size: 1.6rem; } .social-icon:hover { color: black; } .home-features { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 0 90px 0; } .home-feature-box { position: relative; color: white; margin: 0; border: 1px solid white; } @media (min-width: 0px) and (max-width: 767px) { .home-feature-box { width: 100%; height: 114px; } } @media (min-width: 768px) and (max-width: 991px) { .home-feature-box { width: 25%; height: 180px; } } @media (min-width: 992px) { .home-feature-box { width: 20%; height: 180px; } } .home-feature-name { line-height: 24px; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-stretch: 400; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .home-feature-name:hover { box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2); z-index: 1; } @media (max-width: 767px) { .home-feature-name { padding: 12px 12px 12px 60px; } } @media (min-width: 768px) { .home-feature-name { padding: 60px 12px 12px 12px; } } .home-inner-box { position: absolute; padding: 12px; } .div-cont { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .div-cont > svg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .div-cont > svg > * { fill: currentColor; } .mega-menu::first-line { color: gray !important; font-weight: 600; }