/* inner pages */
#inner-banner {position: relative; height: 350px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
#inner-banner:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(43,49,50,0.5);}
#inner-banner:after {content: ''; position: absolute; right: -1px; bottom: -1px; width: 322px; height: 234px; background: url('../images/inner-banner-curve.png') left top no-repeat;}
#inner-banner .container {display: flex; align-items: center; justify-content: center; position: relative;}
#inner-banner h1 {font-family: var(--base-font-bold); font-size: 4.6875rem; font-weight: 900; color: #fff;}

#main-container {position: relative;}
.content p, .content ul {font-size: 1.125rem; line-height: 1.7; margin-bottom: 20px;}
.content p.spl {font-size: 1.25rem; color: var(--primary_1); line-height: 1.6;}
#pg-the-company .the-company-content h2.title {margin-bottom: 15px;}
#pg-the-company .the-company-content h3.sub-title {font-family: var(--base-font-medium); font-size: 1.3125rem; font-weight: 500; margin-bottom: 20px;}
#pg-the-company .our-vision {background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
#pg-the-company .our-vision:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--primary_1); mix-blend-mode: multiply;}
#pg-the-company .our-vision h2.title {color: var(--color_white);}
#pg-the-company .our-vision ul li {font-size: 2.0625rem; color: var(--color_white);}
#pg-the-company .our-mission {border-bottom: 1px solid #e5e5e5;}
#pg-the-company .our-mission h2.title {margin-bottom: 20px;}
#pg-the-company .our-mission .pic {float: right; margin-right: 20px;}
#pg-the-company #our-values-wrapper .card {border: none; border-bottom: 1px solid #cccccc; border-radius: 0;}
#pg-the-company #our-values-wrapper .card-header {padding: 0; background: none; border: none;}
#pg-the-company #our-values-wrapper .card-header h2 {font-family: var(--base-font-bold); font-size: 1.125rem; font-weight: 700;}
#pg-the-company #our-values-wrapper .card-header h2 a {padding: 17px 0; display: block; color: var(--color_black); position: relative;}
#pg-the-company #our-values-wrapper .card-header h2 a i {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
/*#pg-the-company #our-values-wrapper .card-header h2 a.collapsed {color: var(--primary_2);}*/
#pg-the-company #our-values-wrapper .card-body {padding: 0;}

#pg-career .email-outer {display: flex; align-items: center; margin-top: 10px;}
#pg-career .email-outer a {font-size: 1.313rem; font-weight: 300; color: var(--primary_1);}
#pg-career .email-outer .icon {width: 45px; height: 45px; background-color: #fce5d1; border-radius: 50%; margin-right: 10px; display: flex; align-items: center; justify-content: center;}
#pg-career .email-outer .icon .email-icon {background-position: -99px -51px; width: 18px; height: 14px; filter: var(--imgPrimary_2);}
#pg-career .career-container  {background-color: #fdecdd;}
#pg-career .career-container .nav-tabs {border: none; display: block;}
#pg-career .career-container .nav-tabs li a {font-size: 1.25rem; font-weight: 500; color: var(--color_black); border-radius: 5px; border: none; padding: 1.563rem; position: relative; background-color: #fff; margin-bottom: 15px;}
#pg-career .career-container .nav-tabs li a:before {content: ''; position: absolute; right: 35px; top: calc(50% - 8px); border-left: 8px solid #fdecdd; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
#pg-career .career-container .nav-tabs li a.active:before {display: block; border-left-color: var(--primary_2);}
#pg-career .career-container .nav-tabs li a span {display: block; font-size: 1rem; color: #999999; font-weight: 400; position: relative; padding-left: 25px; margin-top: 3px;}
#pg-career .career-container .nav-tabs li a span:before {content: ''; background: url("../images/sprite.png") no-repeat -176px -81px; width: 16px; height: 18px; display: inline-block; vertical-align: middle; filter: invert(68%) sepia(7%) saturate(16%) hue-rotate(14deg) brightness(89%) contrast(89%); position: absolute; left: 0; top: 2px;}
#pg-career .career-container .nav-tabs li a.active {background-color: var(--primary_1); color: #fff;}
#pg-career .career-container .nav-tabs li a.active span {color: #fff;}
#pg-career .career-container .nav-tabs li a.active span:before {filter: invert(100%) sepia(5%) saturate(22%) hue-rotate(266deg) brightness(108%) contrast(106%);}
#pg-career .career-container .tab-content h3, #pg-career .career-container .tab-content h4 {font-family: inherit; font-size: 1.5rem; font-weight: 700; color: var(--color_black);}
#pg-career .career-container .tab-content h4 {font-size: 1.25rem; font-weight: 500;}
#pg-career .career-container .tab-content p, #pg-career .career-container .tab-content ul {font-size: 1.063rem;}
#pg-career .career-container .tab-content li {margin-bottom: 10px;}
#pg-career .career-container .tab-content .career-form-container h4 {color: var(--primary_1);}
#pg-career .career-container .career-form-container .career-form .form-group {margin-bottom: 1.25rem;}
#pg-career .career-container .career-form-container .career-form .form-group .form-control {height: calc(2.5em + .75rem + 2px); border-radius: 0; border: none; border-bottom: 1px solid rgba(140,35,29,0.33); padding-left: 0; padding-right: 0;}
#pg-career .career-container .career-form-container .career-form .form-group .form-control:focus {box-shadow: none; border-bottom-color: var(--primary_1);}
#pg-career .career-container .career-form-container .career-form .form-group textarea.form-control {height: 170px;}
#pg-career .career-container .custom-file, #pg-career .career-container .custom-file-input {height: calc(2.5em + .75rem + 2px);}
#pg-career .career-container .custom-file .custom-file-label, #pg-career .career-container .custom-file-input .custom-file-label {position: absolute; border-radius: 0; height: calc(2.5em + .75rem + 2px); line-height: 2.5; border: none; border-bottom: 1px solid rgba(140,35,29,0.33); padding-left: 0; padding-right: 0; background-color: transparent; color: var(--color_black);}
#pg-career .career-container .custom-file .custom-file-label:after, #pg-career .career-container .custom-file-input .custom-file-label:after {height: calc(2.5em + 4px); line-height: 2em; background-color: #f6d9bf; border: none; min-width: 145px; text-align: center; color: var(--primary_1); top: 5px; bottom: 5px; right: 5px; border-radius: 0;}

