/*Default Css Start */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');


@font-face {
    font-family: "UD Shin Go Hangul DemiBold";
    font-style: normal;
    font-display: swap;
    src:    url('../font/MO-UDShinGoHangKo2-DeB.otf') format("opentype");
}

@font-face {
    font-family: "UD Shin Go Hangul Regular";
    font-style: normal;
    font-display: swap;
    src:    url('../font/MO-UDShinGoHangKo2-Reg.otf') format("opentype");
}

@font-face {
    font-family: "UD Shin Go Hangul Light";
    font-style: normal;
    font-display: swap;
    src:    url('../font/MO-UDShinGoHangKo2-Lig.otf') format("opentype");
}



body {
    font-family: 'UD Shin Go Hangul Light', 'Roboto Condensed', sans-serif ;
    font-size: 16px;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
    color: #000000;
}
b,strong {
    font-family: "UD Shin Go Hangul DemiBold";
}
.kr-font {font-family: 'Noto Sans KR' !important;}
.eng-font {font-family: 'Roboto Condensed';}
p {
    font-weight: 100;
}
:focus , button:focus {
    outline: none !important;
}
.bg-gray {
    background-color: #e9e9e9 !important;
}
.main-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
}
.btn {
    padding: 8px 38px;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 700;
}
.btn:focus, .btn.focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-primary {
    background-color: #01916d;
    border-color: #01916d;
    color: #fff;
}
.btn-primary:hover,.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #01916d;
    background: #fff;
    border-color: #d7d7d7;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-secondary {
    background-color: #333333;
    border-color: #333333;
    color: #fff;
}
.btn-secondary:hover,.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background-color: #5a6268;
    border-color: #5a6268;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.badge {
    border-radius: 0;
    padding: 5px;
}
.badge-secondary {
    background-color: #01916d;
}
/*Default Css End*/
/*Header Start*/
.main-header {
    background-color: #fff;
    position: relative;
    top: 0;
    z-index: 55
}
.main-header .navbar {
    padding: 20px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 555;
    background-color: #fff;
}
.main-header .navbar>.container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.main-header .navbar-brand {
    padding: 0;
    margin: 0;
    max-width: 204px;
}
.main-header .navbar .navbar-collapse {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
}
.navbar-right-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.nav-link {
    color: #000000;
    font-size: 1em;
    position: relative;
}
.nav-link:hover {
    color: #000000;
}
.navbar-right-menu .nav-link {
    padding: 0px 12px;
    color: #000000;
    font-size: 0.875em;
    line-height: 1.35;
}
.navbar-right-menu .nav-link:last-child {
    padding-right: 0px;
}
.navbar-right-menu .nav-link:hover {
    color: #000000;
    text-decoration: underline;
}
.navbar-right-menu .nav-link:before {
    content: '';
    width: 1px;
    border-left: thin solid #dbdbdb;
    display: block;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    position: absolute;
    background: rgba(0, 0, 0, 0);
    top: 50%;
    left: -0px;
    height: 10px;
}
.main-header .navbar .navbar-nav .nav-item {
    padding-left: 16px;
    padding-right: 16px;
}
.main-header .navbar .navbar-nav .nav-link {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 9px;
}
.main-header .navbar .navbar-nav .nav-link:after {
    content: "";
    background-color: #dbdbdb;
    right: -16px;
    height: 13px;
    top: calc(50% - 4.5px);
    width: 1px;
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.main-header .navbar .navbar-nav .nav-item:nth-last-child(3) .nav-link:after {
    opacity: 0;
}
.main-header .navbar-nav .nav-item:first-child, .main-header .navbar-nav .nav-item:first-child .nav-link {
    padding-left: 0px;
}
.main-header .navbar-nav .nav-item .nav-link:hover {
    padding-bottom: 4px;
    border-bottom: 5px solid #d92231;
}
.page-navbar {
    width: 100%;
    background-color: #ebebeb;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}
.page-navbar .container{
    width: 1160px!important;
}
.page-navbar__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}
.page-navbar__menu .nav-link {
    padding: 15px 25px;
    font-size: 1rem;
}
.page-navbar__menu .nav-item:nth-child(1) .nav-link {
    padding-left: 0px;
}
.dropdown-toggle::after {
    content: "\f078";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    border: none;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 16px;
    color: #bdbec0;
}
.nav-link__text {
    position: relative;
    display: inline-block;
}
.nav-link__text:after {
    content: "";
    height: 3px;
    background-color: #01916d;
    display: block;
    position: absolute;
    bottom: -3px;
    opacity: 0;
    width: 0;
}
.page-navbar__menu .nav-link.active .nav-link__text:after, .page-navbar__menu .nav-link .nav-link__text:hover:after {
    width: 100%;
    opacity: 1;
}
.page-navbar__menu .nav-item.show .nav-link {
    background-color: #ebebeb;
}
.dropdown-menu {
    border-radius: 0;
    margin: 0;
    background-color: #ebebeb;
    border: none;
    border-top: none;
    padding: 0 15px;
    width: auto;
    min-width: 100%;
}
.dropdown-item {
    margin: 0;
    width: 100%;
    padding: 10px 10px;
    color: #7f7f7f;
    border-bottom: solid 1px #C1C1C1;
}
.dropdown-menu li:last-child .dropdown-item {
    border-bottom: none;
}
.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus {
    /* width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px; */
    background-color: #01916d;
    color: #fff;
    border-bottom-color: transparent;
    /* padding: 10px 25px; */
}
.nav-item.nav-item--dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.nav-item.nav-item--dropdown .nav-link {
    padding-right: 55px;
}
.nav-item.nav-item--dropdown .dropdown-toggle {
    position: absolute;
    right: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none !important;
}
.navbar-toggler {
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    width: 40px;
    height: 40px;
    color: #999999;
}
.main-header.fixed-header {
    -webkit-box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
    box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
    border: none;
}
.main-header .page-navbar .navbar-brand {
    display: none;
}
.main-header.fixed-header .navbar-brand {
    width: 136px;
    padding-right: 16px;
    display: block;
}
.page-navbar .container {
    padding: 0px 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 992px){
    .page-navbar .container {padding: 0px 0px 0;}
}
.fixed-header .page-navbar {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
@media (min-width: 992px){
    .page-navbar__menu .nav-item.dropdown:hover .nav-link {
        background-color: #ebebeb;
    }
    .page-navbar__menu .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
}
/*Header End*/



/*Footer Start*/
.main-footer {
    padding-top: 45px;
    padding-bottom: 35px;
    position: relative;
}
.main-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    background-color: #737373;
}
.footer-copyright p {
    color: #000000;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}
.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
}
.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 14px;
    font-size: 0.9375em;
    font-weight: 400;
    line-height: 1.4;
}
.footer-social li {
    padding-right: 10px;
}
.footer-social li a {
    color: #c1c1c1;
    font-size: 22px;
    display: block;
    padding: 0px 5px;
}
.footer-menu li .nav-link {
    padding: 0px 10px;
    color: #000000;
    line-height: 16px;
    font-weight: 500;
    font-size: 0.9375em;
}
.footer-menu li .nav-link:hover {
    color: #000000;
    text-decoration: underline;
}
.footer-menu li:not(:last-child) .nav-link:after {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    background: #dbdbdb;
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 6px;
    margin: -1px 0 0;
    content: "";
}
.footer-menu li:first-child .nav-link {
    padding-left: 0;
}
/*Footer End*/
/*Responsive start*/
.PHdbWfFJ_13, .PHdbWfFJ_5, .PHdbWfFJ_20, .PHdbWfFJ_23, .PHdbWfFJ_27, .qVInUexo_15, .qVInUexo_8, .qVInUexo_21, .qVInUexo_23, .qVInUexo_27 {
    stroke-dasharray: 0 !important;
    stroke-dashoffset: 0 !important;
}
.fuji-xerox-can-slider .slick-dots, .icon-slider .slick-dots {
    display: none;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}
