html { scroll-behavior: smooth; }
.mt10 { margin-top: 10px; }
.mb0 { margin-bottom: 0;}
.markdown-body ul, .markdown-body ul li {
list-style: none;
margin: 0;
padding: 0;
}
.markdown-body h2, .markdown-body h3,.markdown-body .h2, .markdown-body .h3 { font-weight: normal!important; padding:0; margin:0; bottom: 0;; }
.markdown-body .h1,.markdown-body .h2,.markdown-body .h3, .markdown-body .h4, .markdown-body .h5,
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5 { color: #323234; font-family: Oswald-Regular; }
.markdown-body h2, .markdown-body h3 { color: #323234 }
.markdown-body li > p { margin-top: 0; }
@media (max-width: 767px) {
.sm-mt0 { margin-top: 0px; }
.sm-mt10 { margin-top: 10px; }
.sm-mt20 { margin-top: 20px; }
.sm-mt30 { margin-top: 30px; }
.sm-mt40 { margin-top: 40px; }
.sm-mt50 { margin-top: 50px; }
.sm-mt60 { margin-top: 60px; }
.sm-mt70 { margin-top: 70px; }
.sm-mt80 { margin-top: 80px; }
.sm-mt90 { margin-top: 90px; }
.sm-mt100 { margin-top: 100px; }
.sm-mt120 { margin-top: 120px; }
.sm-mt130 { margin-top: 130px; }
.sm-mt140 { margin-top: 140px; }
.sm-mt150 { margin-top: 150px; }
.sm-mt160 { margin-top: 160px; }
.sm-pt10 { padding-top: 10px; }
.markdown-body h1, .markdown-body .h1 { font-size: 34px; line-height: 40px; }
.markdown-body h2, .markdown-body .h2 { font-size: 20px; line-height: 30px; }
.markdown-body h3, .markdown-body .h3 { font-size: 20px; line-height: 30px; }
.markdown-body h4, .markdown-body .h4 { font-size: 18px; line-height: 26px; }
.markdown-body p { font-size:14px; line-height: 26px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.markdown-body h1, .markdown-body .h1 { font-size: 36px; line-height: 42px; }
.markdown-body h2, .markdown-body .h2 { font-size: 24px; line-height: 32px; }
.markdown-body h3, .markdown-body .h3 { font-size: 24px; line-height: 32px; }
.markdown-body h4, .markdown-body .h4 { font-size: 20px; line-height: 30px; }
.markdown-body p { font-size: 14px; line-height: 25px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.markdown-body h1, .markdown-body .h1 { font-size: 44px; line-height: 56px; }
.markdown-body h2, .markdown-body .h2 { font-size: 24px; line-height: 30px; }
.markdown-body h3, .markdown-body .h3 { font-size: 24px; line-height: 30px; }
.markdown-body h4, .markdown-body .h4 { font-size: 20px; line-height: 30px; }
.markdown-body p { font-size: 16px; line-height: 28px; }
}
@media (min-width: 1200px) and (max-width:1698px) {
.markdown-body h1, .markdown-body .h1 { font-size: 42px; line-height: 56px; }
.markdown-body h2, .markdown-body .h2 { font-size: 24px; line-height: 30px; }
.markdown-body h3, .markdown-body .h3 { font-size: 24px; line-height: 30px; }
.markdown-body h4, .markdown-body .h4 { font-size: 20px; line-height: 30px; }
.markdown-body p { font-size: 16px; line-height: 28px;}
}
@media (min-width: 768px) {
.md-mt0 { margin-top: 0px; }
.md-mt10 { margin-top: 10px; }
.md-mt20 { margin-top: 20px; }
.md-mt30 { margin-top: 30px; }
.md-mt40 { margin-top: 40px; }
.md-mt50 { margin-top: 50px; }
.md-mt60 { margin-top: 60px; }
.md-mt70 { margin-top: 70px; }
.md-mt80 { margin-top: 80px; }
.md-mt90 { margin-top: 90px; }
.md-mt100 { margin-top: 100px; }
.md-mt120 { margin-top: 120px; }
.md-mt130 { margin-top: 130px; }
.md-mt140 { margin-top: 140px; }
.md-mt150 { margin-top: 150px; }
.md-mt160 { margin-top: 160px; }
.md-pt10 { padding-top: 10px; }
}
@media (min-width: 992px) {
.lg-mt0 { margin-top: 0px; }
.lg-mt10 { margin-top: 10px; }
.lg-mt20 { margin-top: 20px; }
.lg-mt30 { margin-top: 30px; }
.lg-mt40 { margin-top: 40px; }
.lg-mt50 { margin-top: 50px; }
.lg-mt60 { margin-top: 60px; }
.lg-mt70 { margin-top: 70px; }
.lg-mt80 { margin-top: 80px; }
.lg-mt90 { margin-top: 90px; }
.lg-mt100 { margin-top: 100px; }
.lg-mt120 { margin-top: 120px; }
.lg-mt130 { margin-top: 130px; }
.lg-mt140 { margin-top: 140px; }
.lg-mt150 { margin-top: 150px; }
.lg-mt160 { margin-top: 160px; }
.lg-pt10 { padding-top: 10px; }
}
@media (min-width: 1200px) {
.xl-mt0 { margin-top: 0px; }
.xl-mt10 { margin-top: 10px; }
.xl-mt20 { margin-top: 20px; }
.xl-mt30 { margin-top: 30px; }
.xl-mt40 { margin-top: 40px; }
.xl-mt50 { margin-top: 50px; }
.xl-mt60 { margin-top: 60px; }
.xl-mt70 { margin-top: 70px; }
.xl-mt80 { margin-top: 80px; }
.xl-mt90 { margin-top: 90px; }
.xl-mt100 { margin-top: 100px; }
.xl-mt120 { margin-top: 120px; }
.xl-mt130 { margin-top: 130px; }
.xl-mt140 { margin-top: 140px; }
.xl-mt150 { margin-top: 150px; }
.xl-mt160 { margin-top: 160px; }
.xl-pt10 { padding-top: 10px; }
.xl-pt80 { padding-top: 80px; }
.xl-pb50 { padding-bottom: 50px; }
.xl-ptb40 { padding-bottom: 40px; padding-top: 40px; }
.xl-ptb50 { padding-bottom: 50px; padding-top: 50px; }
}
@media (min-width: 1680px) {
.xxl-mt0 { margin-top: 0px; }
.xxl-mt10 { margin-top: 10px; }
.xxl-mt20 { margin-top: 20px; }
.xxl-mt30 { margin-top: 30px; }
.xxl-mt40 { margin-top: 40px; }
.xxl-mt50 { margin-top: 50px; }
.xxl-mt60 { margin-top: 60px; }
.xxl-mt70 { margin-top: 70px; }
.xxl-mt80 { margin-top: 80px; }
.xxl-mt90 { margin-top: 90px; }
.xxl-mt100 { margin-top: 100px; }
.xxl-mt120 { margin-top: 120px; }
.xxl-mt130 { margin-top: 130px; }
.xxl-mt140 { margin-top: 140px; }
.xxl-mt150 { margin-top: 150px; }
.xxl-mt160 { margin-top: 160px; }
.xxl-mt200 { margin-top: 200px; }
.xxl-pt10 { padding-top: 10px; }
.xxl-pt90 { padding-top: 90px; }
.xxl-pt50 { padding-top: 50px; }
.xxl-pb50 { padding-bottom: 50px; }
.xxl-pb100 { padding-bottom: 100px; }
.xxl-ptb80 { padding-bottom: 80px; padding-top: 80px; }
.xxl-ptb100 { padding-bottom: 100px; padding-top: 100px; }
.markdown-body h1, .markdown-body .h1 { font-size: 55px; line-height: 70px; }
.markdown-body h2, .markdown-body .h2 { font-size: 30px; line-height: 40px; }
.markdown-body h3, .markdown-body .h3 { font-size: 30px; line-height: 40px; }
.markdown-body h4, .markdown-body .h4 { font-size: 24px; line-height: 36px; }
.markdown-body p { font-size: 18px; line-height: 30px; }
}
.basicReliable .reliableDisc { padding: 0 110px; }
.basicReliable .functionList { margin-top: 150px; }
.basicReliable .functionBox { width: 100%; max-width: 475px; height: auto; min-height: 400px; margin: 0 auto; background: #F5F5F5; padding: 75px 75px 0 85px; position: relative; }
.basicReliable .functionBox p { min-height: 120px; }
.basicReliable .functionBox .icon { position: absolute; width: 80px; height: 80px; border: 1px solid #39393B; left: 85px; top: -45px; background: #FFFFFF; text-align: center; display: flex; justify-content: center; align-items: center; }
.basicReliable .functionBox .icon i { display: inline-block; width: 52px; height: 52px; background-size: contain !important; }
.basicFeaturePage .technicalBox table.technicalTable { margin-left: 54px; margin-top: -20px; margin-bottom: 20px; }
.basicFeaturePage .technicalBox table.technicalTable tr td { text-align: center; width: 175px; }
.basicFeaturePage .technicalBox table.technicalTable tr td:first-child { text-align: left;font-size: 18px; line-height: 40px; width: 380px; }
.basicFeaturePage .technicalBox table.technicalTable tr:first-child td { font-size: 18px; line-height: 40px; }
.basicFeaturePage .featureTop p { max-width: 827px; margin: 0 auto; }
.basicFeaturePage .featureSecurity .securityList { display: inline-block; padding: 0; list-style: none; width: 50%; max-width: 580px; font-size: 18px; line-height: 3rem; vertical-align: top; }
.basicFeaturePage .featureSecurity .securityList:nth-child(2) { margin-right: 50px; }
.basicFeaturePage .featureSecurity .securityList li { margin-bottom: 10px; position: relative; padding-left: 30px; }
.basicFeaturePage .featureSecurity .securityList li::before { position: absolute; top: 10px; left: 5px; content: ""; width: 14px; height: 12px; background: url('../../mrz-scanner/assets/cursor-choose.svg') no-repeat center center; background-size: 100%; }
.basicFeaturePage .featureSecurity .securityList li:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox { margin-bottom: 120px; }
.basicFeaturePage .featureTechnical .technicalBox:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle { background-color: #323234; color: #FFFFFF; font-size: 20px; height: 52px; line-height: 52px; padding-left: 127px; position: relative; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i { position: absolute; width: 70px; height: 70px; border: 2px solid #323234; background: #FFFFFF; top: -35px; left: 20px; z-index: 5; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent { background: #F5F5F5; padding-top: 52px; padding-bottom: 30px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail { padding: 0; list-style: none; display: inline-block; width: 50%; padding-left: 72px; max-width: 584px; font-size: 18px; line-height: 30px; vertical-align: top; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { position: relative; margin-bottom: 10px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { margin-left: -25px; padding-right: 80px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li::before { position: absolute; top: 10px; left: -25px; content: ""; width: 14px; height: 12px; background: url('../../mrz-scanner/assets/cursor-choose.svg') no-repeat center center; background-size: 100%; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title::before { display: none; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li:last-child { margin-bottom: 0; }
@media (max-width: 991.98px) {
.basicFeaturePage { padding-left: 15px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail { font-size: 14px; }
}
@media (max-width: 767px) {
.basicReliable .reliableDisc { padding: 0 40px; }
.basicReliable .reliableDisc h2 { text-align: left; }
.basicReliable .reliableDisc p { font-size: 14px; text-align: left; }
.basicReliable .functionBox { min-height: unset; padding-bottom: 32px; }
.basicReliable .functionBox p { margin-top: 10px; min-height: unset; }
.basicReliable .functionBox .icon { width: 55px; height: 55px; top: -27px; }
.basicReliable .functionBox .icon i { background-size: 75% !important; }
.basicFeaturePage .featureTop p { max-width: 400px; }
.basicFeaturePage .featureSecurity .securityList { max-width: 460px; font-size: 14px; line-height: 30px; }
.basicFeaturePage .featureSecurity .securityList:nth-child(2) { margin-right: 40px; }
.basicFeaturePage .featureSecurity .securityList li { margin-bottom: 8px; padding-left: 24px; }
.basicFeaturePage .featureSecurity .securityList li::before { top: 10px; left: 5px; content: ""; width: 14px; height: 12px; }
.basicFeaturePage .featureSecurity .securityList li:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox { margin-bottom: 80px; }
.basicFeaturePage .featureTechnical .technicalBox:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle { font-size: 16px; height: 42px; line-height: 42px; padding-left: 102px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i { width: 56px; height: 56px; border: 2px solid #323234; background: #FFFFFF; top: -28px; left: 16px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent { background: #F5F5F5; padding-top: 42px; padding-bottom: 24px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail { padding-left: 58px; max-width: 467px; font-size: 14px; line-height: 24px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { position: relative; margin-bottom: 8px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { margin-left: -20px; padding-right: 64px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li::before { top: 7px; left: -19px; width: 12px; height: 10px; }
}
@media (max-width: 575.98px) {
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle { font-size: 16px; height: auto; line-height: 40px; padding-left: 102px; }
}
@media (min-width: 768px) {
.basicFeaturePage .featureTop p { max-width: 662px; }
.basicFeaturePage .featureSecurity .securityList { max-width: 460px; font-size: 14px; line-height: 30px; }
.basicFeaturePage .featureSecurity .securityList:nth-child(2) { margin-right: 40px; }
.basicFeaturePage .featureSecurity .securityList li { margin-bottom: 8px; padding-left: 24px; }
.basicFeaturePage .featureSecurity .securityList li::before { top: 10px; left: 5px; content: ""; width: 14px; height: 12px; }
.basicFeaturePage .featureSecurity .securityList li:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox { margin-bottom: 95px; }
.basicFeaturePage .featureTechnical .technicalBox:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle { font-size: 18px; height: 42px; line-height: 42px; padding-left: 102px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i { width: 56px; height: 56px; border: 2px solid #323234; background: #FFFFFF; top: -28px; left: 16px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent { background: #F5F5F5; padding-top: 42px; padding-bottom: 24px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail { padding-left: 58px; max-width: 467px; font-size: 14px; line-height: 24px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { position: relative; margin-bottom: 8px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { margin-left: -20px; padding-right: 64px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li::before { top: 7px; left: -19px; width: 12px; height: 10px; }
}
@media (min-width: 992px) {
.basicFeaturePage .featureTop p { max-width: 662px; }
.basicFeaturePage .featureSecurity .securityList { max-width: 460px; font-size: 14px; line-height: 30px; }
.basicFeaturePage .featureSecurity .securityList:nth-child(2) { margin-right: 40px; }
.basicFeaturePage .featureSecurity .securityList li { margin-bottom: 8px; padding-left: 24px; }
.basicFeaturePage .featureSecurity .securityList li::before { top: 10px; left: 5px; content: ""; width: 14px; height: 12px; }
.basicFeaturePage .featureSecurity .securityList li:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox { margin-bottom: 95px; }
.basicFeaturePage .featureTechnical .technicalBox:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle { font-size: 18px; height: 42px; line-height: 42px; padding-left: 102px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i { width: 56px; height: 56px; border: 2px solid #323234; background: #FFFFFF; top: -28px; left: 16px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent { background: #F5F5F5; padding-top: 42px; padding-bottom: 24px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail { padding-left: 58px; max-width: 467px; font-size: 14px; line-height: 24px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { position: relative; margin-bottom: 8px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { margin-left: -20px; padding-right: 64px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li::before { top: 7px; left: -19px; width: 12px; height: 10px; }
}
@media (min-width: 1200px) {
.basicFeaturePage .featureTop p { max-width: 662px; }
.basicFeaturePage .featureSecurity .securityList { max-width: 460px; font-size: 16px; line-height: 30px; }
.basicFeaturePage .featureSecurity .securityList:nth-child(2) { margin-right: 40px; }
.basicFeaturePage .featureSecurity .securityList li { margin-bottom: 8px; padding-left: 24px; }
.basicFeaturePage .featureSecurity .securityList li::before { top: 10px; left: 5px; content: ""; width: 14px; height: 12px; }
.basicFeaturePage .featureSecurity .securityList li:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox { margin-bottom: 95px; }
.basicFeaturePage .featureTechnical .technicalBox:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle { font-size: 18px; height: 42px; line-height: 42px; padding-left: 102px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i { width: 56px; height: 56px; border: 2px solid #323234; background: #FFFFFF; top: -28px; left: 16px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent { background: #F5F5F5; padding-top: 42px; padding-bottom: 24px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail { padding-left: 58px; max-width: 467px; font-size: 16px; line-height: 24px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { position: relative; margin-bottom: 14px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { margin-left: -20px; padding-right: 64px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li::before { top: 7px; left: -19px; width: 12px; height: 10px; }
}
@media(min-width:1680px) {
.basicFeaturePage .featureTop p { max-width: 827px; }
.basicFeaturePage .featureSecurity .securityList { max-width: 580px; font-size: 18px; line-height: 30px; }
.basicFeaturePage .featureSecurity .securityList:nth-child(2) { margin-right: 50px; }
.basicFeaturePage .featureSecurity .securityList li { margin-bottom: 10px; padding-left: 30px; }
.basicFeaturePage .featureSecurity .securityList li::before { top: 10px; left: 5px; content: ""; width: 14px; height: 12px; }
.basicFeaturePage .featureSecurity .securityList li:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox { margin-bottom: 120px; }
.basicFeaturePage .featureTechnical .technicalBox:last-child { margin-bottom: 0; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle { font-size: 20px; height: 52px; line-height: 52px; padding-left: 127px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalTitle i { width: 70px; height: 70px; border: 2px solid #323234; background: #FFFFFF; top: -35px; left: 20px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent { background: #F5F5F5; padding-top: 52px; padding-bottom: 30px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail { padding-left: 72px; max-width: 584px; font-size: 18px; line-height: 30px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { position: relative; margin-bottom: 20px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li.title { margin-left: -25px; padding-right: 80px; }
.basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li::before { top: 10px; left: -25px; width: 14px; height: 12px; }
}
.mrz-scanner-container h2 {
margin-bottom: 20px;
}
.mrz-scanner-container .orangeBorderBtn {
height: auto !important;
padding: 5px 20px !important;
margin-top: 20px;
transition: .2s all ease-in-out;
}
.mrz-scanner-container .orangeBorderBtn:hover {
box-shadow: -5px 5px 0 0px #000;
transform: translate(5px, -5px);
}
.mrz-scanner-container .commonTitle { font-size: 30px; font-family: OSwald-Medium; }
.mrz-scanner-container .pageTitle { text-align: center; font-size: 40px; }
.mrz-scanner-container p { margin-bottom: 0px; }
.mrz-scanner-container .sample { margin: 0 auto; height: 521px; margin-top: 80px; background-color: #F5F5F5; display: flex; justify-content: space-around; align-items: center; }
.mrz-scanner-container .sample .leftSample { display: flex; flex-direction: column; justify-content: space-around; align-items: flex-start; }
.mrz-scanner-container .sample .sampleContainer { height: 75%; width: 40%; }
.mrz-scanner-container .sample .rightSample { width: 711px; height: 444px; background: url(../../mrz-scanner/assets/banner.webp) no-repeat center center; background-size: contain; }
.mrz-scanner-container .sample .sampleTitle { height: 90px; line-height: 45px; width: 97%; }
.mrz-scanner-container .sample .sampleDesc { width: 97%; }
.mrz-scanner-container .downloadBtn button { border: none; outline: none; width: 287px; height: 54px; background-color: #FE8E14; transition: ease-in 0.2s all; font-size: 18px; color: white; font-family: Oswald-Medium; }
.mrz-scanner-container .downloadBtn button a { color: white; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.mrz-scanner-container .downloadBtn button:hover { box-shadow: -1rem 1rem 0 0px #000; transform: translate(1rem, -1rem); color: #ffffff!important; }
.mrz-scanner-container .downloadBtn button:hover a { color: white!important; }
.mrz-scanner-container .supports { display: flex; flex-direction: column; justify-content: space-around; align-items: center; margin-top: 40px; width: 100%; height: auto; }
.mrz-scanner-container .supports .supportItems { height: auto; width: 100%; margin-top: 40px; display: flex; justify-content: space-between; }
.mrz-scanner-container .supports .supportItems .item { width: 31%; padding: 20px 0; display: flex; align-items: center; background-color: #F5F5F5; }
.mrz-scanner-container .supports .supportItems .item .itemContent { margin-left: 10%; display: flex; flex-direction: column; justify-content: space-between; }
.mrz-scanner-container .supports .supportItems .item .itemContent .itemTitle { font-size: 24px; font-family: Oswald-regular; margin-bottom: 24px; }
.mrz-scanner-container .supports .supportItems .item .itemContent .linkBox { margin-top: 15px; }
.mrz-scanner-container .supports .supportItems .item .itemContent .linkBox a { margin-right: 15px; }
.mrz-scanner-container .supports .supportItems .item .itemContent .linkBox a:last-child { margin-right: 0 }
.mrz-scanner-container .features { margin-top: 140px; width: 100%; display: flex; flex-direction: column; align-items: center; }
.mrz-scanner-container .features .featuresContent { position: relative; margin-top: 95px; }
.mrz-scanner-container .features .featuresContent .menu { position: absolute; top: 0px; width: 25%; border-left: 1px solid #707070; }
.mrz-scanner-container .features .featuresContent .menu li { font-family: OpenSans-Semibold; font-size: 18px; margin: 0 0 30px 65px; position: relative; }
.mrz-scanner-container .features .featuresContent .menu li a { cursor: pointer; color: #323234; }
.mrz-scanner-container .features .featuresContent .featuresContainer { width: calc(100% - 500px); margin-left: 500px; }
.mrz-scanner-container .features .featuresContent .featuresContainer .featureDetails { width: 98% !important; max-width: none !important; }
.mrz-scanner-container .basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-accuracy { background: url(../../mrz-scanner/assets/accuracy.svg) no-repeat center center; background-color: white; }
.mrz-scanner-container .basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-image-algorithm { background: url(../../mrz-scanner/assets/image-algorithms.svg) no-repeat center center; background-color: white; }
.mrz-scanner-container .basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-speed-efficiency { background: url(../../mrz-scanner/assets/speed-and-efficiency.svg) no-repeat center center; background-color: white; }
.mrz-scanner-container .basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-secure { background: url(../../mrz-scanner/assets/secure.svg) no-repeat center center; background-color: white; }
.mrz-scanner-container .basicFeaturePage .featureTechnical .technicalBox .technicalTitle i.icon-easy-integration { background: url(../../mrz-scanner/assets/easy-integration.svg) no-repeat center center; background-color: white; }
.mrz-scanner-container .mobile { height: 615px; }
.mrz-scanner-container .mobile .mobileTitle { height: auto; }
.mrz-scanner-container .mobile .mobileDesc { width: 100%; }
.mrz-scanner-container .mobile .rightMobileSample { background: url("../../mrz-scanner/assets/mrz.jpg") no-repeat center center; width: 700px; height: 407px; cursor: pointer; position: relative; }
.mrz-scanner-container .mobile .rightMobileSample iframe { width: 100%; height: 100%; display: none; }
.mrz-scanner-container .mobile .rightMobileSample .playBtn { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 145px; height: 145px; background: url("../../mrz-scanner/assets/video.png") no-repeat; background-position-y: -290px; cursor: pointer; }
.mrz-scanner-container .features .featuresContent .menu li.menuOn a { color: #FE8E14; }
/* .mrz-scanner-container li.menuOn::after { content: ''; position: absolute; width: 21.26px; height: 16.4px; background: url("../../mrz-scanner/assets/arrow.svg") no-repeat center center; left: -40px; top: 50%; transform: translateY(-50%); } */
.mrz-scanner-container .faqs { margin-top: 160px; width: 100%; display: flex; flex-direction: column; align-items: center; }
.mrz-scanner-container .faqs .allq { margin-top: 60px; width: 70%; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) { position: relative; width: 100%; height: 95px; line-height: 95px; cursor: pointer; display: flex; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) span { font-size: 24px; line-height: inherit; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) p { font-size: 24px; line-height: inherit; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(even) { display: none; padding: 0 25px 25px 25px; width: 100%; font-size: 18px; font-family: OpenSans-regular; }
.mrz-scanner-container .subTitle { list-style: none; font-family: OpenSans-Semibold; padding: 0; margin-top: 20px; }
.mrz-scanner-container ul.sub { padding: 0 25px 0 25px; margin-top: 20px; }
.mrz-scanner-container ul.sub li { list-style: disc; color: #999999; }
.mrz-scanner-container ul.sub li p a { color: rgb(254, 142, 20) }
.mrz-scanner-container ul.sub li p { margin-top: 20px; color: black; }
.mrz-scanner-container .faqs li::after { transform-origin: 50% 25%; transition: all .1s ease-in-out; content: ""; width: 0; height: 0; border: 7px solid transparent; border-top: 7px solid #CCCCCC; right: 5%; top: 50%; transform: translateY(-50%); position: absolute; }
.mrz-scanner-container .faqs li.expanded::after { transform: translateY(-50%) rotate(180deg); }
.mrz-scanner-container .ready { margin-bottom: 120px; }
.mrz-scanner-container .ready .basicReliable .functionList { margin-top: 120px; }
.mrz-scanner-container .ready .basicReliable .functionBox a { font-size: 20px; }
.mrz-scanner-container .ready .basicReliable .functionBox { min-height: 310px; }
.mrz-scanner-container .ready .basicReliable .functionBox p { min-height: 84px; }
.mrz-scanner-container .icon-documentation { background: url(../../mrz-scanner/assets/documentaion.svg) no-repeat center center; }
.mrz-scanner-container .icon-sample { background: url(../../mrz-scanner/assets/samples.svg) no-repeat center center; }
.mrz-scanner-container .icon-contact { background: url(../../mrz-scanner/assets/contact-us.svg) no-repeat center center; }
.mrz-scanner-container .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.62); z-index: 2147483638; display: none; }
.mrz-scanner-container .mask .videoWrap { width: 65%; height: 75%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.mrz-scanner-container .mask .videoWrap iframe { width: 100%; height: 100%; }
.mrz-scanner-container .mask .videoWrap .close { position: absolute; top: 0; transform: translateY(-100%); right: 0; cursor: pointer; }
.mrz-scanner-container .additional-samples { margin-top: 50px; }
.mrz-scanner-container .additional-samples .title { font-size: 20px; font-family: Oswald-Regular; }
.mrz-scanner-container .additional-samples .main { margin-top: 20px; padding: 41px 47px 35px 47px; max-width: 938px; width: 100%; border: 1px solid #DDDDDD; display: flex; justify-content: space-between; }
.mrz-scanner-container .additional-samples .platform p { font-size: 18px; font-family: Oswald-Regular;}
.mrz-scanner-container .additional-samples .platform:first-child ul { grid-template-columns: 1fr; }
.mrz-scanner-container .additional-samples .platform ul { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px 30px; }
.mrz-scanner-container .additional-samples .platform a { color: #323234 !important; }
@media screen and (max-width: 1680px) {
.mrz-scanner-container .sample { height: auto; padding: 30px 25px; }
.mrz-scanner-container .sample .sampleContainer { width: 490px; }
.mrz-scanner-container .commonTitle { font-size: 24px; }
.mrz-scanner-container .sample .rightSample { width: 530px; }
.mrz-scanner-container .sample .sampleTitle { height: auto; margin-bottom: 10px; }
.mrz-scanner-container .downloadBtn { margin-top: 20px; }
.mrz-scanner-container .supports .supportItems { height: auto }
.mrz-scanner-container .supports .supportItems .item { width: 32%; padding: 30px 20px; display: block; }
.mrz-scanner-container .supports .supportItems .item .itemContent { margin-left: 0; height: auto; }
.mrz-scanner-container .supports .supportItems .item .itemContent .linkBox a { margin-right: 36px; }
.mrz-scanner-container .supports .supportItems .item .itemContent .linkBox a:last-child { margin-right: 0; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) span { font-size: 20px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) { height: 72px; line-height: 72px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) p { font-size: 20px; }
.mrz-scanner-container .ready .basicReliable .functionList { margin-top: 100px; }
.mrz-scanner-container .ready .basicReliable .functionBox { padding: 60px 33px 0 40px; min-height: 280px; }
.mrz-scanner-container .ready .basicReliable .functionBox a { font-size: 18px; }
.mrz-scanner-container .ready .basicReliable .functionBox p { min-height: 70px; }
.mrz-scanner-container .ready .basicReliable .functionBox .icon { left: 40px; }
.mrz-scanner-container .features .featuresContent .featuresContainer { width: calc(100% - 430px); margin-left: 430px; }
}
@media screen and (max-width: 1199px) {
.mrz-scanner-container .sample .rightSample { width: 500px; }
.mrz-scanner-container .sample .sampleTitle { font-size: 20px; }
.mrz-scanner-container .features .featuresContent .menu { width: 300px !important; }
.mrz-scanner-container .supports .supportItems .item .itemContent .itemTitle { font-size: 20px; }
.mrz-scanner-container .features .featuresContent .menu li a { font-size: 14px; }
.mrz-scanner-container .supports .supportItems .item .itemContent .linkBox a { margin-right: 18px; }
.mrz-scanner-container .supports .supportItems .item .itemContent .linkBox a:last-child { margin-right: 0; }
.mrz-scanner-container .faqs .allq { width: 80%; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) span { font-size: 18px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) { height: 72px; line-height: 72px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) p { font-size: 18px; }
.mrz-scanner-container .ready { margin-bottom: 0px; }
.mrz-scanner-container .ready .basicReliable .functionList { margin-top: 100px; }
.mrz-scanner-container .ready .basicReliable .functionList > div { margin-bottom: 100px; }
.mrz-scanner-container .features .featuresContent .menu li { margin-left: 50px; }
.mrz-scanner-container li.menuOn::after { left: -32px; }
.mrz-scanner-container .features .featuresContent .featuresContainer { width: calc(100% - 403px); margin-left: 403px; }
}
/*@media screen and (max-width: 1100px) {
.sample .rightSample { width: 480px; }
}*/
@media screen and (max-width: 991px) {
.mrz-scanner-container .additional-samples .main { padding: 20px; }
.mrz-scanner-container .pageTitle { font-size: 30px; }
.mrz-scanner-container .sample { margin-top: 46px; width: 100%; flex-direction: column; justify-content: space-around; align-items: center; height: auto; }
.mrz-scanner-container .sample .sampleTitle { font-size: 20px; height: auto; line-height: 25px; margin-top: 40px; }
.mrz-scanner-container .sample .sampleDesc { font-size: 16px; margin-top: 20px; }
.mrz-scanner-container .downloadBtn { display: flex; justify-content: center; margin-top: 30px; flex-direction: column; align-items: center; }
.mrz-scanner-container .sample .rightSample { max-width: 100%; background: url("../../mrz-scanner/assets/ps_mobile.webp") no-repeat center center; background-size: contain; width: 345px; height: 239px; margin-top: 30px; margin-bottom: 30px; }
.mrz-scanner-container .sample .leftSample { display: block; height: auto; width: 92%; }
.mrz-scanner-container .sample .sampleTitle { width: 100%; }
.mrz-scanner-container .sample .sampleDesc { width: 100%; }
.mrz-scanner-container .supports { margin-top: 60px; }
.mrz-scanner-container .supports .commonTitle { font-size: 24px; width: auto; }
.mrz-scanner-container .supports p { font-size: 16px; width: 80%; }
.mrz-scanner-container .supports .supportItems { flex-direction: column; justify-content: space-around; align-items: center; height: auto; margin-top: 0; }
.mrz-scanner-container .supports .supportItems .item { height: auto; width: 100%; margin-top: 30px; }
.mrz-scanner-container .supports .supportItems .item .itemContent { width: 90%; }
.mrz-scanner-container .supports .supportItems .item .itemContent .itemTitle { font-size: 20px; }
.mrz-scanner-container .features { margin-top: 40px; }
.mrz-scanner-container .features .commonTitle { font-size: 24px; width: auto; padding: 0 30px 0 30px; }
.mrz-scanner-container .features .featuresContent .menu { display: none; }
.mrz-scanner-container .features .featuresContent .featuresContainer { margin: 0; width: 100%; }
.mrz-scanner-container .basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail li { font-size: 16px; }
.mrz-scanner-container .sample .rightMobileSample { background: url("../../mrz-scanner/assets/mrz.jpg") no-repeat center center; background-size: contain; }
.mrz-scanner-container .faqs { margin-top: 72px; }
.mrz-scanner-container .faqs .commonTitle { font-size: 24px; width: auto; padding: 0 30px 0 30px; }
.mrz-scanner-container .faqs .allq { width: 100%; padding: 20px; margin-top: 35px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) { height: auto; line-height: 50px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) span { font-size: 18px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) { height: 72px; line-height: 72px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) p { font-size: 16px; }
.mrz-scanner-container .basicFeaturePage .featureTechnical .technicalBox .technicalContent ul.technicalDetail { padding-left: 41px; }
}
@media (max-width: 767px) {
.mrz-scanner-container .additional-samples .main { flex-direction: column; }
.mrz-scanner-container .additional-samples .main .platform { margin-bottom: 10px; }
.mrz-scanner-container .additional-samples .platform:first-child ul { grid-template-columns: 1fr 1fr; margin-top: 10px; }
.mrz-scanner-container .supports p { width: 100%; }
.mrz-scanner-container .ready .basicReliable .functionBox { min-height: inherit; padding-bottom: 30px; }
.mrz-scanner-container .ready .basicReliable .functionBox p { min-height: inherit; margin-bottom: 10px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) span { font-size: 14px; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) { height: auto; line-height: 26px; padding: 10px 0; }
.mrz-scanner-container .faqs ul.allq > li:nth-child(odd) p { font-size: 14px; width: calc(100% - 50px); }
}