-
{ 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: 71px; 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) {
.language-drop-down-item { width: 100% !important; } .file-detail-table { overflow-x: scroll; } .compare-table { overflow-x: scroll; } .faq-list { width: 100% !important; } .feature-h1, .feature-h2 { font-size: 20px !important; } .social-count { right: auto !important; margin-top: 25px !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; font-weight: 400; display: flex; padding: 6px 0px;
} .how-to-title {
line-height: 30px; font-size: 20px; font-weight: 600; margin: 0px; padding-bottom: 12px;
}
.feature-card-img {
width: 48px; height: 48px;
}
.feature-card-title {
line-height: 24px; font-size: 16px; font-weight: 600; color: rgb(33, 33, 33); text-align: center; margin: 0px; padding: 12px 0px;
} .faq-question {
line-height: 24px; font-size: 16px; 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; 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; 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;
} a:hover {
color: currentColor; text-decoration: none;
} abbr {
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; font-weight: 600; color: rgb(33, 33, 33); text-align: center; margin: 0px;
} .feature-h2 {
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; 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; 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; 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 { } .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-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 { } .about_layout { } .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;
} .common-h2 {
font-stretch: 400; font-size: 20px; color: rgba(33, 33, 33, 1);
} @media (min-width: 768px) {
.about-h2 { line-height: 30px; font-size: 22px; } .common-h2 { 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: 47px; height: 174px; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 999; 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: 60px; 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; transition: 0.2s linear; border: 1px solid white;
} .home-feature-box:hover {
transform: translateY(-17px);
} @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; 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; color: currentColor; text-decoration: none;
} @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;
} .lang-dropdown {
position: fixed; right: 30px; top: 20px; z-index: 999;
} @media (max-width: 994px) {
.lang-dropdown { top: 75px; z-index: 5; right: 4px; position: absolute; } .lang-dropdown .lang-dropdown-btn { position: absolute; right: 0; } .drop-down-wrapper { overflow-y: unset !important; }
} .drop-down-wrapper {
height: fit-content !important;
} .lang-dropdown-item {
width: 100%; display: block; text-align: center; text-decoration: none !important;
} .rating-tool {
width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px 20px 0px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221);
} .rating-text {
font-size: 17px; font-weight: 700; color: rgb(33, 33, 33); padding: 6px;
} .rating-stars {
color: #9d9d9d !important; padding-top: 17px; display: flex; align-items: center;
} .rating-stars i {
padding: 5px; font-size: 17px;
} .rating-value {
line-height: 24px; font-size: 16px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; color: rgb(33, 33, 33); padding: 6px;
}
/* RELATED POST && RECENT POST STYLING */ .related_post_heading {
width: 100%; font-size: 46px; text-align: center; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.24; letter-spacing: normal; color: rgb(17, 48, 78); margin-bottom: 45px; padding-top: 75px; display: inline-block;
}
/* Blog-card-footer styling */ .card-footer {
border: none;
} .wrapfooter {
display: flex; align-items: center; margin-bottom: 15px;
} .wrapfooter img {
width: 35px; height: 35px; border-radius: 50%;
} .wrapfooter .author-meta {
/* flex: 1 1 auto; */ padding: 0 15px;
} .wrapfooter .author-meta a {
font-size: 15px; color: #000; text-transform: capitalize;
} .wrapfooter .post-read-more {
flex: 50; text-align: right;
} .post-date {
color: rgba(0, 0, 0, 0.44); font-size: 13px;
} .social-count {
background: #d60000; color: #fff; position: absolute; height: 16px; width: 16px; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; font-weight: 700; right: 1px; border-radius: 50%; margin-top: 1px; padding: 9px;
} .file-detail-table th, .file-detail-table td {
border: none !important;
} .softwares-section img {
height: 32px; min-width: 32px;
} .software-name {
color: #1565c0 !important; font-size: 1.1rem; margin-top: -4px; margin-left: 4px;
} .software-value {
font-size: 0.7rem; margin-left: 4px; color: #6d6d6d; margin-top: -3px;
} rating-img {
height: 1px; width: 1px; filter: brightness(); filter: brightness(100);
} .no-file-transfer {
position: absolute; top: 93px; height: 127px; width: 200px; background: #80008030; right: 24px; border-radius: 8px; display: flex; align-items: center; justify-content: center; z-index: 9999;
} .no-file-transfer svg {
width: 50px;
} .no-file-transfer button {
background: transparent; border: 1px solid #800080ab; color: #800080ab; margin-bottom: 10px;
} .no-file-transfer button:hover {
background: #800080ab; border: 1px solid #800080ab;
} .no-file-transfer .circle {
height: 64px; border-radius: 50%; position: absolute; width: 64px; display: flex; align-items: center; justify-content: center; border: 3px solid red; color: red; font-size: 20px; font-weight: 700; transform: rotate(-41deg);
} .download-section {
box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset; margin-top: 5px;
} .download-btn-container {
border-bottom: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); padding: 24px 24px 40px;
} .success-msg {
font-size: 20px; font-weight: 600; padding: 24px 0px; color: rgb(26, 26, 26);
} .sites-config {
padding: 0px 24px; border-top: 1px solid rgb(238, 238, 238);
} .social-share-section {
padding: 0px 24px; border-top: 1px solid rgb(238, 238, 238);
} .try-more-features {
padding: 0px 24px; border-bottom: 1px solid rgb(238, 238, 238);
} .sites-config {
padding: 24px 0px;
} .social-share-section {
padding: 24px 0px;
} filename {
font-size: 22px; font-weight: 700;
} file-download-button {
font-weight: 700; font-size: 16px; line-height: 24px; width: 150px; color: #fff; padding: 9px 18px; background: #0050f2; height: 42px; position: relative; border-radius: 4px 0px 0px 4px; text-transform: uppercase; border-radius: 3px; display: flex; -webkit-box-pack: center; justify-content: center;
} .download-social-share a i {
font-size: 1.5rem; padding: 0px 10px; margin: 0px 30px;
} .share-heading {
font-size: 17px; font-weight: 700; color: rgb(33, 33, 33); padding: 6px;
} .sites-config img {
height: 27px;
} .social-share-section, .try-more-features {
padding: 0px 24px; border-top: 1px solid rgb(238, 238, 238);
} .download-social-share {
padding: 24px 0px; border-top: 1px solid rgb(238, 238, 238);
} .sites-config {
padding: 24px 0px;
} .social-share-section {
padding: 24px 0px;
} filename {
font-size: 22px; font-weight: 700;
} .sites-config a {
text-decoration: none;
} .feature-showcase-div {
margin: 0px; padding: 0px; overflow: visible; text-decoration: inherit; display: flex; position: relative; border: 1px solid rgb(232, 232, 232); border-radius: 4px; width: 100%; cursor: pointer; font-weight: 700; font-size: 16px; line-height: 24px; color: rgb(26, 26, 26); user-select: none; outline: none; -webkit-box-align: center; align-items: center; height: 66px; background: rgb(250, 250, 250);
} .feature-showcase-div:hover {
background-color: #fff;
} .feature-showcase-div img {
width: 32px; height: 32px; /* margin: ; */
} .feature-showcase-div a {
text-decoration: none;
} .feature-showcase-div i {
font-size: 11px;
} .website-img {
height: 38px;
} .website-wrap {
text-align: left;
} .file-info-h1 {
font-family: Helvetica, sans-serif; font-weight: 600; font-size: 1.8rem; margin: 0; margin-bottom: 8px;
} .file-info-h2 {
font-family: Helvetica, sans-serif; font-weight: 600; font-size: 19px; color: #848d95; margin-bottom: 10px;
} .file-info-item-list {
list-style: disc; color: rgb(26, 25, 25); font-family: Helvetica; font-size: 17.4px; line-height: 32px; padding: 0;
} .file-info-img {
height: 500px; width: 100%;
} .info-title {
font-weight: 600;
} .sticky-div-file-info {
position: sticky; top: 0%;
}
ol li::marker {
font-size: 25px;
} .drop-down-btn {
cursor: pointer; user-select: none; margin: 0px; padding: 0px; outline: 0px; border: 0px; width: auto; overflow: visible; display: flex; -webkit-box-align: center; align-items: center; background-color: transparent; transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 16px; line-height: 24px; color: rgb(26, 26, 26);
} .drop-down-btn svg {
height: 22px;
} .language-drop-down-menu {
display: flex; justify-content: space-between; margin: 0; padding: 0; flex-wrap: wrap;
} .language-drop-down-item {
width: 50%; padding: 10px 12px 0px 0px; text-align: center; font-size: 15px; margin-bottom: 0;
} .language-drop-down-item a {
display: flex; width: 100%; align-items: center; padding: 9px 9px; border-bottom: 1px solid rgb(224, 224, 224);
} .language-drop-down-item a:hover {
background: rgb(238, 238, 238); border-radius: 3px;
} .language-drop-down-item a i {
margin: 0;
} .active-lang {
background: rgb(238, 238, 238); border-radius: 3px;
}