.gallery .item {display: block; position: relative; margin-bottom: 50px;}
.gallery .item figure {position: relative; display: flex; height: 270px; justify-content: center; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; box-shadow: 0px 20px 99px 1px rgba(0, 0, 0, 0.1); margin-bottom: 0;}
.gallery .item figure img {align-self: center; max-width: 70%; max-height: 70%; filter: drop-shadow(0 5px 10px rgba(0,0,0,0.2));}
.gallery .item figcaption {font-family: var(--base-font-bold); font-size: 1.3125rem; font-weight: 700; padding: 15px;}
.gallery .item figcaption span {color: var(--primary_1); font-family: var(--base-font); font-size: 1rem; font-weight: 400; margin-bottom: 5px; display: block;}
.gallery .item figcaption .category {line-height: normal; margin-bottom: 5px;}
.gallery .item figcaption .category span:after {content: ',';}
.gallery .item figcaption .category span:last-child:after {display: none;}
.gallery .item:hover, .gallery .item:focus {text-decoration: none; color: var(--primary_2);}
.gallery .item figure img.full-width {width: 100%; height: 100%; filter: none; object-fit: cover; max-width: 100%; max-height: 100%;}

#pg-contact .contact-content .item .icon{position: relative; min-height: 40px;}
#pg-contact .contact-content .item .icon .pin-icon{ background-position: -123px -113px; width: 26px; height: 35px;}
#pg-contact .contact-content .item .icon .call-icon{ background-position: -158px -116px; width: 30px; height: 30px;}
#pg-contact .contact-content .item .icon .email-icon{ background-position: -197px -119px; width: 30px; height: 24px;}
#pg-contact .contact-content .item .icon i{filter: var(--imgPrimary_2);}
#pg-contact .contact-content .item h5{font-weight: 400; color: var(--primary_1); margin: 25px 0; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5;}
#pg-contact .contact-content .item p,#pg-contact .contact-content .item a{font-size: 1.063rem;}

