/*-----BANNER-----*/
.bantitle {font-size: 70px;color: #fff;line-height: 74px;font-weight: 800;padding-bottom: 30px;letter-spacing: 0.20px;margin: 0 auto;text-shadow: 0px 3px 6px rgb(0 0 0 / 16%)}
.sec_hmbanner{position:relative;z-index:0;height: 850px; overflow: hidden;margin: 0 auto; max-width: 1920px;}
.js_hmbanner .slick-slide > img{margin:0 auto;/*height:652px;*/max-width:inherit;}
.js_hmbanner .slick-slide > img.ban_mob{display:none;}
.ol_hmbanner{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align: left;}
.ol_hmbanner:after {position: absolute;content: "";left: 0;right: 0; margin: 0 auto; background: linear-gradient(270deg, rgb(0 0 0 / 0%) , rgb(0 0 0 / 10%) , rgb(0 0 0 / 30%) );width: 100%; height: 100%; top: 0; z-index: -1;}
.js_hmbanner .slick-track > li{position:relative;}
.js_hmbanner .slick-slide img.ban_mob { display: none !important;}
.bansemititle { font-size: 14px; color: #fff; line-height: 100%; font-weight: bold; padding-bottom: 24px; letter-spacing: 1px; text-transform: uppercase; margin: 0 auto;}
.js_hmbanner .bgimg{position: relative;max-height: 850px;height: 850px !important;}
.banner_home { position: relative; }
.js_hmbanner .slick-active .bgimg{}
.banner_contain { max-width: 660px;text-align: left;}
.js_hmbanner .slick-dots {bottom: 60px;left: 13.2%;}

@keyframes myMove {
  from {
    transform: scale(1, 1);
    transform-origin: 50% 50%;
  }
  to {
    transform: scale(1.8, 1.9);
    transform-origin: 50% 0%;
  }
}
/*    animation: slide 100s linear infinite;
    -webkit-animation: slide 100s linear infinite;*/

/*why-choose-us*/
.badgebox,.year-ring{position:absolute;display:flex}
.badgebox{background: #fff;justify-content: center;align-items: center;padding: 15px 7px;width: 148px;height: 148px;left: -74px; top: 84px;bottom: 0; margin: 0; border-radius: 100%; z-index: 1; box-shadow: 0 6px 10px rgb(0 0 0 / 8%);}
.year-ring{justify-content:center;align-items:center;width:100%;height:100%;-webkit-animation:13s linear infinite clockwiseSpin;animation:13s linear infinite clockwiseSpin}
.chsbox{display:flex;flex-wrap:wrap;align-items:center;margin: auto;}
.chsleft{width:561px;position:relative;left:62px}
.chsright{width:776px;padding: 98px 32px 97px 178px;}
.chslist{display:flex;flex-wrap:wrap;margin: 23px 0px 18px 0;}
.chslist li{width:33.33%}
.chslist li p{color:#fff;font-weight:700;line-height:20px;padding: 15px 0 41px;}

/*home contain*/
.hmcontain_box {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;max-width: 1287px;}
.hmcontain_left { width: 630px;}
.hmcontain_right {width: 513px;padding: 0px 0 0 25px;}
.hmcn-box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.hmcontain_box .btn-blkborder {margin: 42px 0 0;}
.hm_img { position: relative;}
.hm_img:after {position: absolute; content:"";top: 0;left: 0;right: 0;bottom: 0; width: 100%;height: 100%; background: url(../images/svg/logo-hover.svg) no-repeat;margin: auto; background-position: center;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;opacity: 0;-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}
.hm_img:before {position: absolute;content:"";top: 0;left: 0;right: 0;bottom: 0; width: 100%;height: 100%; background: rgb(145 55 47 / 70%); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;opacity: 0}
.hm_img:hover:before{ -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);-webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%;opacity: 1}
.hm_img:hover:after{ -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%;opacity: 1}
.hmcontain_box .hm_img:after,.hmcontain_box .hm_img:before{opacity: 1}
.hmcontain_box .hm_img:after{-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg);}
/*tab*/
.ns-slider { max-width: 1920px; margin-left: auto; margin-right: auto; overflow: hidden;}
.ns-sliderbox {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-bottom: 1px solid #DBDBDB;padding: 0 0 24px 0;margin: 0 0 70px 0;}
.tabs .tab {display: none;}
.tabs .tab.active {display: block;}
.tab_content,.tab_container {transition: all ease-in-out 0.6s;transform: translateY(15px);animation: fadeIn 0.5s ease 1 forwards;}
@keyframes fadeIn {100% { opacity: 1;transform: none;}}
/*innertab box*/
.tabinbox{display:flex;flex-wrap:wrap;justify-content:space-between;padding: 0}
.tabinbox .tab-nav{width:300px}
.tabinbox .tab{width:calc(100% - 300px);padding-left: 100px;transition: all ease-in-out 0.6s; transform: translateY(15px);animation: fadeIn 0.5s ease 1 forwards;}
.tabinbox .tab-nav ul{display:flex;flex-wrap:wrap}
.tabinbox .tab-nav ul li{width:100%;border-bottom: 1px solid #DBDBDB;} 
.tabinbox .tab-nav ul li:last-of-type{border-bottom: 0}
.ns-tabslid{/*padding-left: 13%;*/padding-bottom: 5px; display: block; /*overflow: hidden; margin-right: calc(-100vw / 2 + (100% - 2px) / 2); width: initial; max-width: initial;*/  flex: initial; text-align: center;}
.ns-slider-rgt ul li:first-of-type { border-right: 0;}
.tabinbox .tab_title{display:flex;align-items:center;padding:28px 0;cursor:pointer;position:relative;font-weight:700;font-size:18px;color:#55555e;letter-spacing:.2px;text-transform:capitalize;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.5s linear;}
.tabinbox ul.tab-txt li .ns-hoverim{position:absolute;content:"";left:0;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;top: 0;  bottom: 0; margin: auto;filter: invert(25%) sepia(10%) saturate(7010%) hue-rotate(330deg) brightness(58%) contrast(87%); width: 34px; height: 34px; display: flex; align-items: center;}
.tabinbox .tab_title:after{content:"\f105";position:absolute;font-family:FontAwesome;right:0;top:0;bottom:0;margin:auto;width:auto;height:16px;z-index:-1;color:#91372f;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.5s linear;opacity:0}
.ns-tabslid ul.tab-txt li.active .ns-hoverim, .ns-tabslid ul.tab-txt li:hover .ns-hoverim {opacity: 1; left: 0px;}
.ns-tabslid ul.tab-txt li.active .tab_title:after, .ns-tabslid ul.tab-txt li:hover .tab_title:after {right: 0px; z-index: 0; opacity: 1;}
.ns-tabslid ul.tab-txt li.active .tab_title, .ns-tabslid ul.tab-txt li:hover .tab_title {color: #91372F;padding-left: 44px;}
.ns-slider-rgt .tab-nav ul li.active,.ns-slider-rgt .tab-nav ul li:hover{background: #91372F;color: #fff}

#tab-2 .js-tabslider li .tabslidbox > img{width: 100%;}


.js-tabslider{margin: 0 -20px;}
.js-tabslider li{padding: 0 20px;}
.tabslidbox{position:relative}
.tabslidbox-contain{position:absolute;top:30px;background:#fff;width:133px;height:38px;display:flex;flex-wrap:wrap;align-items:center;font-size:14px;color:#70706f;font-weight:700;letter-spacing:.2px;line-height:40px;clip-path: polygon(100% 0%, 92% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);padding: 0 0 0 20px;}
.ns-slider-rgt ul{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}
.ns-slider-rgt ul li{width:50%;border:1px solid #DBDBDB;text-align:center;font-weight:500;color:#70706f;text-transform:uppercase;font-size:14px;letter-spacing:.2px;    line-height: 15px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.5s linear;}
.ns-slider-rgt{width:344px;text-align:center;}
.ns-slider li span {display: block;padding: 17px 15px;cursor: pointer;}
.ns-slider li span.ns-hoverim {padding: 0;}
/*cmn section*/
@-webkit-keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes clockwiseSpin {
	0%  {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}	
}

/*media query*/
@media(max-width:1920px){
    .ns-tabslid #tab-1{margin-right: -259px;}
}

@media(max-width:1680px){
    /*why choose us*/
    .chsleft {width: 40%;}
    .chsright {width: 60%;padding: 90px 10px 90px 135px;}
}
@media(max-width:1500px){
    /*banner*/
    .bantitle {font-size: 46px;line-height: 56px;padding-bottom: 22px;}
    .bantitle br {display: none;}
    .js_hmbanner p{padding-bottom: 30px;}
    /*home contain*/
    .hmcontain_right{width: 50%;padding-left: 40px;}
    .hmcontain_left{width:49%}
    
}
@media(max-width:1441px) {
    /*why choose us*/
    .chsright {width: 60%; padding: 60px 10px 60px 100px;}
    
    /*tab slider*/
    .tabinbox .tab_title {padding: 18px 0;}
    .tabinbox .tab {padding-left: 40px;}
    .ns-tabslid { margin-right: calc(-125vw / 2 + (100% - -22px) / 2);}
    .js_hmbanner .slick-dots { left: 7%;}
    .ns-sliderbox {padding: 0 0 24px 0;margin: 0 0 60px 0;}
}

@media(max-width:1199px) {
    /*banner*/
    .banner_left {width: 100%;text-align: center}
    .js_hmbanner p {padding-bottom: 30px; margin: 0 auto;}
    .bantitle {font-size: 38px;line-height: 42px; padding-bottom: 16px;}
    .sec_hmbanner {height: 400px !important;}
    .js_hmbanner .bgimg {max-height: 400px;height: 400px !important;}
    
    /*home contain*/
    .hmcontainbox {padding: 40px 0;margin: 40px 0 0;}
    .hmcontain_right{width: 100%;padding: 35px 0 0 0px;}
    .hmcontain_left{width: auto;}
    .hmcn-box {flex-direction: column-reverse;}
    .hmcn-rgt {margin-bottom: 30px;}

    /*tab-slider*/
    .ns-tabslid {margin-right: 0;}
    .tabinbox .tab-nav {width: 100%;}
    .tabinbox .tab { padding-left: 0px;width: 100%;}
    .tabinbox .tab-nav ul {display: flex;flex-wrap: wrap;width: 100%; flex-wrap: initial;margin: 16px 0 18px;overflow: scroll;display: flex;justify-content: center;}
    .tabinbox .tab-nav ul li {width: auto; border-bottom: 0px solid #DBDBDB; display: inline-flex; padding: 0 16px;}
    .tabinbox .tab_title {padding: 18px 0;}
    .ns-tabslid ul.tab-txt li.active .tab_title, .ns-tabslid ul.tab-txt li:hover .tab_title { color: #91372F; padding-left: 0px;}
    .tabinbox .tab_title:after{display: none;}
    .ns-slider li .ns-hoverim,.tabinbox ul.tab-txt li .ns-hoverim{display: none;}
    .ns-sliderbox {padding: 0 0 12px 0;margin: 0 0 10px 0;}
    .js-tabslider {margin: 0 -10px;}
    .js-tabslider li {padding: 0 10px;}
        .ns-tabslid #tab-1 {margin-right: 0;}


}
@media(max-width:992px){
    /*why choose us*/
    .chsright {width: 100%; padding: 150px 95px 60px;margin: -105px 0 0;}
    .chsleft {width: 100%;position: relative; left: auto;text-align: center;padding: 90px 15px 0;}
    .badgebox {padding: 15px 7px; width: 148px;height: 148px; left: 0; right: 0; top: 0;bottom: auto; margin: auto;z-index: 1;}
    .chslist {margin: 0px 0px 0px 0;}
}
@media(max-width:768px){
    .ol_hmbanner {padding: 32px 0 0px;}
    .bantitle {font-size: 30px;line-height: 45px;padding-bottom: 16px;}
    .js_hmbanner p {padding-bottom: 25px; margin: 0 auto;}
    .js_hmbanner p {max-width: 370px;}
    
    /*why choose us*/
    .chsright {padding: 150px 42px 45px;}
    .chslist li p { padding: 15px 0 30px;}
    
    /*home contain*/
    .hmcontainbox {padding: 0px 0 30px;margin: 30px 0 0;border-top: 0;}    
    
    /*tab slider*/
    .ns-slider .container {max-width: 100%; width: 100%;padding: 0;}
    .ns-sliderbox{max-width: 540px; width: 540px; justify-content: center;margin: 0 auto; border-bottom: 0px solid #ccc;}
    .tabs .tab {padding-left: 10px;}
    .js-tabslider li {padding: 0 6px;margin-left: 10px}
    .js-tabslider {margin: 0 -6px;}
    .hm_img:after {background-size: 30% !important;transform: none !important;}
	.hm_img:hover:before{transform: none !important;}
    .hmcontain_box .btn-blkborder {margin: 36px 0 0;}
    .cpright p { font-size: 14px; line-height: 18px;}
    
}
@media(max-width:576px){
    
    /*tab-slider*/
    .ns-sliderbox {max-width: 100%; width: 100%; justify-content: center; margin: 0 auto; padding: 0 0 10px 0;}
    .ns-slider-rgt ul li {width: 46%;}
    .tabinbox .tab-nav ul {justify-content: flex-start;}
    .tabinbox .tab-nav ul {margin: 2px 0 12px;}
    .tabinbox .tab-nav ul li {padding: 0 12px;}
    .tabinbox .tab_title {padding: 8px 0;}

    /*jsclient*/
    .jsclientbox {padding: 28px;margin-bottom: 40px; margin-bottom: 40px;}
    .jsclientbox p {font-size: 14px;}
    .jsclientbox:after {width: 30px;height: 30px;bottom: -16px;}
    .clientnm {padding-bottom: 10px;}
    .jsclient {margin: 10px 0px 0;}
}
@media (max-width:480px) {
    /*why choose*/
    .chslist li {width: 50%;}
}
@media (max-width:365px) {
    
}