@font-face {
  font-family: 'microsoft_jhenghei';
  src: url('../fonts/microsoft_jhenghei.eot');
  src: url('../fonts/microsoft_jhenghei.eot#iefix') format('embedded-opentype'), url('../fonts/microsoft_jhenghei.ttf') format('truetype'), url('../fonts/microsoft_jhenghei.ttf') format('woff'), url('../fonts/microsoft_jhenghei.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

#error_data {
    color: red;
}

img.cb {
    width: 80px;
    vertical-align: unset;
}

.banner-section {
    height: 100vh;
}

.btn-main {
    color: #fff;
}
.banner-text{
font-size: 60px;
}
.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #f3f3f3;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-item {
    margin-bottom: 20px;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.accordion-button:focus {
    border-color: transparent !important;
}

button:focus:not(:focus-visible) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.vision-mission {
    position: relative;
    padding: 120px 0 72px;
}

.vision-missionItem {
    position: relative;
    padding: 0 0 80px;
    margin: 0 0 28px;
}

.siThumb {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.siThumb img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.siDetails {
    background: #FFF;
    border-radius: 5px;
    width: calc(100% - 60px);
    position: absolute;
    left: 30px;
    bottom: 30px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    padding: 24px 100px 28px 31px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.siDetails h3 {
    font-family: 'microsoft_jhenghei';
    color: #343c55;
    font-size: 28px;
    line-height: normal;
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
}
.siDetails h3 a{
    color: #343c55;
}

.siDetails .mission-text {
    position: absolute;
    left: 32px;
    bottom: 32px;
    height: 30px;
    padding-right: 25px;
    opacity: 0;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.77, 0, .175, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}

.vision-missionItem:hover .siDetails {
    padding-bottom: 70px;
}

.vision-missionItem:hover .siDetails .mission-text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: .6s cubic-bezier(.165, .84, .44, 1) .2s;
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .siDetails {
        width: calc(100% - 50px);
        left: 25px;
    }
}

.cust-counter {
    border: 1px solid rgba(244, 246, 249, .22);
    padding: 20px 30px;
    display: flex;
    justify-content: center;
}

.cust-counter h3,
.cust-counter p {
    color: #fff;
    text-align: center;
}

.cust-counter .counter-icon {
    color: #fff;
    font-size: 50px;
    text-align: center;
    display: block;
}


.product-main-page-sec {
    position: relative;
    padding: 90px 0 40px;
}

.serviceItem01 {
    position: relative;
    padding: 0 0 80px;
    margin: 0 0 28px;
}

.product-item {
    text-align: center;
    border: 1px solid #f2f2f2;
    padding-top: 25px;
}

.product-icon {
    background: #0057a6a6;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    border-radius: 15px;
    max-width: 90px;
    margin: 0 auto;
}

.product-icon img {
    padding: 15px;
    filter: invert(1);
    width: 100%;
}

.siDetails {
    background: #FFF;
    border-radius: 5px;
    width: calc(100% - 60px);
    position: absolute;
    left: 30px;
    bottom: 30px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    padding: 24px 100px 28px 31px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}

.product-item .siDetails {
    padding: 15px;
    bottom: 0px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .siDetails {
        width: calc(100% - 50px);
        left: 25px;
    }
}

.siDetails h3 {
    font-size: 28px;
    line-height: normal;
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
}

.product-item h3 {
    font-size: 18px;
    line-height: normal;
}

.product-item .siDetails .readMoreLink {
    position: absolute;
    left: auto;
    bottom: 20px;

    font-family: inherit;
    font-size: 14px;
}

.siDetails .readMoreLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.serviceItem01:hover .siDetails .readMoreLink {
    opacity: 1;

}

.product-item .siDetails {
    padding: 15px;
    bottom: 0px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.serviceItem01:hover .siDetails {
    padding-bottom: 70px;
}

.product-item.serviceItem01:hover .siDetails {
    padding-bottom: 45px;
}

.table-container {
    background: #0057a61c;
    border-radius: 10px;
    padding: 25px;
}
.table-container h4{
    font-size: 24px;
}

.sidebar .widget {
    position: relative;
    background: #0057a61c;
    border-radius: 10px;
    padding: 25px;
    margin: 0 0 60px;
}

.prod-sec-details .widget {
    margin-bottom: 0;
}

.sidebar .widget.serviceMenu ul {
    margin: 0;
    padding: 0;
}

.sidebar .widget.serviceMenu ul li {
    list-style: none;
    display: block;
    margin: 0 0 6px;
}

.sidebar .widget.serviceMenu ul li a {
    font-family: inherit;
    font-size: 15px;
    line-height: inherit;
    color: #FFF;
    background: #0057a6a6;
    display: block;
    padding: 12px 15px 12px 35px;
    border-radius: 8px;
    text-transform: uppercase;
}

.serviceMenu li a:before {
    content: "\f061";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 10px;
    opacity: 1;
    position: absolute;
    left: auto;
    margin-left: -20px;
}

.sidebar a.active {
    background: #0057a6 !important;
}

.sidebar .widget.serviceMenu ul li:hover>a,
.sidebar .widget.serviceMenu ul li.current-menu-item>a {
    background: #0057a6;
}
.cust-sub-title {
     font-family: 'microsoft_jhenghei';
    font-size: 18px;
    line-height: 1;
    color: #2f6bbc;
    letter-spacing: 5px;
    margin: 0 0 11px;
    font-weight: bold;
      text-transform: uppercase;
}
.cust-title{
    font-family: 'microsoft_jhenghei';
    font-size: 32px;
    line-height: 34px;
    color: #343c55;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}


    
span.contact-subheading {
     font-family: 'microsoft_jhenghei';
     color: #343c55;
    font-size: 18px;
    line-height: inherit;
    margin: 0 0 7px;
    font-weight: bold;
}

.sec-pad{
    padding: 80px 0;
}

.cust-title {
    margin-bottom: 20px;
}
.mt-0{
    margin-top: 0;
}

.product-item .siDetails .readMoreLink {
    margin-top: 3px;
}
.clearfix{
    clear: both;
}
@media (min-width: 768px) and (max-width: 992px) {
    .our_product .btn_div{
                clear: both;
        padding-top: 30px;
        display: block;
    }
    .our_product .row.g-4{
        display: block;
    }
    .our_product .row.g-4 .col {
    width: 33.33% !important;
    float: left;
}
}

@media (max-width: 767px) {
    thead tr:first-child {
    display: none;
}
    .rwd-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
           width: 50%;
    display: block !important;
    position: absolute;
    left: 0;
}
.rwd-table th, .rwd-table td {
        display: flex !important;
               padding-left: 50%;
        position: relative;
    }
    .widget.mob-m0 h5{
        display: none;
    }
    .table tr:nth-child(even) {
    background: #f8f8f8;
}
    .rwd-table td:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
}
    .product-item .siDetails .readMoreLink {
    position: relative !important;
    bottom: 0;
        opacity: 1 !important;
}
    footer{
        padding: 60px 0;
    }
      header.transparent.header-mobile.menu-open {
            width: 70% !important;}
    .pr-m0{
        padding-right: 0 !important;
    }
    .cust-counter {
    width: 75%;
}
    #subheader h1 {
        font-size: 35px;}
    .mob-m0{
        padding-bottom: 0 !important;
    }
    .col-lg-6 p:last-child {
    margin-bottom: 0;
}
    .vision-missionItem {
    margin-bottom: 0;
    padding-bottom: 30px;
}
    .siDetails {
    position: relative;
    padding: 20px !important;
}
    .siDetails .mission-text {
    position: relative;
    opacity: 1;
    left: unset;
    top: unset;
    bottom: unset;
}
    .our_product .row.g-4 {
    display: block;
}
    .table>:not(:last-child)>:last-child>* {
    border-bottom-color: #dee2e6;
}
       table.table.rwd-table {
        margin-bottom: 0;
        overflow: hidden !important;
    }
    /*.rwd-table td:before {
        width: 50%;}*/
    .table-container {
    padding: 0;
}
    .table-container h4 {
    padding: 15px;
                margin-bottom: 0;
}
    .sec-pad {
    padding: 50px 0;
}
    .cust-title {
        font-size: 30px;}
.banner-text {
    font-size: 40px;
}
}
@media (max-width: 992px) { 
      
    #subheader {
    padding: 170px 0 100px 0;
}
        #content {
        margin-top: 0;
    }
    header.transparent.header-mobile.menu-open {
    width: 50%;
    left: unset;
    right: 0;
}
    
header.header-mobile {
    background: rgb(22 53 99);
    }}
.cursure_d{
    cursor: default;
}
i#form_process {
    height: 20px;
    border: 2px dashed #0057a6;
    width: 20px;
    border-radius: 100%;
}
i#form_process.fa-refresh::before{
    content: ""
}

@-webkit-keyframes spinnerRotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spinnerRotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes spinnerRotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}#form_process{-webkit-animation-name:spinnerRotate;-webkit-animation-duration:1.1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spinnerRotate;-moz-animation-duration:1.1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spinnerRotate;-ms-animation-duration:1.1s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;display:inline-block;margin-left:10px;position:relative;visibility:hidden}