@media (max-width: 1199.98px) {
    .fuji-processes-timeline {
        background-size: 100% 290px;
    }
    .fuji-processes-box {
        height: 70px;
        padding: 0px;
    }
    .fuji-processes-box img {
        width: 40px;
        margin-right: 10px;
    }
    .fuji-processes-box .title {
        font-size: 20px;
        line-height: 20px;
    }
}
@media (max-width: 991.98px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
    .main-header .navbar>.container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-header .navbar .navbar-collapse {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .main-header .navbar .navbar-collapse .navbar-nav {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .main-header .navbar-nav .nav-item:first-child {
        padding-left: 16px;
    }
    .main-header .navbar .navbar-nav .nav-link:after {
        display: none;
    }
    .hero-banner-slide {
        height: 580px;
    }
    .introduce-card:after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
    .introduce-card .introduce-card__img {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    .introduce-card .introduce-card__content {
        opacity: 1
    }
    .introduce-card .introduce-card__content_inner {
        opacity: 1;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    .fuji-processes-card p {
        font-size: 16px;
    }
    .systems-badge .badge {
        margin: 0 10px;
        /* width: 140px;  */
        width: 160px; 
        font-size: 14px;
    }
    .fuji-processes-box .title {
        font-size: 18px;
        line-height: 18px;
    }
    .main-header .navbar{
        padding-bottom: 20px;
    }
    .fuji-processes-box img {
        width: 30px;
        margin-right: 10px;
    }
    .fuji-processes-box .title {
        font-size: 16px;
        line-height: 18px;
    }
    .fuji-xerox-can-slider .slick-dots, .icon-slider .slick-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .fuji-icon-card {
        padding: 150px 15px 50px;
    }
    .learn-section .section-title {
        padding-left: 15px;
        padding-right: 15px;
    }
    .related-post__slide {
        padding: 0px 30px;
    }
    .row.agreements-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .row.agreements-row .col {
        padding-left: 15px; 
        padding-right: 15px; 
    }
    .related-post__slider .slick-prev.slick-arrow {
        left: calc(10% - 20px);
    }
    .related-post__slider .slick-next.slick-arrow {
        right: calc(10% - 20px);
    }
}
@media (max-width: 767.98px) {
    .page-navbar__menu .nav-item:first-child .nav-link {
        padding-left: 4px !important;
        pointer-events: none;
    }
    .page-navbar__menu .nav-link.dropdown-toggle {
        padding-left: 4px !important;
    }
    .page-navbar__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
    .page-navbar__menu .nav-item:not(:first-child) {
        display: none;
    }
    .page-navbar__menu.open-menu .nav-item:not(:first-child) {
        display: block;
    }
    .page-navbar__menu .nav-item:first-child .nav-link:after {
        content: "\f078";
        font-family: "Font Awesome 5 free";
        font-weight: 900;
        height: 15px;
        margin-left: 9px;
        font-size: 16px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .page-navbar__menu .nav-link.dropdown-toggle::after {
        position: absolute;
    }
    .hero-banner__caption {
        text-align: center;
    }
    .hero-banner-slide {
        height: 480px;
        padding: 50px 0;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .hero-banner__caption .title {
        font-size: 32px;
        /*color: #ffffff;*/
        margin-bottom: 20px;
    }
    .hero-banner-slider .slick-dots {
        bottom: 20px;
    }
    .hero-banner-slider .slick-dots li {
        margin: 0 3px;
    }
    .hero-banner-slider .slick-dots li button {
        cursor: pointer;
        width: 10px;
        height: 10px;
        padding: 0;
        border: solid 1px #fff
    }
    .page-navbar__menu li {
        display: block;
        width: 100%;
        text-align: center;
    }
    .page-navbar__menu .nav-link {
        padding: 14px 10px !important;
        border-bottom: solid 1px #d5d5d5;
    }
    .page-navbar__menu .nav-item .dropdown-menu {
        position: static !important;
        padding: 0;
        -webkit-transform: unset !important;
            -ms-transform: unset !important;
                transform: unset !important;
    }
    .page-navbar__menu .dropdown-item {
        padding: 14px 10px;
    }
    .page-navbar__menu .dropdown-item:hover {
        margin: 0px;
        width: 100%;
    }
    .home-description-section {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .section-title .title {
        font-size: 22px; 
        margin-bottom: 20px;
    }
    .fuji-introduce-section .section-title {
        margin-bottom: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .section-title .description {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .introduce-card__content_inner {
        padding: 135px 50px;
        max-height: 436px;
    }
    .introduce-card__content .title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .introduce-card__content .description {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .btn {
        padding: 6px 20px;
    }
    .fuji-xerox-can-slider .col .fuji-icon-card {
        padding-top: 120px;
        padding-bottom: 50px;
    }
    .fuji-processes-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .systems-badge .badge {
        margin: 0 5px 10px;
    }
    .footer-menu li .nav-link {
        padding: 2px 7px !important;
        font-size: 14px; 
    }
    .footer-menu li .nav-link:after {
        display: none;
    }
    .related-post__slide:not(.slick-current) {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }
    .related-post__slider {
        padding-top: 30px;
    }
    .related-post__slide {
        padding: 0 30px;
    }
    .related-post__slide:not(.slick-current) {
        margin-top: 0px;
    }
    .solution-menu {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .inner-hero-banner .hero-banner-slide {
        padding: 0;
	    -webkit-box-align: start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	    text-align: center;
	    height: calc(100vh - 130px );
    }
    .inner-hero-banner .hero-banner-slide .hero-banner__caption {
        display: block;
        margin: 0 -15px;
        background-image: -o-linear-gradient(top, #fff, transparent);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
        background-image: linear-gradient(180deg, #fff, transparent);
        padding: 50px 0;
    }
    .process-automation__banner.inner-hero-banner .hero-banner-slide .hero-banner__caption  {
        background-image: none;
    }
    .inner-hero-banner .hero-banner__caption .title {
        font-size: 28px;
        color: #000 !important;
    }
    .inner-hero-banner .hero-banner__caption .title.text-white-mobile {
        color: #fff !important;
    }
    .solution-menu .nav-item {
        width: 100%;
    }
    .solution-tags {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .related-post__filter {
        padding-top: 15px;
    }
    .related-post__filter_menu {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .related-post__slider .slick-list {
        padding: 0 !important;
    }
    .row.agreements-row {
        margin-left: -7px;
        margin-right: -7px;
    }
    .row.agreements-row .col {
        padding-left: 7px;
        padding-right: 7px;
        margin-bottom: 15px;
    }
    .icon-card {
        max-width: 200px;
        margin: auto;
    }
    .icon-card--gray {
        background-color: #994cbf;
    }
    .card--related-post .card-body {
        padding: 20px;
    }
    .card--related-post .title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .card--related-post .description {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .related-post__slider .slick-arrow {
        display: none !important;
    }
    .icon-slider .slick-slide {
        height: auto !important;
    }
    .solution-benefits__card {
        max-width: 200px;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
    }
    .solution-benefits__card .icon {
        max-width: 80px;
    }
    .solution-benefits__card .text p {
        font-size: 16px;
    }
    .solution-benefits__btn .btn {
        font-size: 14px;
        font-weight: 500;
    }
    .learn-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .learn-menu .nav-item {
        width: 100%;
    }
    .resource-card .title {
        font-size: 20px; 
    }
    .resource-card .card-body {
        padding: 15px; 
    }
    .resource-card .description {
        font-size: 14px;
    }
    .resource-card .btn {
        font-size: 14px;
    }
    /*.learn-menu .nav-item:not(:first-child), .solution-menu .nav-item:not(:first-child) {
        display: none;
    }
    .learn-menu.open-menu .nav-item:not(:first-child), .solution-menu.open-menu .nav-item:not(:first-child) {
        display: block;
    }*/
    /*.learn-menu .nav-item .nav-link:after, .solution-menu .nav-item .nav-link:after {
        content: "";
        height: 15px;
        width: 2px;
        background-color: #737373;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }
    .learn-menu .nav-item .nav-link.active:after, .solution-menu .nav-item .nav-link.active:after {
        background-color: #fff;
    }
    .learn-menu .nav-item .nav-link:before, .solution-menu .nav-item .nav-link:before {
        content: "";
        height: 2px;
        width: 15px;
        background-color: #737373;
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
    }
    .learn-menu .nav-item .nav-link.active:before, .solution-menu .nav-item .nav-link.active:before {
        background-color: #fff;
    }*/

    /*.learn-menu.open-menu .nav-item:first-child .nav-link::after, .solution-menu.open-menu .nav-item:first-child .nav-link::after {
        opacity: 0;
    }*/
    .learn-menu .nav-item .nav-link, .solution-menu .nav-item .nav-link {
        border-bottom: none;
        text-align: left;
        padding-left: 15px;
    }
    .learn-menu .nav-item .nav-link {
        background-color: #ebebeb;
    }
    .icon-card .icon {
        max-width: 80px;
    }
    .icon-card .text {
        font-size: 16px;
    }
    .resource-card .card-body .btn.btn-primary {
        padding-left: 10px;
        padding-right: 10px;
    }
    .learn-section {
        padding-bottom: 30px;
    }
}   
@media (max-width: 420.98px) {
    .hero-banner-slide {
        height: calc(100vh - 130px);
    }
}
@media (max-width: 330.98px) {

}
/*Responsive End*/

 
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 	body {
 		display: block;
 	}
 	.main-header .navbar-brand { 
 		width: 204px; 
 	}
 	.hero-banner__bg img {
 		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		height: auto;
 	}
 	.card--related-post {
 		overflow: hidden;
 	}
 	.related-post__img {
 		height: auto;
	}
	.resource-card .row.no-gutters {
		display: block;
	}
	.resource-card .card-body {
		display: block;
	}
	.resource-card .resource-card__img {
		float: left;
	}
	.resource-card .resource-card__img ~ .col {
		float: right;
	}
	.fuji-processes-timeline #my-svg {
		height: 355px;
	}
	.resource-card .resource-card__img img {
		position: absolute;
		height: auto;
		left: 50%;
		right: 0;
		top: 50%;
		bottom: 0;
		transform: translate(-50%, -50%);
	}
 }

.robot_benefit {margin-left:150px;}
.sol_benefit {margin-left:60px;}

@media (max-width: 991.98px) {
    .robot_benefit {margin-left:auto;}
    .sol_benefit {margin-left:auto;}
}



/*********************************** NEW HEADER CSS ***********************************/

.site-header ul {margin: 0;padding: 0;}

.site-header__wrapper:before, .site-header__top:before, .site-header__bottom:before, .site-header__wrapper:after, .site-header__top:after, .site-header__bottom:after {content: '';display: table;}
.site-header__wrapper:after, .site-header__top:after, .site-header__bottom:after {clear: both;}

.site-header {position: absolute;top: 0;width: 100%;border-bottom: 1px solid #ebebeb;z-index: 200;background-color: #fff;box-shadow: 0 2px 5px rgb(0 0 0 / 40%);}
.site-header__wrapper .container{
    width: 1140px !important;
}
.site-header.fix {position: fixed;-webkit-box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);border: none;display: none;}

.site-header__wrapper {padding: 20px 0 0;position: static; width: 1140px!important;}
.site-header__wrapper_nav {padding: 0;position: static;margin: 0 auto;}
.site-header__wrapper_nav .container{
    width: 1140px !important;
    
}
.site-header__nav {position: static;}

.site-header .site-logo {float: left;margin-bottom: 20px;margin: 0 0 30px 5px;display: flex;align-items: center;}
.site-header .site-logo a {text-decoration: none;vertical-align: top;display: inline-block;}
.site-header .site-logo img {height: 30px;}

.site-header .btn-mobile-search, .site-header .btn-nav-menu {display: none;vertical-align: top;background: transparent;position: relative;display: none;width: 30px;height: 40px;padding: 0;border: 0;}
.site-header .btn-mobile-search span, .site-header .btn-nav-menu span {display: block;overflow: hidden;height: 0;}
.site-header .btn-mobile-search {float: right;background: url(../images/icon-search.svg) 0 4px no-repeat;background-size: contain;margin: -5px 62px 0 0;}

.site-header .btn-nav-menu {position: absolute;right: 0;width: 32px;margin: -5px 5px 0 25px;}
.site-header .btn-nav-menu span:after {
    background: #999;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 32px;
    height: 3px;
    content: "";
    margin-top: -1px;
}

.site-header .btn-nav-menu:before {
    background: #999;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 32px;
    height: 3px;
    content: "";
    margin: -9px 0 0;
}

.site-header .btn-nav-menu:after {
    background: #999;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 32px;
    height: 3px;
    content: "";
    margin: 7px 0 0;
}

.site-header .btn-nav-menu:focus:before, .site-header .btn-nav-menu:focus:after, .site-header .btn-nav-menu:focus span:after {
    background: #01916d;
}

.site-header.open .btn-nav-menu span:after {
display: none;
}

.site-header.open .btn-nav-menu:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: -2px 0 0;
}

.site-header.open .btn-nav-menu:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: -2px 0 0;
}

@media only screen and (max-width: 991px) {
.site-header {
    position: fixed !important;
}

    .site-header .btn-mobile-search {
        display: none;
    }

    .site-header .btn-nav-menu {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
.site-header__wrapper {
    padding: 0px 15px 0;
}

.site-header__wrapper_nav {
    padding: 0px 15px 0;
}

.site-header .site-logo {
    margin: 20px 30px 0px 0;
    max-width: 500px;
}

    .site-header .site-logo img {
        min-width: 144px;
        height: 42px;
    }

.site-header .btn-mobile-search, .site-header .btn-nav-menu {
    margin-top: 0;
}

.site-header .btn-mobile-search {
    margin-right: 0;
}

.site-header .btn-nav-menu {
    top: 20px;
    right: 30px;
    margin-left: 20px;
}
}

@media only screen and (min-width: 992px) {
.site-header {
    display: table;
}

    .site-header .row-table {
        display: table-row;
    }

    .site-header .site-logo {
        display: flex;
        align-items: center;
        max-width: 500px;
        margin: 19px 0 19px 0;
    }
    /* .site-header.fix .site-header__wrapper {
padding-top: 9px;
} */
    .site-header.fix .site-logo, .site-header.fix .search-bar, .site-header.fix .top-nav {
        display: none;
    }

    .site-header.fix .logo-fix {
        width: 136px;
        padding-right: 16px !important;
    }
}
/* @media only screen and (max-width: 991px) {
.site-header__wrapper {
display: flex;
}
} */
@media print {
.site-header {
    display: table;
}

    .site-header .row-table {
        display: table-row;
    }

    .site-header .site-logo {
        display: table-cell;
        width: 284px;
        margin: 0 0 20px 0;
    }

    .site-header .megamenu, .site-header .lvl2-menu, .site-header .logo-fix {
        display: none;
    }

    .site-header.fix {
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #ebebeb;
    }

        .site-header.fix .site-logo, .site-header.fix .search-bar {
            display: table-cell;
        }

        .site-header.fix .site-header__wrapper {
            padding: 20px 0 0;
        }
}


#vidcontainer_pc {width:100%;height:640px;}
#video_pc {width: 100%;height: 100%;}

#vidcontainer_pc > video {width: 100%;}

@media (max-width: 768px) {
    #vidcontainer_pc {width:100%;height:52vw;}
}