@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');
/*
font-family: 'Nunito', sans-serif;
font-family: 'Roboto', sans-serif;
*/

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}
p {font-family: 'Nunito', sans-serif;}
.container {width: 80%;max-width: 1280px;}
#main-header { line-height: 23px; font-weight: 500; top: 0; background-color: #fff; width: 100%; -webkit-box-shadow: 0 1px 0 rgb(0 0 0 / 10%); box-shadow: 0 1px 0 rgb(0 0 0 / 10%); position: relative; z-index: 99999; }
#main-header { -webkit-transition: background-color 0.4s, color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s; transition: background-color 0.4s, color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s; transition: background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; transition: background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s; }
.et-fixed-header#main-header { -webkit-box-shadow: 0 0 55px rgba(0,0,0,0.4)!important; -moz-box-shadow: 0 0 55px rgba(0,0,0,0.4)!important; box-shadow: 0 0 55px rgba(0,0,0,0.4)!important; }
.et-fixed-header#main-header { position: fixed; }
.et-fixed-header#main-header .top-menu-nav { padding: 20px 0; }
.et-fixed-header#main-header  #logo { width: 63%; }
#logo { margin:0px;width: 85%; }
.top-menu-nav ul { list-style: none; margin-bottom: 0;}
.top-menu-nav ul li { display: inline-block; padding-right: 22px;}
.top-menu-nav ul li a { text-decoration: none;color: #000000; font-family: 'Nunito', sans-serif; font-weight: 600;}
.top-menu-nav { padding: 25px 0;}
.top-menu-nav ul li:last-child { padding-right: 0; }
.page-banner { background: url('../images/faq-banner.webp') no-repeat center;background-size: cover;position: relative; padding: 150px 0;}
.page-banner::before { content: ''; position: absolute; background-color: rgba(0,0,0,0.79)!important; width: 100%; height: 100%;z-index: 1; top: 0; bottom: 0; left: 0; right: 0;}
.page-banner .container {z-index:2; position: relative;}
.page-banner h2, .page-banner p {color: #fff;}
.page-banner h2 {font-family: 'Roboto', sans-serif; font-weight: 800;font-size: 48px; line-height: 56px; letter-spacing: 0.01em;}
.page-banner p {font-family: 'Nunito', sans-serif; font-weight: 300; font-size: 18px; line-height: 24px; color: #C8C8C8;letter-spacing: 0.02em;}
.get_certificate h2 {font-family: 'Roboto', sans-serif;font-weight: 600; font-size: 48px; line-height: 56px; letter-spacing: 0.01em; color: #11252B;}
.get_certificate {padding: 100px 0;}
.detail-enter-tit h3 { font-weight: 700; font-size: 32px; line-height: 38px; /* identical to box height */ letter-spacing: 0.01em; color: #152535;}
.detail-enter-tit  p{font-weight: 400; font-size: 20px; line-height: 27px; letter-spacing: 0.01em; color: #152535;font-family: 'Nunito', sans-serif; }
.detail-enter-tit { margin-top: 42px;}
.verify-check-status input { padding: 15px 12px; border: 1px solid #DADADA; border-radius: 8px; background: #F4F4F4; margin-right: 1em; color: #152535; font-size: 16px; width:100%; }
.verify-check-status input:nth-child(2) { width: 45%; max-width: 100%; }
.verify-check-status button { font-family: 'Nunito', sans-serif;position: relative; font-size: 20px; line-height: 20px; letter-spacing: 0.01em; color: #FFFFFF; font-weight: 600; background: #529C42; border-radius: 8px; border: none; cursor: pointer; padding: 18px 28px; }
.verify-check-status input:focus-visible {    outline-offset: 0px;outline: #2d3940;}
.verify-check-status input:focus { border:1px solid #2d3940 !important; color: #3e3e3e; }
#not_found { background: #FAFAFA; border: 1px solid #D6D6D6; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15vh 0; margin-top: 40px; }
#not_found h2 { font-weight: 700; font-size: 96px !important; margin-top: 40px; letter-spacing: 0.01em; color: #FF8329; }
#not_found h3 { margin-bottom: 0; font-weight: 700; font-size: 32px; line-height: 46px; letter-spacing: 0.01em; color: #152535; padding-bottom: 0; margin-top: 10px;}
#not_found p { font-weight: 400; font-size: 20px; line-height: 27px; letter-spacing: 0.02em; color: #6D6D6D; }
.detail_certificate { padding-top: 42px; width: 600px; max-width: 100%; }
.detail_certificate h3 {font-weight: 700; font-size: 32px; color: #152535!important; }
.detail_certificate ul { margin: 22px 0 0 0; padding: 0; display: flex; flex-wrap: wrap; list-style: none;}
.detail_certificate ul li:nth-child(odd) { font-family: 'Nunito', sans-serif;font-weight: 300; font-size: 20px; color: #000000; width: 35%; margin-right: 5%; }
.detail_certificate ul li:nth-child(even) { font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 20px; color: #000000; width: 60%; }
.detail_certificate ul li span.suspended { color: #FF2929; }
.detail_certificate ul li span.success { color: #27882B; }
.detail_certificate ul li span.pending { color: #FF8329; }
.detail_certificate ul li { line-height: 27px; margin-bottom: 10px; }
.any_enquiry { margin: 15px 0; }
.any_enquiry h3 { font-weight: 500; font-size: 20px; line-height: 27px; letter-spacing: 0.02em; color: #000000; font-family: 'Nunito', sans-serif; }
.any_enquiry > ul { margin: 0; padding: 0 0 0 0px; list-style: none; }
.any_enquiry ul li a { text-decoration: none; color: #09262C; position: relative; display: inline-block; font-weight: 700; font-size: 20px; line-height: 14px;font-family: 'Nunito', sans-serif;  }
.any_enquiry ul li a i {color: #529c42;}
.certificate_section > ul { margin: 0; padding: 0; display: flex; justify-content: space-between; list-style: none; }
.certificate_section > ul > li:nth-child(1) { width: 50%; }
.certificate_section > ul > li:nth-child(2) { width: 40%; }
.certificate_section .download_share { margin: 80px 0 0 0; }
.certificate_section .download_share ul {list-style: none; margin: 0; padding: 0; }
.certificate_section .download_share ul li { font-weight: 700; font-size: 20px; line-height: 14px; letter-spacing: 0.02em; color: #09262C; margin-bottom: 32px; position: relative; }
.certificate_section .download_share ul li a.pending_status { cursor: not-allowed; opacity: 0.5; }
.certificate_section .download_share ul li a { color: #09262C; position: relative; display: inline-block; text-decoration: none;font-family: 'Nunito', sans-serif;}
.certificate_section .download_share ul li a i {color: #529c42;}
.back-to-top { position: fixed; display: none; cursor: pointer; right: 0; bottom: 0;} 
.back-to-top a{ display: block; z-index: 99; position: fixed; right: 0px; bottom: 0px; position: relative; }
.back-to-top a:before { content: 'Back To Top'; display: inline-block; color: #FFF; font-weight: 700; font-size: 14px; text-transform: uppercase; }
.back-to-top { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); z-index: 9999999; position: fixed; right: -53px; bottom: 100px; background: #3faa2d; box-shadow: 0 2px 4px rgb(108 46 185 / 20%); -webkit-transition: all .2s ease,-webkit-transform .6s ease; transition: all .2s ease,-webkit-transform .6s ease; transition: all .2s ease,transform .6s ease; transition: all .2s ease,transform .6s ease,-webkit-transform .6s ease; cursor: pointer; padding: 10px 18px; }
.back-to-top i { transform: rotate(90deg); color: #fff; margin-left: 6px; }
.footer { padding-top: 70px; padding-bottom: 70px; background-color: #152535!important; }
.footer .help p {font-size: 14px;color: #fff;}
.footer .help span {font-size: 20px;color: #fff;}
.footer .help {margin-bottom: 15px!important;}
.footer_call {letter-spacing: 1px; background-color: #FFFFFF; border-radius: 5px 5px 5px 5px; overflow: hidden; padding:18px 0; }
.footer_call ul { list-style: none; margin: 0; padding: 0;}
.footer_call ul li b { color: #696969; font-size: 10px; font-family: 'Roboto', sans-serif; font-weight: 700; display: block; line-height: 5px; }
.footer_call ul li a { color: #112E3E; font-size: 14px; font-weight: 600; line-height: 18px;font-family: 'Nunito', sans-serif; text-decoration: none;}
.footer_call ul li { display: inline-block;}
.footer_call ul { padding: 0 !important; display: flex; justify-content: space-evenly; }
.footer_call:after { content: ''; width: 1px; background: #09262C; height: 70%; position: absolute; right:40%; top: 15%; }
.footer_call {position: relative;width: 90%;}
.menu-footer ul {list-style: none; padding: 0; margin: 0;}
.menu-footer h5 {font-weight: 400; line-height: 27.28px; letter-spacing: 1px;font-family: 'Nunito', sans-serif; color: #fff;font-size: 14px;}
.menu-footer ul li a {font-weight: 600; color: #fff; text-decoration: underline; line-height: 27.28px;font-family: 'Nunito', sans-serif;font-size:20px;}
.menu-footer ul li { display: inline-block; width: 50%;margin-bottom: 20px;}
.menu-footer ul { display: flex; flex-wrap: wrap;}
.footer .container { padding: 32px 0;}
.menu-footer ul li a:hover { text-decoration: none; }
#footer_social h5 { font-weight: 400; line-height: 27.28px; letter-spacing: 1px; font-family: 'Nunito', sans-serif; color: #fff; font-size: 14px; }
#footer_social ul { margin: 0 0 45px 0; padding: 0; list-style: none;}
#footer_social ul li { display: inline-block;margin-right: 10px;}
#footer_social ul li a i {transition: background-color 300ms ease 0ms,background-image 300ms ease 0ms,color 300ms ease 0ms;background: #fff;border-radius: 25px 25px 25px 25px;color: #112e3e; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center;}
#footer_social ul li a { text-decoration: none;}
#footer_social ul li a i:hover { background: #0b415e; color: #fff;}
.footer_map {margin: 15px 0 0 0;}
.footer_map ul { margin: 0; padding: 0;display: flex;}
.footer_map ul li { margin: 0;}
.footer_map ul li p { color: #fff; margin-bottom: 0;}
.footer_map ul li:nth-child(2) { margin-right: 0;}
.mobile-menu { display: none; opacity: 0;}
.list-menu { display: none;}
.c-share {-webkit-transition: all .2s ease,-webkit-transform .6s ease; transition: all .2s ease,-webkit-transform .6s ease; transition: all .2s ease,transform .6s ease; transition: all .2s ease,transform .6s ease,-webkit-transform .6s ease;display: none;opacity: 0; z-index:999; position: absolute; left: 0;  background: #fff; box-shadow: 0 2px 4px rgb(45 35 66 / 40%), 0 7px 13px -3px rgb(45 35 66 / 30%), inset 0 -3px 0 #d6d6e7; width: 300px; padding: 15px; top:30px;}
.certificate_section .download_share ul li:nth-child(2) {position:relative;}
.c-share_options li { margin: 0 !important; line-height: 38px !important; font-weight: 300 !important; }
.c-share.openshare {opacity:1;display: block;}
.c-share.openshare i { float: right; cursor: pointer; font-weight: 600; color: #9b9b9b;position: relative; z-index: 9999; }
.c-share.openshare i:hover {color:#529c42 !important;}
.c-share_options {padding: 10px 0 0 0 !important;}
.modal-backdrop.show { background: #e2e2e2; opacity: 1; z-index: 99999; }
.modal.fade.show {z-index: 999999;}
.modal-content {border:none;border-radius:12px;}
.modal-body-part {display:flex;flex-wrap:wrap;margin:0px;padding:0px;align-items: center;justify-content: space-between;}
.modal-body-part .first-part {width:47%;}
.modal-body-part .sec-part {width:47%;}
#contactUs .modal-header {padding-top:12px;padding-bottom:0;border:none;}
.modal-header .btn-close span { color: #27882B; font-size: 26px; }
.modal-body-part .first-part input { background: #F4F4F4; border: 1px solid #DADADA; border-radius: 8px; width: 100%; max-width: 340px; height: 48px; padding: 12px 15px; font-family: 'Nunito', sans-serif; }
.modal-body-part .first-part input::placeholder {color:#000;}
.modal-body-part .first-part .form-value {margin-bottom: 14px;}
.modal-body-part .first-part .form-value input.wpcf7-submit { background: #27882B; border-radius: 8px; color: #fff; font-size: 22px; height: auto; cursor: pointer; width: auto; padding: 10px 25px; border: none; margin-top: 0; -webkit-transition: all .2s ease,-webkit-transform .6s ease; transition: all .2s ease,-webkit-transform .6s ease; transition: all .2s ease,transform .6s ease; transition: all .2s ease,transform .6s ease,-webkit-transform .6s ease; }
.head-top h3 {font-weight: 600 !important; font-size:26px; color: #152535!important;margin:0px!important}
.head-top p {font-size:20px;color: #000}
.modal-dialog.modal-lg{ width: 55%; max-width: 1280px; }
#contactUs .modal-body {padding: 40px;}
#contactUs .btn-close { position: absolute; right: 15px; top: 15px; z-index: 999999999; width: 8px; height: 8px; }
.modal-body-part .first-part input:focus {border: 1px solid #DADADA;outline:none;}
.modal-body-part .first-part:after { border-radius: 3px; content: ''; width: 3px; height: 100%; background: #27882B; position: absolute; right: -30px; top: 0; }
.modal-body-part .first-part {position:relative;}
.detail_phara h4 {font-size: 23px;}
.detail_phara h4 { font-weight: 600; }
.working-hours {display:flex;}
.working-hours p {font-size:20px; color:#000;margin-bottom: 0;line-height: 24px; font-weight: 500;}
.working-hours span {font-size:16px; color:#152535;font-weight: 400; font-family: 'Nunito', sans-serif;}
.working-hours {margin-bottom: 5.82%;}
.working-hours .icon { margin-right: 8px; }
.detail_phara a { color: #000; font-size: 23px; text-decoration: none; font-weight: 600; font-family: 'Nunito', sans-serif; }
.error {color:red;}
.verify-check-status .col-first {width:35%;}
.verify-check-status .col-second {width:45%;}
.verify-check-status {display:flex;justify-content: space-between;}
.certificate_section .download_share ul li a i { margin-right: 5px; }
/*--Responsive--*/


@media only screen and (min-width: 1440px) and (max-width: 1680px) {
.certificate_section > ul > li:nth-child(2) { width: 32%; }
}

@media only screen and (min-width: 1300px) and (max-width: 1440px) {
.certificate_section > ul > li:nth-child(2) { width: 30%; }
}

@media only screen and (min-width: 1260px) and (max-width: 1300px){
.certificate_section > ul > li:nth-child(2) { width:26%; }
.certificate_section .download_share ul li a,.certificate_section .download_share ul li {font-size: 18px;}
.footer_call:after {display:none;}
.certificate_section .download_share ul li a, .certificate_section .download_share ul li { font-size: 16px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1260px){
.certificate_section .download_share ul li a,.certificate_section .download_share ul li {font-size: 16px;}
.verify-check-status button { font-family: 'Nunito', sans-serif; position: relative; font-size: 18px;}
.certificate_section > ul > li:nth-child(2) { width: 26%; }
.footer_call:after {display:none;}
}

@media only screen and (min-width: 1200px) and (max-width: 1230px){
.certificate_section > ul > li:nth-child(2) { width: 22%; }
.certificate_section .download_share ul li a,.certificate_section .download_share ul li {font-size: 14px;}
}

@media only screen and (max-width: 1366px){
.footer_call:after {right:39%; }
}

@media only screen and (min-width: 991px) and (max-width: 1300px){
.footer_call ul li {width:100%;}    
.footer_call ul { flex-wrap: wrap; gap: 8px; padding: 0 15px !important; }
.footer_call:after {display:none;}
}

@media only screen and (min-width: 991px) and (max-width: 1200px){
.footer_call ul { gap: 13px; padding: 0 !important; display: flex; justify-content: space-evenly; flex-wrap: wrap; padding: 0 25px !important; }    
}

@media only screen and (max-width: 1200px){
.certificate_section ul li {width:100% !important;}
.certificate_section ul {flex-wrap:wrap !important;}
.certificate_section ul li:nth-child(1) table { caption-side: bottom; border-collapse: collapse;  float: left; }
}

@media only screen and (max-width: 991px) {
.page-banner { padding: 120px 0;}
.page-banner h2, .get_certificate h2 { font-size: 36px !important; line-height: 48px; }
.page-banner p, .detail-enter-tit p {font-size: 18px !important; line-height: 24px; }
.detail-enter-tit h3 { font-size: 32px; text-align: center; }
.detail-enter-tit p { text-align: center;}
.verify-check-status input { width: 100% !important; max-width: 100%; margin-bottom: 12px; }
.verify-check-status { text-align: center; }
.verify-check-status .btn_status { margin-top:0 !important; background: #27882B; border-radius: 4px; }
.error {margin-bottom: 20px !important; }
#certificate_number.error {margin-bottom:0 !important;}
#company_name.error {margin-bottom:0 !important;}
.get_certificate { padding: 50px 0; }
.help {text-align: center;}
.footer_call { position: relative; width: 100%; margin: 0 auto 60px; }
.menu-footer h5 { text-align: center;}
.menu-footer ul li { width: auto !important; list-style: none; margin: 10px 20px; display: inline-block; }
.menu-footer ul  { padding: 0; display: inline-block !important; text-align: center !important; }
.menu-footer { margin-bottom: 60px;}
#footer_social {text-align: center;}
.footer {background: #09262c!important; padding: 80px 0;}
.footer_map ul {display: block;}
.footer_map ul li {display: block !important;}
#footer_social h5 { margin-bottom: 12px;}
.footer_map ul li:nth-child(1) { margin-bottom: 8px;}
.footer .container { padding: 0 0;}
.footer_map ul { margin-bottom: 0 !important;}
.back-to-top {right: 0;padding: 8px 12px;}
.back-to-top a:before { display: none;}
.back-to-top i { margin-left: 0; }
.mobile-menu { background: #fff; position:  absolute; z-index: 99999999; top: 0; width: 100%; bottom: 0; display: none; opacity: 0;}
.top-menu-nav {display: none;}
.mobile-menu.open { position: fixed; top: 0; bottom: 0; width: 100%; background: #fff; z-index: 99999999; padding-top: 100px!important; left: 0; right: 0; display: block; opacity: 1; }
.mobile-menu ul { list-style: none; margin: 0; padding: 25px; width: 80%; margin-left: 20%; }
.mobile-menu ul li { text-align: left;}
.mobile-menu ul li a {font-family: 'Nunito', sans-serif; display: block; text-decoration: none; color: #000000!important; width: 100%; border: none!important; text-align: left; transition: .2s; font-weight: 300; font-size: 24px!important; clear: both; padding: 15px 20px !important;}
.mobile-menu.open:before { background: #969696; content: ''; position: fixed; z-index: 999999; width: 20%; left: 0; top: 0; bottom: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
#main-header .col-md-12 { width: 100%;}
.list-menu { display: block; text-align: right; color: #000; position: relative; z-index: 999999999999; float: right; border: none; background: none; }
.list-menu i { font-size: 20px;}
#main-header .container { width: 100%;}
.fa-xmark {color: #27882B!important;}
#main-header.et-fixed-header #logo { width: 47px; }
.container { width: 90%; }
.table-res {overflow-x:auto;}
.modal-body-part .first-part { width: 100%; }
.sec-part .working-hours:nth-last-child(1) {margin-bottom:0 !important;}
.modal-body-part .sec-part {width:100%;}
.modal-body-part .first-part:after {display:none;}
.modal-body-part .sec-part { width: 100%; margin-top: 20px; }
.sec-part .working-hours:nth-child(1) {margin-top:50px !important;}
.verify-check-status {flex-wrap:wrap;}
.verify-check-status .col-first {width:100%;}
.verify-check-status .col-second {width:100%;}
.verify-check-status .btn-sub { width: 100%; }
.logo { padding: 12px 5px; }
.footer_call:after { right: 46%; }
#logo { margin: 0px; width: 359px; max-width: 359px; }
#main-header.et-fixed-header #logo { width: 359px; max-width: 359px; }
}


@media only screen and (max-width: 767px) {
.certificate_section .download_share ul li span { display: none; }
.page-banner h2, .get_certificate h2 { font-size: 24px !important; line-height: 28px; }
.page-banner p, .detail-enter-tit p { line-height: 1.4em; font-size: 18px; }
.page-banner{ padding-top: 90px; padding-bottom: 90px; }
.detail-enter-tit h3 { font-size: 20px; line-height: 28px; text-align: center; }
.c-share_options > li {width:100% !important; display:block !important;}
#c-share_options {flex-wrap:wrap !important;}
.detail-enter-tit { margin-top: 30px; }
#not_found h2 { font-size: 64px !important; line-height: 75px; margin-top: 20px; }
#not_found h3 { font-size: 20px; line-height: 143.19%; text-align: center; letter-spacing: 0.01em; color: #152535; }
#not_found p { font-size: 14px; line-height: 19px; text-align: center; letter-spacing: 0.02em; }
.detail_certificate h3 { font-size: 32px; line-height: 38px; color: #152535; }
.detail_certificate ul li { width: 100% !important; margin-bottom: 0; }
.detail_certificate ul li:nth-child(odd) { font-size: 14px; line-height: 19px; letter-spacing: 0.02em; }
.detail_certificate ul li:nth-child(even) { font-weight: 700; font-size: 16px; line-height: 22px; margin-bottom: 10px; }
.any_enquiry ul li a span { font-size: 16px; line-height: 22px; }
.any_enquiry h3 { margin-bottom: 14px; }
.certificate_section ul li { width: 100% !important; }
.certificate_section > ul { flex-direction: column-reverse; }
.certificate_section .download_share ul li a span { display: none; }
.certificate_section .download_share ul { display: flex; }
.certificate_section .download_share > ul > li { width: 50px !important; margin-bottom: 0; float:left; }
.certificate_section .download_share { margin: 20px 0; }
.certificate_section ul li:nth-child(1) table {margin-left: 1px; }
}

@media only screen and (max-width: 480px) {
.footer_call:after { right: 42%; }
#logo { margin: 0px; width: 90%; max-width: 90%; }
#main-header.et-fixed-header #logo { margin: 0px; width: 90%; max-width: 90%; }
}

@media only screen and (max-width: 425px) {
.footer_call:after { right: 41%; }
}

@media only screen and (max-width: 375px) {
.footer_call:after { display:none; }
}

@media only screen and (max-width: 350px) {
}

@media only screen and (max-width: 330px) {
.footer_call ul li b { line-height: 12px; }
.footer_call ul {flex-wrap:wrap;}
.footer_call ul { flex-wrap: wrap; text-align: center; gap: 7px; }
.footer_call ul li {width:100%;}
}