#inquiry-block{}
.resume-content{background-color: #fdecdd; position: relative;}

.resume-content .btn-custom1{min-width: 330px; background-color: var(--primary_1); color: var(--color_white);}
.resume-content .btn-custom1:before{display: none;}

.has-curve{ position: relative; margin-bottom: 50px; margin-right: 20px;}
.has-curve:after{content: ""; position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); left: 20px; top: 20px; background-color: #fdecdd; z-index: -1; }
.has-curve:before{content: ""; position: absolute; right: -1px; bottom: -2px; background: url('../images/logo-for-banner02.png') left top no-repeat; width: 324px; height: 248px; z-index: 3; transform: scale(0.5); transform-origin: right bottom;}
.has-curve .item {position: relative; z-index: 2; }
.has-curve.owl-carousel.dot-style01 .owl-dots{bottom: 20px;}
.has-curve.owl-carousel.dot-style01 .owl-dots button.owl-dot span{background-color: var(--primary_2);}

.share-post{border-top: 2px solid #e5e5e5; padding-top: 40px; margin-top: 40px;}
.share-post h4{color: var(--primary_2); font-weight: 700; font-size: 0.938rem; text-transform: uppercase; margin: 0 0 30px;}
.share-post ul{margin: 0; padding: 0; list-style: none;}
.share-post ul li{margin-right: 15px; display: inline-block;}
.share-post ul li a{width: 45px; height: 45px; background-color: #e8e8e8; display: block; border-radius: 50%; position: relative;}
.share-post ul li a:hover{background-color: var(--color_black);}
.share-post ul li a i{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.share-post ul li a.fb i{background-position: -20px -12px; width: 10px; height: 17px;}
.share-post ul li a.tw i{background-position: -36px -15px; width: 18px; height: 14px;}
.share-post ul li a.yt i{background-position: -60px -14px; width: 18px; height: 13px;}
.share-post ul li a.wp i{background-position: -89px -12px; width: 20px; height: 20px;}
.share-post ul li a i{filter: var(--imgColor_gray);}
.share-post ul li a:hover i{filter: var(--imgColor_white);}

#sidebar h3{color: var(--primary_2); font-family: var(--base-font-bold); font-size: 1.125rem; font-weight: 700; text-transform: uppercase; padding-bottom: 30px; margin: 40px 0 0; border-bottom: 2px solid #e5e5e5;}
.news-list{margin: 0; padding: 0; list-style: none;}
.news-list li{margin-top: 40px;}
.news-list li a{position: relative; padding-left: 15px; display: block;}
.news-list li a span{display: block;}
.news-list li a:before{content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #e5e5e5;}
.news-list li a .date{color:#505050; margin-bottom: 10px;}
.news-list li a .title{color: var(--text-black); font-size: 1.125rem; font-weight: 500;}
.news-list li a .title{color: var(--text-black); font-family: var(--base-font-bold); font-size: 1.125rem;}
.news-list li a:hover .date{color: var(--color_black);}
.news-list li a:hover .title{color: var(--primary_2);}
.news-list li a:hover:before{background-color: var(--primary_2);}

#pg-product-details{min-height: 600px;}
.product-details .btn-custom1 span{}
.product-details .btn-custom1{background-color: var(--primary_1); color: var(--color_white);}
.product-details .btn-custom1:hover {background-color: var(--primary_1) !important; }
.product-details .btn-custom1 .inquiry{background-position: -97px -118px;width: 16px;height: 20px; filter: var(--imgColor_white); margin-right: 10px;}
.product-details .btn-custom1:hover,.product-details .btn-custom1:focus{color:#fff;}
.product-details .btn-custom1:before{display: none;}
.product-details hr{margin: 50px 0;}
.product-details .brand-logo {max-width: 160px; position: absolute; right: 15px; top: 0;}
.product-details h3,.product-details  h4{font-family: var(--base-font-bold); font-size: 1.125rem; font-weight: 700;}
.product-details h3{ text-transform: none; color: var(--primary_1);}
.product-details1 h4{text-transform: none; color: var(--primary_1); margin: 35px 0 25px; }
.product-details .category span:after {content: ','; margin-right: 5px;}
.product-details .category span:last-child:after {display: none;}


#main-container .product-slider-wrapper {width: 100%; height: 590px; position: absolute; right: 0; top: 0; z-index: 1;}
#main-container .product-slider-wrapper .product-slider{background-color: #efefef; border: 1px solid #e5e5e5; border-radius: 5px; margin-bottom: 30px;}
#main-container .product-slider-wrapper .product-slider .item {height: 480px;}
#main-container .product-slider-wrapper .product-slider .item img {}
#main-container .product-slider-wrapper .product-slider .item img, #main-container .product-slider-wrapper .thumbnail-slider .item img {
  width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 330px;}
#main-container .product-slider-wrapper .thumbnail-slider { padding1: 0 90px; }
#main-container .product-slider-wrapper .thumbnail-slider .item {height: 100px; background-color: #efefef; border: 1px solid #e5e5e5; border-radius: var(--border-radius-5); }
#main-container .product-slider-wrapper .thumbnail-slider .item img { max-height: 90%; max-width: 50%;}


#inquiry-modal { }
#inquiry-modal .titile-outer{background-color: #000067;  color: #fff; padding: 15px 30px; position: relative;}
#inquiry-modal .titile-outer .title {font-size: 150%;  float: left; width: 60%;}
#inquiry-modal .titile-outer .text { float: right; width: 40%; text-align: right; margin-top: 5px;}
.popup-form{padding: 30px;}
#inquiry-modal .modal-header {background-color: var(--primary_2);}
#inquiry-modal .modal-header .modal-title{font-family: var(--rubik-font); font-weight: 900; color: var(--color_white);}
#inquiry-modal .modal-header .close{outline: none; opacity: 1;}
#inquiry-modal .modal-content {border: none; border-radius: var(--border-radius-5);}
#inquiry-modal .modal-header .close .cross-icon{background-position: -221px -43px; width: 32px; height: 32px; filter:var(--imgColor_white);}

#inquiry-modal .modal-body{padding: 0; background-color: #fdecdd; border-radius: var(--border-radius-5);}

.news-slider.has-curve .item .pic-outer{position: relative; padding-top: 56.25%; overflow: hidden; background: #f3f3f3;}
.news-slider.has-curve .item .pic-outer img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}

.photo-gallery .news-item .img-wrapper{border-radius: 7px; overflow: hidden; background-color: var(--color_black); position: relative; padding-top: 65%; display: flex; align-items: center; justify-content: center; height: auto;}
.photo-gallery .news-item .img-wrapper:before {content: ''; background: url('../images/sprite.png') -365px -11px no-repeat; width: 26px; height: 26px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; filter: var(--imgColor_white); transition: all 0.3s ease-in-out; transform: scale(0);}
.photo-gallery .news-item .img-wrapper img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.85; transition: all 0.4s;}
.photo-gallery .news-item:hover .img-wrapper img {opacity: 0.35;}
.photo-gallery .news-item:hover .img-wrapper:before {transform: scale(1);}

.video-gallery .video .img-wrapper{border-radius: 7px; overflow: hidden; background-color: var(--color_black); position: relative; padding-top: 65%; display: flex; align-items: center; justify-content: center; height: auto;}
.video-gallery .video .img-wrapper:before {content: ''; background: url('../images/sprite.png') -309px -4px no-repeat; width: 44px; height: 44px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; filter: var(--imgColor_white); transition: all 0.3s ease-in-out; transform: scale(0);}
.video-gallery .video .img-wrapper img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.85; transition: all 0.4s;}
.video-gallery .video:hover .img-wrapper img {opacity: 0.35;}
.video-gallery .video:hover .img-wrapper:before {transform: scale(1);}


#enterprise {display: none;}
#enterprise h2.title{margin-bottom: 30px;}
#enterprise .right-wrapper{margin-left: 30px;max-height:410px;position: relative;}
#enterprise .right-wrapper img{border-radius:0 0 110px 0;}
#enterprise .right-wrapper:before{content:"";position: absolute;background: url(../images/logo-for-banner.png) no-repeat;width:123px;height:93px;bottom:0;right:0;background-size: cover;}
#enterprise .right-wrapper:after{content:"";position: absolute;background-color:var(--primary_1);width:100%;height:100%;left:30px;right:-20px;margin: auto;top:40px;bottom:0;z-index: -1;}
/*accordion*/
#accordion {border-radius: 5px; overflow: hidden;margin-bottom: 30px;}
#accordion .card {border: none;margin-bottom: 25px;}
#accordion .card-header {background: none; border-radius: var(--border-radius-5); background-color: #f5f5f5;padding:20px 70px 20px 80px; font-size: 1.125rem; font-weight: 400; color: #067a93;border-bottom: none;position: relative;padding-right: 30px;}
#accordion .card-link {display: block;color: var(--primary_2); font-family: var(--base-font-medium); font-weight:500;font-size: 1.125rem;position: relative;}
#accordion .card-link.collapsed{color: var(--color_black);}
#accordion .card-body {position: relative;padding:25px 30px 25px 80px;border-bottom:none;color: #000;z-index:1;}
/*#accordion .card-body:after{content:'';position:absolute;top:0;bottom:0;left:-30px;right:0;background-color: var(--color_white);width:calc(100% + 60px);height:100%;}*/
#accordion .collapse .card-body {background-color: var(--color_white);}
#accordion .card-header a:after {content: ''; position: absolute;right:0px;background: url(../images/sprite.png) no-repeat -190px -16px;width: 15px;height: 8px;top:50%;transform: translateY(-50%);bottom:0px; filter: var(--imgPrimary_2);}
#accordion .card-header a.collapsed:after {content: '';background: url(../images/sprite.png) no-repeat -172px -16px;width: 15px;height: 8px;right:0px;top:50%;transform: translateY(-50%);bottom:0px; filter: var(--imgColor_gray);}
#accordion .card-header a{position: relative;}
#accordion .card-header a i{position: absolute;left:-40px;top:50%;transform: translateY(-50%);}
#accordion .card-header a .sign{background-position: -190px -48px;width: 20px;height: 20px; filter: var(--imgPrimary_2);}