@charset "utf-8";
body,html{font-family:"Roboto","Helvetica Neue",Helvetica,Arial;width:100%;height:100%;font-size: 16px; background: #fff;}
.select2 .select2-selection--single{height: 100%;}
.select2 .select2-selection--single .select2-selection__rendered {line-height: 36px;}
.select2 .select2-selection--single .select2-selection__arrow{height: 36px;}
.select2 .select2-selection,.select2-dropdown,.select2-search__field{border-color: var(--tblr-border-color)!important;}
.select2-results{box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb),.15)!important;}
.input-group>.select2{flex: 1 1 auto;}
.input-group>.select2 .select2-selection{border-color: var(--tblr-border-color)!important;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) + .select2 .select2-selection{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) + .select2 .select2-selection{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.codegroup .form-control.is-valid, .was-validated .codegroup .form-control:valid,.codegroup .form-control.is-invalid, .was-validated .codegroup .form-control:invalid,.datepicker.is-valid,.was-validated .datepicker:valid,.datepicker.is-invalid,.was-validated .datepicker:invalid{padding-right: .75rem;background-image:none;}
.was-validated .form-select:invalid + .select2,.was-validated .form-select:valid + .select2{z-index: 4;}
.was-validated .form-select:invalid + .select2 .select2-selection{border-color: var(--tblr-danger)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.was-validated .form-select:valid + .select2 .select2-selection{border-color: var(--tblr-success)!important;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;padding-right: 2rem;background-position: right 0.75rem center,center right 2.25rem;background-size: 18px 18px;}
.select2-container--default .select2-selection--single .select2-selection__clear{height: 36px;}
.select2-container .disabled,.opt-label.disabled,.related-unavailable {opacity: .5;position: relative;}
.select2-container .select2-selection.form-select-lg{padding-top: .25rem;padding-bottom: .25rem;padding-left: .5rem;border-radius: 8px;}
.select2 .select2-selection--single.form-select-lg .select2-selection__arrow{top:5px;}
.section{width:100%;height:auto;float:left;}
.shiro{display:none}
#carouselpro .carousel-indicators{position: static;flex-wrap: wrap;justify-content: flex-start;}
#carouselpro .carousel-indicators li{width: 80px;height: 80px;text-indent: 0;box-sizing: border-box;position: relative;}
#carouselpro .carousel-indicators li img{width: 80px;height: 80px;}
#carouselpro .carousel-indicators li.cvideo:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 36px; position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -18px;margin-left: -18px;color: #fff;text-shadow: #333 2px 2px;}
#carouselpro .carousel-indicators li.active img{border-color: var(--tblr-dark);}
.covervideo{position: relative;display: inline-block;}
.covervideo:hover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);}
.covervideo:after{font-family: var(--fa-style-family,"Font Awesome 6 Free");content: "\f144";font-weight: 400;font-size: 60px;position: absolute;top: 50%;left: 50%;z-index: 1;margin-top: -45px;margin-left: -30px;color: #fff;text-shadow: #333 2px 2px;}

.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}
.empty-header{margin:0 0 1rem;font-size:4rem;font-weight:var(--tblr-font-weight-light);line-height:1;color:var(--tblr-muted)}
.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--tblr-font-weight-bold)}

.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar-nav .nav-link{color: #fff;}
.header .navbar-nav .hvr-underline-from-left{overflow:initial;}
.navbox .dropdown.open>.dropdown-menu{display: block;position: fixed;border-radius: 0;background: rgb(255 255 255);padding: 0;z-index: 200;box-shadow: 0px -41px 21px -49px rgb(129 124 208 / 45%);border:#eee;padding:0;margin: 0;box-shadow: 0px 6px 23px -5px rgb(33 33 33 / 50%);}
.navbox .nav-item.dropdown.open>.dropdown-menu a{color:#333;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item{min-width: 8rem;font-size: .9rem;}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{background-color: var(--tblr-theme1-color);color: #fff;}

/*start*/
:root{
  --tblr-a-hover-color: rgba(30,112,209,1);/*#1e70d1*/
  --tblr-grey-min-color: rgba(136,136,136,1);/*#888*/
  --tblr-grey-color: rgba(102,102,102,1);/*#666*/
  --tblr-grey-max-color: rgba(51,51,51,1);/*#333*/
  --tblr-theme1-color:rgba(230,4,19,1);/*#e60413*/
  --tblr-theme1-color-hover:rgba(230,4,19,.8);
  --tblr-theme2-color:rgba(255,0,17,1);/*#ba8e02*/
  --tblr-theme2-color-hover:rgba(255,0,17,.8);
  --tblr-theme3-color:rgba(11,173,149,1);/*#faf5ef*/
  --tblr-theme3-color-hover:rgba(11,173,149,.8);

}
a{color:var(--tblr-text-color);text-decoration: none;cursor: pointer;}
a:hover{color:var(--tblr-a-hover-color);text-decoration: none;cursor: pointer;}
.a{color:var(--tblr-a-hover-color);text-decoration: none;cursor: pointer;}
.a:hover{text-decoration: underline;cursor: pointer;}
.btn-theme{
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-border-color: transparent;
  --tblr-btn-color: #fff;
  --tblr-btn-bg: rgba(230,4,19,1);
  --tblr-btn-hover-color: #fff;
  --tblr-btn-hover-bg: rgba(230,4,19,.8);
  --tblr-btn-active-color: #609cef;
  --tblr-btn-active-bg: rgba(230,4,19,.8);
  --tblr-btn-disabled-bg: rgba(230,4,19,1);
  --tblr-btn-disabled-color: rgba(230,4,19,1);
  --tblr-btn-box-shadow: var(--tblr-shadow-button),var(--tblr-shadow-button-inset);
  transition: all 0.4s;
}
.text-grey{color:#666;}
.text-grey-min{color:#888;}
.text-grey-max{color:#333;}
.bg-f9{background: #f9f9f9;}
.bg-f7{background: #f7f7f7;}
.bg-f5{background: #f5f5f5;}
.bg-f3{background: #f3f3f3;}
.bg-f2{background: #f2f2f2;}
.bg-f1{background: #f1f1f1;}
.bg-181715{background: #181715;}
.a-text{color:#000;transition: all 0.3s;text-decoration: revert;}
.a-text:hover{color:#d7161a;transition: all 0.3s;text-decoration: revert;}
.text-theme1{color:var(--tblr-theme1-color);}
.text-theme2{color:var(--tblr-theme2-color);}
.bg-theme1{background: var(--tblr-theme1-color);}
.bg-theme2{background: var(--tblr-theme2-color);}
.a-box .a-btn{padding:.7rem 2rem;}
.a-box .a-btn svg{width: 18px;fill:#ffffff;height: 18px;margin-left: .5rem;transition: all 0.3s;}
.a-box .a-btn:hover svg{margin-left: .9rem;transition: all 0.3s;}
.w-80{width: 80%;}
.mt-n1{margin-top: -.5rem;}
.mt-n2{margin-top: -1rem;}
.hr{width: 10%;height: 5px;}
.w-90{width: 90%;}
.w-80{width: 80%;}
.w-70{width: 70%;}
.w-60{width: 60%;}
.w-50{width: 50%;}
.w-40{width: 40%;}
.w-30{width: 30%;}
.w-20{width: 20%;}
.w-10{width: 10%;}
.balle{border:1px solid #eee;}
.ball-theme1{border:1px solid var(--tblr-theme1-color);}
.btope{border-top: 1px solid #eee;}
.btopd{border-top: 1px solid #ddd;}
.btopf{border-top: 1px solid #fff;}
.bbome{border-bottom: 1px solid #eee;}
.brtlr{border-radius: 10px 10px 0 0;}
.brblr{border-radius: 0 0 10px 10px ;}
.swiper-box{width: 100%;position: relative;overflow: hidden;z-index: 5;}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1}
.swiper-container-no-flexbox .swiper-slide {float: left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.swiper-wrapper {position: relative;width: 10%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;padding: 0 1rem;}
.swiper-button-next,.swiper-button-prev{position: absolute;top: 50%;width: calc(var(--swiper-navigation-size)/ 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color,var(--swiper-theme-color));}
.swiper-button-prev,.swiper-button-next{background-color: rgb(247 247 247 / 70%);border-radius: 50%;width: 50px;height: 50px;top: 51%;text-align: center;line-height: 34px;}
.swiper-button-prev::after,.swiper-button-next::after{content: "";}
.swiper-button-prev{margin-top: -1rem;left:.5rem; color:#fff;transition: all 0.4s;}
.swiper-button-next{margin-top:-1rem;right:.5rem;transform: rotate(180deg);color:#fff;transition: all 0.4s;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity: .95;transition: all 0.4s;}
.swiper-button-prev svg,.swiper-button-next svg{width: 25px;height: 25px;fill:rgb(0 0 0 / 70%);height: 30px;width: 30px;transition: all 0.4s;}
.swiper-button-prev:hover{left:1rem;background-color: rgb(247 247 247 / 100%);transition: all 0.4s;}
.swiper-button-next:hover{right:1rem;background-color: rgb(245 245 245);transition: all 0.4s;box-shadow: 0px -2px 12px -1px rgb(161 158 158 / 70%);}
.swiper-button-prev:hover svg,.swiper-button-next:hover svg{fill:rgb(0 0 0 / 100%);transition: all 0.4s;}
/*start*/


/*header*/
.header{position: fixed;left: 0;top: 0;background: #fff;z-index: 200;transition: all 0.3s;/* border-bottom: 1px solid rgb(158 165 173 / 33%); */}
.inner .header{border-bottom: 1px solid rgb(255 255 255 / 100%);}
.header .nav-top {background: #f8f8f8;}
.header .nav-top .top{padding:12px 0;}
.header .media dl dd a{color:#333;font-size: .9rem;transition: all 0.3s;cursor: pointer;}
.header .media dl dd a:hover{transition: all 0.3s;color:var(--tblr-theme1-color-hover);}
.header .media dl dd i{color:#333;}
.header .media .sm a{color:#333;display: inline-block;font-size: 1rem;margin-left: 1.5rem;text-align: center;}
.header .media .sm a:first-child{margin-left: 0;color:var(--tblr-theme1-color-hover);}
.header .media .sm i{color:#333;font-size:1rem;transition: all 0.3s;}
.header .media .sm i:hover{color:var(--tblr-theme1-color-hover);transition: all 0.3s;}
.navbar-toggler,.app-email{display: none;}

.header .navbar .navbar-nav li{position: relative;display: inline-block;margin:0 1rem;}
.header .navbar .navbar-nav li .nav-link{color:#333;font-size: 1rem;padding: 1.4rem 0rem;cursor: pointer;}
.header .navbar .navbar-nav .quote .nav-link{padding: 1rem 0rem;}
.header .navbar .navbar-nav .nav-item{display: block;}
.header .navbar .navbar-nav .nav-item:hover .nav-link,.header .navbar .navbar-nav .active .nav-link{color:var(--tblr-theme1-color-hover);}
.header .navbar .navbar-nav .nav-item:before{height: 3px;}
.header .navbar .navbar-nav .active:before{right: 0;}
.header .dropdown.open>.dropdown-menu{display: block;position: fixed;border-radius: 0;background: rgb(255 255 255);padding: 0;z-index: 200;box-shadow: 0px -41px 21px -49px rgb(129 124 208 / 45%);border:#eee;margin-top: 0px !important;}
.header .nav-item.dropdown.open>.dropdown-menu{display: block;padding:0;margin: 0;box-shadow: 0px 6px 23px -5px rgb(33 33 33 / 50%);}
.header .nav-item.dropdown.open>.dropdown-menu a{color:#333;padding: .8rem 2rem;font-size: .875rem;border-bottom: 1px solid #eee;}
.header .nav-item .dropdown-menu a{color:#333 !important;}
.header .nav-item .dropdown-menu a:hover{color:#fff !important;background: var(--tblr-theme1-color-hover);}
.header .nav-item .nav-link svg{fill:#333; transform: rotate(0deg);transition: all 0.3s;}
.header .navbar .navbar-nav .nav-item:hover .nav-link svg{transform: rotate(360deg);transition: all 0.3s;color:#333;}
.header .hvr-underline-from-left{z-index: 1;overflow: initial;transition: all 0.1s;}

.toptwo{background: rgba(255, 255, 255, 1) !important;
  -webkit-animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  animation: fadeInDown 300ms ease-in-out 0s normal none 1 running;
  box-shadow: 0px 20px 40px rgba(37, 9, 62, 0.1);
  backdrop-filter: blur(16px);transition: all 0.3s;}
.toptwo .navbar .navbar-nav li .nav-link{color:#333;}
.toptwo .nav-item .nav-link svg{fill:#333;}
.nav-item5 a svg,.nav-item6 a svg{display: none;}

.header .navtop{opacity: 1;background-color: rgb(30 30 30);-webkit-transform: translateY(0);transform: translateY(0);transition: all 0.3s;height: 40px;line-height: 40px;position: relative;}
.header .navtop dl dd a{color:#fff;font-size: .85rem;display: flex;align-items: center;}
.header .navtop dl dd a i{color:#fff;font-size: 1rem;}
.header .navtop dl dd a svg{fill:#ffffff;width: 18px;height: 18px;}
.header .navtop dl dd a:hover span{color:var(--tblr-theme2-color);transition: all 0.3s;}
.header .navtop .sm a{width: 30px;height: 30px;line-height: 30px; border:none;background: #422828;border-radius: 50px;transition: all 0.3s;}
.header .navtop .sm a:hover{background: var(--tblr-theme1-color);transition: all 0.3s;}
.header .navtop .sm a i{font-size: .95rem !important;transition: all 0.3s;}
.inner .header{background: #fff !important;}
.inner .header .navbar .navbar-nav li .nav-link{color:#333;}
.inner .header .navbar .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);text-decoration: underline;}
.inner .header .nav-item .nav-link svg{fill:#333;}
.index .header:hover{background: #fff !important;}
.index .header:hover .navbar .navbar-nav li .nav-link{color:#333;}
.index .header:hover .navbar .navbar-nav .nav-item:hover .nav-link{color:var(--tblr-theme1-color);text-decoration: underline;}
.index .header:hover .nav-item .nav-link svg{fill:#333;}
.title h2{font-size: 2.3rem;color:#333;}
.title p{font-size: 1rem;color:#666;line-height: 1.4rem;}
/*.toptwo .navtop{opacity: 0;width: 100%;z-index: 20; -webkit-transform: translateY(.5rem);transform: translateY(.5rem);transition: all 0.2s;}
.header .navbox{top: 40px; transition: all 0.5s;}
.toptwo .navbox{position: absolute !important;background: #fff; width: 100%;top: 0;left: 0; transition: all 0.3s;z-index: 300;}*/

.search-btn{cursor: pointer;}
.search-box{width: 40%;position: absolute;right: 8%;bottom: -60px;z-index: 100;padding: 15px 25px;background: #fff;display: none;box-shadow: 0px 0px 35px -20px rgb(0 0 0 / 0.5);}
.search-box button{border:none;background: none;padding:2px; padding-right: 10px;height: 25px;outline:none;}
.search-box button img{width: 80%;margin-top: -5px;}
.search-box input{border:none;background: none;padding:2px 5px;font-size: 14px;color: #333;height: 25px;outline:none;width: 80%;}
.search-box input::-webkit-input-placeholder{color:#ccc;font-size: 14px;outline:none;}
.search-box .input-group{border-bottom: 1px solid #eee;}
/*header*/

.banner .row{background: #181715;}
.banner .carousel-caption{left: auto;right: auto;margin: 0;bottom:0;padding: 0;text-align: left;}
.banner .text-box{padding:2rem 5rem; text-align: left; background: #181715;}
.banner ul{list-style: none;margin: 0;padding:0;}
.banner ul li{margin-bottom: .5rem;}
.banner ul li:last-child{margin-bottom: 0;}
.banner .carousel-inner .tbsdiv{ transform:translatey(100%); opacity:0; transition: all 1.4s ease-in-out; }
.banner .active .delighter.tbsdiv.started{transform:none; opacity:1;}
.banner .carousel-inner .carousel-item .btitle{font-size: 2.6rem;color:#fff;line-height: 3.5rem;}
.banner .carousel-inner .carousel-item .btxt{font-size: 1rem;color:#eee;}
.banner .a-box a svg{width: 20px;height:20px;fill:#fff;}
.banner .a-box a span{color:#333;}
.banner .a-box a span:hover{color:#5da0f0;}
.banner .a-box a:nth-child(2){margin-left: 1rem;}

.databox img{width: 37px;height: 38px;}
.h-work{background:url(../allimg/img/work-bg.webp) no-repeat center center;background-size: cover;}
.h-about{background:url(../allimg/img/h-about-bg.webp) no-repeat center center;background-size: cover;}
.h-about .col-lg-7 img{width: 31px;height: 26px;}
.h-about .col-lg-5 .overflow-hidden{-webkit-transform: translateX(1rem);transform: translateX(1rem);transition: all .4s ease-in-out;}
.h-about .col-lg-5:hover .overflow-hidden{-webkit-transform: translateX(2rem);transform: translateX(2rem);transition: all .4s ease-in-out;}
.h-about .col-lg-5 .position-absolute{bottom:0;left: 0;transition: all .4s ease-in-out;}
.h-about .col-lg-5:hover .position-absolute{left: -.5rem;transition: all .4s ease-in-out;}
.h-manufacturing .swiper-slide{padding:0 .5rem;}
.h-manufacturing .swiper-slide .bg-black{opacity: .3;transition: all .3s;}
.h-manufacturing .swiper-slide:hover .bg-black{opacity: .1;transition: all .3s;}
.h-manufacturing .swiper-slide p{left: 10%;bottom: 1rem;background: rgb(0 0 0 / 70%);transition: all .3s;}
.h-manufacturing .swiper-slide:hover p{bottom: 1.5rem;background: rgb(0 0 0 / 100%);transition: all .3s;}

.h-process .dbg{background:url(../allimg/img/our-ordering-process-bg.webp) no-repeat center center;position: relative;z-index: 1;}
.h-process .dbg:before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background:rgb(0 0 0 / 90%);z-index: 2;}
.h-process .dbg .box span{width: 30px;height: 30px;line-height: 30px;text-align: center;}
.h-process .dbg .row .col{position: relative;}
.h-process .dbg .row .col:before{content: "";position: absolute;top: 18%;right: 8%;height: 64%;width: 1px;background: rgb(66 66 66 / 60%);}
.h-process .dbg .row .col:nth-child(3):before,.h-process .dbg .row .col:nth-child(6):before{display: none;}

.h-customers{background:url(../allimg/img/customers-evaluation-bg.webp) no-repeat center center;background-size: cover;}
.h-customers .box{box-shadow: 0px 5px 13px -6px rgb(204 204 204 / 35%);transition: all .3s;}
.h-customers .box:hover{box-shadow: 0px 13px 13px -6px rgb(204 204 204 / 70%);transition: all .3s;}
.h-customers .box svg{width: 40px;height: 40px;}
.h-customers .box .lightense-img{height: 150px;object-fit: cover;width: 100%;border: 4px solid #fff;transition: all .3s;}
.h-customers .box .lightense-img:hover{border: 4px solid #cbe9c3;transition: all .3s;}
.h-customers .box .lightense-open{height: auto;object-fit: initial;width: auto;transition: all .3s;}
.all-form{background:url(../allimg/img/form-bg.webp) no-repeat center center;}

.solutions .conbox table{border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.solutions .conbox table td{font-size: 1rem;padding:1rem 2rem;border-right:1px solid #ddd;border-bottom: 1px solid #ddd;}
.solutions .conbox ul{list-style: none;}
.solutions .conbox ul li{margin-bottom: 1rem;}
.solutions .conbox ul li p{line-height: 1.2rem;}
.solutions .conbox ul li:last-child{margin-bottom: 0;}
.solutions .conbox ul li svg{width: 26px;height: 26px;}
.solutions .faq-ul .h6{padding-top: .5rem;}
.solutions .faq-ul .cbox{width: 90%;}
.solutions .faq-ul .cbox ul{list-style: disc !important;margin-left: 1rem;}
.solutions .faq-ul .cbox ul li{padding:0;margin:0;border:none;}
.solutions .simple-steps .col{border-top:2px solid var(--tblr-theme1-color);position: relative;z-index: 2;}
.solutions .simple-steps .col:before{content: "";border:1px solid var(--tblr-theme1-color);background: #fff;width: 12px;height: 12px;border-radius: 50px;left: 0;top: -6px;position: absolute;z-index: 4;transition: all 0.3s;}
.solutions .simple-steps .col .txt{width: 90%;padding:1rem 0;}
.solutions .simple-steps .col .arr{position: absolute;right: 0;top: -12px;z-index: 5;width: 24px;height: 24px;background: var(--tblr-theme1-color);font-size: 15px;line-height: 17px;}
.solutions .simple-steps .col .arr svg{width: 10px;height: 10px;}
.solutions .simple-steps .col:hover:before{border:1px solid #fff;background:var(--tblr-theme1-color);transition: all 0.3s; }
.solutions .injection-molding-why-choose-us{background:url(../allimg/product/injection-molding-why-choose-us-bg.webp) no-repeat center center;background-size: cover;}
.solutions .injection-molding-why-choose-us img{width: 30px;height: 30px;}
.solutions .materials dl dd{margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
.solutions .materials dl dd span{margin-right: 2rem;}
.industries h2{font-size: 1.8rem !important;color:#333;line-height: 2.2rem;}
.industries .component-manufacturing .hvr{padding-top: 0 !important;}
.industries .component-manufacturing .hvr span{margin-top: -50px; width: 100px;height: 100px; line-height: 100px;border: 4px solid #fff;}
.industries .component-manufacturing .hvr span img{width: 45px;height: 45px;}
.about .certificate,.industries .certificate{background:url(../allimg/industries/industries-certificate-bg.webp) no-repeat bottom center;background-size: cover;}
.ul-style1{margin:0;padding:0;list-style: none; margin-top: 1rem;}
.ul-style1 li{margin-bottom: .6rem;}
.ul-style1 li:last-child{margin-bottom: 0rem;}
.ul-style1 li svg{width: 15px !important;height: 15px !important;fill:var(--tblr-theme1-color);}

.resources .conbox .hvr svg{width: 40px;height: 40px;color:#333;}
.resources .conbox .hvr:hover svg{color:var(--tblr-theme1-color);}
.resources .video .nav li{position: relative;margin-right: 2rem;}
.resources .video .nav li:before{content: "";position: absolute;right: 0;top: 30%;height: 40%;background: #333;width: 1px;}
.resources .video .nav li:last-child:before{display: none;}
.resources .video .nav li button{border:none; background: none; display: inline-block;padding:.4rem 0;padding-right: 2rem; color:#333;font-size: 1rem;transition: all .3s;font-weight: bold;}
.resources .video .nav li:hover button,.resources .video .nav li .active{color:var(--tblr-theme1-color);transition: all .3s;}

.resources .faq .nav li{position: relative;border-bottom: 1px solid #eee;}
.resources .faq .nav li:before{content: "";position: absolute;right: 0;top: 30%;height: 40%;background: #333;width: 1px;}
.resources .faq .nav li:last-child:before{display: none;}
.resources .faq .nav li button{position: relative; border:none;background: none; display: inline-block;padding:.4rem 2rem; color:#333;font-size: 1rem;transition: all .3s;font-weight: bold;}
.resources .faq .nav li:hover button,.resources .faq .nav li .active{color:var(--tblr-theme1-color);transition: all .3s;}
.resources .faq .nav li button:before{content: "";position: absolute;bottom: -1px;left: 0;height: 2px;background: #ffffff00;width: 100%;transition: all .3s;}
.resources .faq .nav li:hover button:before,.resources .faq .nav li .active:before{background: var(--tblr-theme1-color);transition: all .3s;}
.resources .faq .tab-content h3{position: relative; font-size: 1.2rem;margin-top: 2rem; padding-bottom: .4rem;margin-bottom: 0; color:#333;}
.resources .faq .tab-content h3:before{content: '';position: absolute;left: -10px;top:0;height: 0%;width: 5px;background: var(--tblr-theme1-color);z-index: 2;transition: all .3s;}
.resources .faq .tab-content h3:hover:before{height: 100%; transition: all .3s;}
.resources .faq .tab-content p,.resources .faq .tab-content{font-size: .95rem;color:#888;}
.resources .faq .tab-content ul{margin: .5rem 0 0 .5rem;padding: 0;list-style: none;}
.resources .faq .tab-content ul li{margin-bottom: .5rem;font-size: .95rem;color:#666;}
.resources .faq .tab-content strong{color:#333;}
.resources .faq .tab-content ul li:last-child{margin-bottom: 0;}

.new-article h1{font-size:1.6rem;color:#333;}
.new-article h2{font-size:1.4rem;color:#333;margin-top: 2rem;}
.new-article time{font-size: 1rem;color:#999;font-weight: initial; margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
.new-article h3{font-size:1.3rem;color:#333;margin-bottom: 1rem;margin-top: 2rem;}
.new-article .hot h3{margin-top: 0;}
.new-article,.new-article p{font-size: 0.9375rem;color:#666;line-height: 1.5rem;}
.new-article .conbox ol{margin: 0;padding: 0;margin-left: 1rem;}
.new-article .conbox ol li,.new-article .conbox ol li p{font-size: .9rem;color:#666;}
.new-article .conbox ol li{margin-bottom: .7rem;}
.new-article .conbox ol li:last-child{margin-bottom: 0;}
.new-article .conbox ol li strong{color:#333;font-size: 1rem;}
.new-article .conbox a{color:var(--tblr-a-hover-color);position: relative; overflow: hidden;}
.new-article .conbox a:before{content: "";width: 100%;height: 1px;background: rgb(192 218 249); position: absolute;bottom: -1px;left: 0;z-index: 2;}
.new-article .conbox a:hover:after{content: "";width: 20%;height: 1px;background: var(--tblr-a-hover-color); position: absolute;bottom: -1px;left: 0;z-index: 3;animation-name:gifline;animation-timing-function:ease-in;animation-duration: 2s;animation-iteration-count:infinite;animation-direction: alternate;}
@keyframes gifline{0% {left: 0;}100% {left:100%;}}
.new-article table{width: 100%;}
.new-article table tr td{border:2px solid #fff;font-size: 1rem;padding: .8rem 1.2rem;}
.new-article table tr:nth-child(odd) td{background: #ccd7e8;}
.new-article table tr:nth-child(even) td{background: #eaeef7;}
.new-article table tr:first-child td{color:#fff;font-weight: bold;font-size: 1.1rem; background: linear-gradient(to right, #7d80ed, #7dcbe9, #f4f5de);}

.about .company-milestone{background:url(../allimg/img/history-bg.webp) no-repeat center center;background-size: cover;}
.about .company-milestone #carouselMilestone{margin-top: 4rem;margin-bottom: 3.5rem;}
.about .company-milestone .box{width: 90%;margin:auto;height: 300px;}
.about .company-milestone .box .row{width: 100%;}
.about .company-milestone .box .row .col-md-6{padding:3rem;}
.about .company-milestone .box .row .col-md-6:nth-child(1){text-align: right;}
.about .company-milestone .box h3{font-size: 5rem !important;margin-top: 1rem;}
.about .company-milestone .box ul{position: relative;list-style: none; padding:0;margin: 0;}
.about .company-milestone .box ul li{font-size: 1.2rem;position: relative;padding-left: 1rem;}
.about .company-milestone .box ul li:before{content: "";position: absolute;left: 0;top:10px;z-index: 1;width:8px;height: 8px;background: var(--tblr-theme1-color);border-radius: 10px; }
.about .company-milestone .carousel-control-prev,.about .company-milestone .carousel-control-next{width: 10%;height: 10%;top:40%;}
.about .company-milestone .carousel-indicators{position: relative;margin: 0;padding: 0;}
.about .company-milestone .carousel-indicators .button{flex: 1 0 0%;opacity: 1; margin: 0;text-align: right;position: relative;border:none;width: auto;height: auto;text-indent:0;background: none;}
.about .company-milestone .carousel-indicators .button .row{position: absolute; left: 0;top: 30px;width: 100%;height: 30px;}
.about .company-milestone .carousel-indicators .button .row .col{position: relative;border-bottom: 1px solid #bdbdbd; padding:0;}
.about .company-milestone .carousel-indicators .button span{position: relative;padding: .5rem 1rem;z-index: 2;top: -.5rem;right: -2rem;font-size: 1.1rem;font-weight: inherit;}
.about .company-milestone .carousel-indicators .button.active span{font-size: 1.7rem;color:var(--tblr-theme1-color);right: -2.5rem;top: -1rem;}
.about .company-milestone .carousel-indicators .button .row .col:before{content: "";left: 0;top:30%;position: absolute;width: 1px;height: 60%;background: #bdbdbd;z-index: 1;}
.about .company-milestone .carousel-indicators .button .row .col:first-child:before{height: 100%;top: 0;}
.about .cooperation-wins .col-md-6.position-relative{background:url(../allimg/img/cooperation-wins-bg.webp) center center no-repeat;background-size: cover;}
.about .cooperation-wins .row .d-flex img{width: 55px;height: 55px;}

.about .company-culture{background:url(../allimg/img/our-service-philosophy-bg.webp) no-repeat center center;background-size: cover;}
.about .the-scale{background:url(../allimg/img/the-scale-bg.webp) no-repeat bottom center;background-size: cover;}

.contact .quote .upfile{display: inline-block;cursor: pointer;margin-top: -10px;position: relative;z-index: 6;}
.contact .quote #fileInput{position: absolute;cursor: pointer;color:#bbb; left:;top: 60%;cursor: pointer;z-index: 5;}
.contact .quote #fileInput::file-selector-button{display: none;}
.contact .quote .hvr-radial-out:hover #fileInput,.quote .hvr-radial-out:hover .upfile{color:#fff;}
.contact .formshiro .a-box .a-btn{padding:1rem;}
.contact .mescon input,.contact .mescon textarea,.contact .mescon select,.contact .mescon .input-group-text{border-color: #aaa;}
.contact .mescon .form-control{padding:.7rem;color:#333;font-size: 1rem;}
.contact .mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder,.flist select option{color:#333;font-size: 1rem;}
.contact .con .row .col-md-4 svg{width: 30px;height: 30px;}
.contact .select i{right:1rem;top:38%;}

.footer{background: #00070d;}
.footer a{font-weight: initial;color:#bbb;transition: all .3s;}
.footer .p{color:#bbb;}
.footer a:hover{color:#fff !important;opacity: 1 !important; transition: all .3s;}
.powerby{border-top: 1px solid #323233;}
.aborder{transition: all .3s;}
.aborder:hover{transition: all .3s;text-decoration: underline;color:var(--tblr-theme1-color) !important;}

.faq-ul{list-style: none;margin:0;padding:0;position:relative; z-index: 15;}
.faq-ul li{cursor: pointer;position: relative;z-index: 15; margin-bottom: 1rem;padding-bottom: 1rem; border-bottom: 1px solid #ccc;}
.faq-ul li .arrsvg svg:nth-child(2),.faq-ul .active .arrsvg svg:nth-child(1){display: none;transition: all 0.4s;}
.faq-ul .active .arrsvg svg:nth-child(2){display: inline-block;transition: all 0.4s;color:#ddd;}
.faq-ul li .cbox{display: none;}
.faq-ul li:first-child .cbox{display: block;}

.position ul{display: flex;justify-content: center;list-style: none;padding:0;margin:0;}
.position li{margin-right: 6px;}
.position li::before{content:"/";display: inline-block;font-size: 14px;}
.position li:nth-child(1)::before{display: none;}
.position li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #666;font-size:.8rem;transition: all 0.3s;}
.position ul li:nth-child(1) a{font-weight: bold;color:#333 !important;}
.position li a:hover{color: #6826c9 !important;transition: all 0.3s;text-decoration: revert;letter-spacing: 0.4px;}
.breadcrumb-item+.breadcrumb-item::before{content: "/";color:#333;font-size: 12px;margin-right: 5px;}
.position svg{width: 16px;height: 16px;}

.swiper-next-prev-style1 .swiper-button-prev{left:0;position: relative;background: rgb(237 237 237 / 70%); right:auto;border-radius: 30px 0 0px 30px;transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-prev:hover{left: 0; box-shadow:none;background: rgb(249 249 249 / 80%);transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-next{right: 0; position: relative;background: rgb(237 237 237 / 70%);left:auto;border-radius: 30px 0 0px  30px;transition: all .3s;}
.swiper-next-prev-style1 .swiper-button-next:hover{right:0;box-shadow: none;background: rgb(249 249 249 / 80%);transition: all .3s;}

.gif-img{ transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3); opacity:1; transition: all 2.4s ease-in-out; }
.delighter.gif-img.started{transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0); opacity:1;}
.gif-bg{animation-name:gifbg;animation-timing-f3unction:ease-in;animation-duration: 10s;animation-iteration-count:infinite;}
@keyframes gifbg{
0% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
50% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
100% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
}
.delighter.splash {transition: all 2s ease-out;}
.delighter.splash.ended {background: #fff;}
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }
.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }
.delighter.bottom { transform:translatey(40%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }
.prenext{margin-top: 1rem;padding:0;padding-top: 2%;border-top: 1px solid #ddd;font-size: 1rem;list-style: none;}
.prenext li{font-size: 1rem;font-weight: bold;color:#333;}
.prenext a{color: #777;text-decoration: none;font-size: 0.9rem !important;margin-left: .5rem; font-weight: initial;}
.prenext a:hover{color: #334ca6;text-decoration: underline;}
.d-hidden-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.d-hidden-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.d-hidden-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.d-hidden-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.no-click{pointer-events: none;cursor: default;}
.nolistyle{list-style: none;}
.transform-0{transform: rotate(0deg) !important;}
.btn-popform{cursor: pointer;}
.popform{border-radius: 20px !important;}
.popform .hbox{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.sm i{font-size: 16px;color: #a3a3a3;margin: 0;padding:0;}
.sm a{display: inline-block;width: 40px;margin-right: .6rem;height: 40px;text-align: center;line-height: 40px;border: none;transition: all 0.3s;background: #2b2b2b;border-radius: 50px;}
.sm a:last-child{margin-right: 0;}
.sm a:hover{background: var(--tblr-theme1-color);transition: all 0.3s;}
.sm a:hover i{color:#fff;}
.gotop{border:none;width: 32px;height: 32px;background: var(--tblr-theme1-color);color:#fff;transition: all 0.4s;}
.gotop svg{fill:#fff;width: 20px;height:20px;transition: all 0.4s;}
.gotop:hover{background: var(--tblr-theme1-color);transition: all 0.4s;}
.new-article .conbox a{color:var(--tblr-a-hover-color);position: relative; overflow: hidden;}
.new-article .conbox a:before{content: "";width: 100%;height: 1px;background: rgb(192 218 249); position: absolute;bottom: -1px;left: 0;z-index: 2;}
.new-article .conbox a:hover:after{content: "";width: 20%;height: 1px;background: var(--tblr-a-hover-color); position: absolute;bottom: -1px;left: 0;z-index: 3;animation-name:gifline;animation-timing-function:ease-in;animation-duration: 2s;animation-iteration-count:infinite;animation-direction: alternate;}
.hvr-radial-out:hover:before,.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{background: var(--tblr-theme1-color);z-index: 5;}
.hvr-reveal:before{border-color:var(--tblr-theme1-color);}
.hover-box .hvr img,.hover-box .hvr .overflow-hidden img{transition: all 0.4s;}
.hover-box .hvr:hover img,.hover-box .hvr:hover .overflow-hidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}
.lh-smmd{line-height: 1rem;}
.lh-mdlg{line-height: 1.4rem;}
.lh-lgxl{line-height: 2.2rem;}
.lh-xxl{line-height: 2.8rem;}
.apptable{vertical-align: middle;width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.hvr-line1{position: relative;display: inline-block; padding-bottom: .1rem;}
.hvr-line1:before{content: "";position: absolute;bottom: 0; left: 0;width: 40%;height: 1px;background: var(--tblr-theme1-color);transition: all 0.3s;}
.hvr-line1:hover{color:var(--tblr-theme1-color-hover);transition: all 0.3s;}
.hvr-line1:hover:before{width: 100%;transition: all 0.3s;}

.pop-media{position: fixed;right: 1px;z-index: 999;bottom: 32%;}
.pop-media dd{-webkit-transform: translateX(25px);transform: translateX(25px);transition: all 0.3s ease;margin-bottom: .2rem;}
.pop-media dd:hover{-webkit-transform: translateX(2px);transform: translateX(10px);transition: all 0.3s ease;}
.pop-media .a{padding: 6px;display: inline-block;border-radius: 30px 0 0 30px;background: #f7f7f7;width: 66px;transition: all 0.3s ease;}
.pop-media .a span{display: inline-block;width: 32px;height: 32px;line-height: 32px;text-align: center;background: var(--tblr-theme1-color);border-radius: 50px;transform: rotate(0deg);transition: all 0.3s;}
.pop-media .a span i{color:#fff;font-size: 1rem;}
.pop-media dd:hover .a span,.pop-media dd:hover .a button{transform: rotate(360deg);transition: all 0.3s;}

@media (min-width:992px){
  .container{width: 76%;max-width: 1400px;margin:auto;}
  .container-nav{width: 88%;margin:auto;}
  .nav-toptwo{margin-top:11vh;}
  .header .logo{width: 11%;margin-top: 5px;transition: all 0.3s ease;}
  .toptwo .logo{width: 12%;margin-top: 5px;transition: all 0.3s ease;}
  .app-down{display: none;}
  .jc-start{display: flex;justify-content: flex-start;}
  .jc-end{display: flex;justify-content: flex-end;}
  .jc-center{display: flex;justify-content: center;}
  .jc-between{display: flex;justify-content: space-between;}
  .ai-center{display: flex;align-items: center;}
  .navbar-toggler{display: none !important;}
  .carousel svg{width: 2rem;height: 2rem;}

  .hover-box .showl{margin-left: 0rem;transition: all 0.5s ease;}
  .hover-box .tab-content .show .showl,.hover-box .show:hover .showl,.hover-box .carousel-item.active .show .showl{margin-left: 1rem !important;transition: all 0.5s ease;}
  .hover-box .showr{margin-right: 0rem;transition: all 0.5s ease;}
  .hover-box .tab-content .show .showr,.hover-box .show:hover .showr,.hover-box .carousel-item.active .show .showr{margin-right: 1rem !important;transition: all 0.5s ease;}
  .hover-box .showt{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  .hover-box .tab-content .show .showt,.hover-box .show:hover .showt,.hover-box .carousel-item.active .show .showt{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
  .hover-box .op .opbox{opacity: 1;transition: all 0.5s ease;}
  .hover-box .op:hover .opbox{opacity: .5;transition: all 0.5s ease;}
  .hover-box .circle .circlebox{transform: rotate(0deg);transition: all 0.4s;}
  .hover-box .circle:hover .circlebox{transform: rotate(360deg);transition: all 0.4s;}
  .hover-box .hvr-p p{-webkit-transform: translateY(0px);transform: translateY(0px);transition: all 0.4s;}
  .hover-box .hvr-p:hover p{-webkit-transform: translateY(-5px);transform: translateY(-5px);transition: all 0.4s;}

  .hvr-float{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  .hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
  .hvr-float-yy{box-shadow: 0px 5px 13px -6px rgb(204 204 204 / 35%);transition: all 0.4s;}
  .hvr-float-yy:hover{box-shadow: 0px 13px 13px -6px rgb(204 204 204 / 70%);transition: all 0.4s;}


  .h-150{width: 100%;height: 150px;object-fit: cover;}
  .h-250{width: 100%;height: 250px;object-fit: cover;}
  .h-300{width: 100%;height: 300px;object-fit: cover;}
  .h-400{width: 100%;height: 400px;object-fit: cover;}
  .h-500{width: 100%;height: 500px;object-fit: cover;}
  .w-lg-90{width: 90%;}
  .w-lg-80{width: 80%;}
  .w-lg-70{width: 70%;}
  .w-lg-60{width: 60%;}
  .w-lg-50{width: 50%;}
  .w-lg-40{width: 40%;}
  .w-lg-30{width: 30%;}
  .w-lg-20{width: 20%;}
  .w-lg-10{width: 10%;}
  .p-3d5{padding:1.5rem !important;}
  .mt-3d5{margin-top:1.5rem !important;}
  .mt-4d5{margin-top:3rem !important;}
  
  .simple-steps7 .col{width: 14.285714%;}
}


@media (min-width:1500px){
  .py-md-5{padding-top: 5rem !important;padding-bottom: 5rem !important;}
  .p-xxl-4d5{padding:3rem !important;}
  .py-xxl-5{padding:5rem 0!important;}
  .banner .row{align-items: center;}

  .solutions .column-ban .tbox{width: 85%;}

}

@media screen and (min-width: 1300px) and (max-width: 1500px){
  .container-nav{width: 92%;}
  .container{width: 86%;}
  .nav-toptwo{margin-top:11vh;}
  .h-150{width: 100%;height: 120px;object-fit: cover;}
  .h-250{width: 100%;height: 180px;object-fit: cover;}
  .h-300{width: 100%;height: 220px;object-fit: cover;}
  .h-400{width: 100%;height: 240px;object-fit: cover;}
  .h-500{width: 100%;height: 400px;object-fit: cover;}
  .w-xl-90{width: 90%;}
  .w-xl-80{width: 80%;}
  .w-xl-70{width: 70%;}
  .w-xl-60{width: 60%;}
  .w-xl-50{width: 50%;}
  .w-xl-40{width: 40%;}
  .w-xl-30{width: 30%;}
  .w-xl-20{width: 20%;}
  .w-xl-10{width: 10%;}


  .p-xl-3d5{padding:1.5rem !important;}
  .p-xl-4d5{padding:3rem !important;}
  .py-xl-5{padding:5rem 0!important;}
  .d-xxl-block{display: block !important;}
}

@media screen and (min-width: 1200px) and (max-width: 1299px){
  .container-nav{width: 92%;}
  .container{width: 88%;}
  .nav-toptwo{margin-top:11vh;}
  .p-lg-3d5{padding:1.5rem !important;}
  .p-lg-4d5{padding:3rem !important;}
  .d-xxl-none{display: none !important;}
  .navtop .app-dg{width: 100%; justify-content: space-between !important;}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
  .container-nav{width: 94%;}
  .container{width: 90%;}
  .nav-toptwo{margin-top:11vh;}
  .p-lg-3d5{padding:1.5rem !important;}
  .p-lg-4d5{padding:3rem !important;}
  .banner .text-box{padding: 2rem 3rem;}
  .banner .carousel-inner .carousel-item .btitle{font-size: 2rem;line-height: 2.5rem;}
  .navtop .app-dg{width: 100%; justify-content: space-between !important;}
}

@media screen and (min-width: 769px) and (max-width: 991px){
  .w-md-90{width: 90%;}
  .w-md-80{width: 80%;}
  .w-md-70{width: 70%;}
  .w-md-60{width: 60%;}
  .w-md-50{width: 50%;}
  .w-md-40{width: 40%;}
  .w-md-30{width: 30%;}
  .w-md-20{width: 20%;}
  .w-md-10{width: 10%;}

  .container-nav{width: 98%; margin:auto;}
  .container{padding-left:1rem;padding-right:1rem;}
  p{line-height: 1.4rem;}
  .h-300{width: 100%;height:130px;object-fit: cover;}
  .display-6{font-size: 1.8rem;}
  .fs-2{font-size: 1rem !important;}
  .fs-4{font-size:0.75rem  !important;}
  .nav-toptwo{margin-top:7.2vh;}
  .logo{padding:10px;display: flex; justify-content: space-between;align-items: center;}
  .logo svg{width: 25px;height: 25px;}
  .logo a img{height: 40px;}
  .logo a span{font-size: 1.2rem;font-weight: bold;color: #000;}
  .logo .ai-center{width: 35%;margin:0 auto;padding: 0;}
  .logo .app-email{fill:#333;display: inline-block;text-align: center;}
  .header .logo .ofimg2,.navbar-toggler{display: inline-block;text-align: center;}
  .header .logo .ofimg1{display:none;}
  .navbar{min-height:initial;}
  .ofnbox{display: inline-block;}
  .ofnbox svg:nth-child(1){display:inline-block;}
  .ofnbox svg:nth-child(2){display:none;}
  .navbar-toggler.active .ofnbox svg:nth-child(1){display:none;}
  .navbar-toggler.active .ofnbox svg:nth-child(2){display:inline-block;}
  .app-down{display: block;position: absolute;z-index: 99;right: 10px;top: 16px;font-size: 10px;background: #f5f7ff;padding: 4px 6px;border: 1px solid #3650aa;color: #3650aa;}
  .app-down i{display: block;color: #3650aa;font-size: 12px;}
  .app-down5,.dropdown-menu5,.app-down7,.dropdown-menu7,.app-down8,.dropdown-menu8{display: none;}
  .header .navbar .navbar-nav .nav-item .nav-link svg{transform: rotate(0deg) !important;right: 1rem;width: 14px;height: 14px;position: absolute;}
  .header .navbar .navbar-nav .nav-item.on .nav-link svg{transform: rotate(360deg) !important;transition: all 0.3s;}
  .header .dropdown.open>.dropdown-menu{box-shadow:none !important;}
  .header .navbar-nav .nav-item .dropdown-menu .dropdown-item{border-bottom: 1px solid #f1efef;}
  .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child{border-bottom: none;}
  .header .navbar-nav .nav-item.on .dropdown-menu{display: block !important;}
  .header .navbar .navbar-nav li{margin:0;border-bottom: 1px solid #eee;}
  .header .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f9f9f9;}
  .navbar-nav .dropdown-menu{background: #f9f9f9 !important;}
  .header .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding: 1rem !important;font-size: 15px;text-transform: uppercase;}
  .nav-search{flex-direction: initial !important;justify-content: start !important;}
  .header .lang a{padding: 5px;font-size: 14px;margin-bottom: .2rem;}
  .header .lang .dropdown-menu.show{top:12px !important;}
  
  .header .navbar-nav .hvr-underline-from-left:before{display: none;}
  .navbar-expand-md .navbar-collapse .dropdown-menu{padding:1rem;}
  .search-box{width: 100%;bottom: -56px;right: inherit;}
  
}


@media (max-width:768px){
  .container-nav{width: 98%; margin:auto;}
  .container{width: 90%;margin:auto;}
  p{line-height: 1.4rem;}
  .h-300{width: 100%;height:130px;object-fit: cover;}
  .display-5{font-size: 2rem !important;}
  .display-6{font-size: 1.8rem;}
  .fs-2{font-size: 1rem !important;}
  .fs-4{font-size:0.75rem  !important;}
  .nav-toptwo{margin-top:11vh;}
  .logo{padding:10px;display: flex; justify-content: space-between;align-items: center;}
  .logo svg{width: 25px;height: 25px;}
  .logo a img{height: 40px;}
  .logo a span{font-size: 1.2rem;font-weight: bold;color: #000;}
  .logo .ai-center{width: 35%;margin:0 auto;padding: 0;}
  .logo .app-email{fill:#333;display: inline-block;text-align: center;}
  .header .logo .ofimg2,.navbar-toggler{display: inline-block;text-align: center;}
  .header .logo .ofimg1{display:none;}
  .navbar{min-height:initial;}
  .ofnbox{display: inline-block;}
  .ofnbox svg:nth-child(1){display:inline-block;}
  .ofnbox svg:nth-child(2){display:none;}
  .navbar-toggler.active .ofnbox svg:nth-child(1){display:none;}
  .navbar-toggler.active .ofnbox svg:nth-child(2){display:inline-block;}
  .app-down{display: block;position: absolute;z-index: 99;right: 10px;top: 16px;font-size: 10px;background: #f5f7ff;padding: 4px 6px;border: 1px solid #3650aa;color: #3650aa;}
  .app-down i{display: block;color: #3650aa;font-size: 12px;}
  .app-down5,.dropdown-menu5,.app-down7,.dropdown-menu7,.app-down8,.dropdown-menu8{display: none;}
  .header .navbar .navbar-nav .nav-item .nav-link svg{transform: rotate(0deg) !important;right: 1rem;width: 14px;height: 14px;position: absolute;}
  .header .navbar .navbar-nav .nav-item.on .nav-link svg{transform: rotate(360deg) !important;transition: all 0.3s;}
  .header .dropdown.open>.dropdown-menu{box-shadow:none !important;}
  .header .navbar-nav .nav-item .dropdown-menu .dropdown-item{border-bottom: 1px solid #f1efef;}
  .header .navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child{border-bottom: none;}
  .header .navbar-nav .nav-item.on .dropdown-menu{display: block !important;}
  .header .navbar .navbar-nav li{margin:0;border-bottom: 1px solid #eee;}
  .header .nav-item .dropdown-menu a:hover{color:#333 !important;background: #f9f9f9;}
  .navbar-nav .dropdown-menu{background: #f9f9f9 !important;}
  .header .navbar-nav .nav-item .nav-link{position: relative;z-index: 95;color: #000!important;padding: 1rem !important;font-size: 15px;text-transform: uppercase;}
  .nav-search{flex-direction: initial !important;justify-content: start !important;}
  .header .lang a{padding: 5px;font-size: 14px;margin-bottom: .2rem;}
  .header .lang .dropdown-menu.show{top:12px !important;}
  
  .header .navbar-nav .hvr-underline-from-left:before{display: none;}
  .navbar-expand-md .navbar-collapse .dropdown-menu{padding:1rem;}
  .search-box{width: 100%;bottom: -56px;right: inherit;}

  .navtop .app-dg{justify-content: space-between !important;width: 100%;}
  .navtop{display: flex;padding: 0 1rem;}
  .navtop dl dd{margin-right: .5rem;}
  .navtop dl dd i{font-size: 1.4rem !important;}
  .navtop dl dd svg{width: 21px !important;height: 21px !important;}
  .navtop .sm a{margin-left: .5rem;background: #a90e0e !important;}
  .navtop .sm a i{color:#fff;}

  .hvr-float,.hvr-forward,.hvr-wobble-horizontal,.hvr-radial-out,.hvr-underline-from-left,.hvr-buzz-out,.hvr-underline-from-center:before,.hvr-underline-from-left:before,.hvr-radial-in{transform: none;}
  
  .header .navbar .navbar-nav li .nav-link{font-size: 1.2rem;}
  .header .navbar-nav .nav-item .dropdown-menu .dropdown-item{font-size: 1.1rem;}
  .title h2{font-size: 1.8rem;}
  .a-box .a-btn{padding:.6rem 1rem; font-size: 1rem !important;}
  .banner .carousel-item .row .col-md-6:nth-child(1){position: relative;z-index: 2;}
  .banner .carousel-item .row .carousel-caption {position: absolute !important;z-index: 3;left: 0;top:0;width: 100%;height: 100%;}
  .banner img{height: 400px !important;object-fit: cover; }
  .banner .carousel-caption{left: 5%;right: 5%;}
  .banner .carousel-item .col-md-12{margin-top: 0;}
  .banner .text-box{padding:2rem;background: rgb(24 23 21 / 80%);}
  .banner .text-box .btitle{font-size: 1.8rem !important;line-height: 2.2rem !important;}
  .h-adv p{line-height: 1rem;font-size: .9rem !important;;}
  .databox img{width: 30px;height: 29px;}
  .hvr h3,.faq-ul .h6 b,.listnew h3{font-size: 1.2rem !important;line-height: 1.6rem !important;}
  .hvr p,.h-about .col p,.h-process .box p,.footer p{font-size: .9rem !important;line-height: 1.2rem !important;}
  .all-form p,.resources p,.listnew p,.article .new-article p,.new-article .conbox ol li,.contact p{font-size: 1rem !important;line-height: 1.3rem !important;}
  .solutions h3,.new-article h3{font-size: 1.3rem !important;line-height: 1.7rem !important;}
  .solutions p,.industries p,.solutions table td,.solutions ul li,.new-article .conbox ol li strong,.page p{font-size: 1.1rem !important;line-height: 1.5rem !important;}
  .pop-media dd{display: none;}
  .pop-media dd:last-child{display: block;}
  .gotop{width: 40px;height: 40px;}
  .gotop svg{width: 25px;height: 25px;}
  .pop-media{bottom:40%;}
  .pop-media dd{-webkit-transform: translateX(15px);transform: translateX(15px);transition: all 0.3s ease;margin-bottom: .2rem;}
  .pop-media dd:hover{-webkit-transform: translateX(15px);transform: translateX(15px);transition: all 0.3s ease;}
  .h-about .col-lg-7 img{width: 20px;height: 19px;}
  .h-about .a-box{margin: 1.5rem !important;}
  .h-about .col-lg-5{padding:1rem !important;}

  .solutions .simple-steps .col{border-top:none; border-left:2px solid var(--tblr-theme1-color);position: relative;z-index: 2;}
  .solutions .simple-steps .col .txt{width: 90%;padding: 1rem 0;margin-left: 6%;}

  .footer h3{margin-top: 1rem;}
  .footer dl dd{display: inline-block;margin-right: .5rem;}
  .footer dl dd a{padding: .3rem .6rem;background: var(--tblr-theme1-color);font-size: .9rem;color: #fff;}
  .footer .sm{margin-top: 1rem;}
  .solutions .simple-steps .col:before{width: 20px;height: 20px;left: -10px;top: 16px;}
  .solutions .simple-steps .col .arr{left: -13px;top: 14px;width: 26px;height: 26px;transform: rotate(90deg);}
  .solutions-industries h3{font-size: .9rem !important;}
  .industries .component-manufacturing .row .col-md-4{margin-top: 4rem;}
  .column img{width: 100%; height:130px;object-fit: cover;}
  .position li a{font-size: .9rem;}
  .about .company-milestone .box .row .col-md-6:nth-child(1){text-align: center;}
  .about .company-milestone .carousel-indicators{display: none;}
  .about .company-milestone .box .row .col-md-6{padding:2rem;}
  .about .col-md-6{margin-bottom: 1rem;}
  .contact .quote .col-md-12 .col-md-4 span{height: 70px !important;margin-bottom: 1rem;}
  .contact .quote .col-md-12 .col-md-4 span svg{width: 30px;height: 30px;}

}